博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
刚学玩原生JS,自己写了一个小游戏,希望在以后能不断地进步加以改善
阅读量:7067 次
发布时间:2019-06-28

本文共 5672 字,大约阅读时间需要 18 分钟。

       
冒险岛
fen

当前分数:

xue
zt

当前的关卡:

您的分数:

评价:

开始游戏

游戏规则

结束游戏

游戏申明

欢迎进入守卫冒险岛,一起来守卫我们的王国吧。

1.点击“开始游戏”你就可以进入到我们的王国中了,我们的王国正在被攻击,让我们一起来守卫它吧,战斗吧!英雄!

2.按下键盘的h你就可以操控英雄。

3.按下键盘的 l你就可以攻击怪物。

4.按下键盘的 l你就可以开启大招。

X

本游戏由国信安 131部 项目4组 赵宇翔 个人制作,其他人不得抄袭。

谢谢合作。

关闭说明

/**玩家的原型属性:  * 1.@param imgsrc    玩家图片的地址.  * 2.玩家的生成地址 x  y.  * 3.玩家移动的速度 sudu.  * 4.玩家的血量   bloou.  * 5.玩家的创建方法   creat().  */ var game=document.getElementById("game"); function play1prototype(imgsrc,x,y,sudu,bloou,width,height){
this.img=imgsrc; this.imgNode=document.createElement("img"); this.x=x; this.y=y; this.width=width; this.height=height; this.isdead=false; this.sudu=sudu; this.bloou=bloou; this.movebottom=function(){
if(parseInt( this.imgNode.style.top)<540){
this.imgNode.style.top=parseInt( this.imgNode.style.top)+this.sudu+"px"; } } this.movetop=function(){
if(parseInt( this.imgNode.style.top)>0){
this.imgNode.style.top=parseInt( this.imgNode.style.top)-this.sudu+"px"; } } this.moveleft=function(){
//console.log(this.imgNode.style.left); if(parseInt( this.imgNode.style.right)<1150){
this.imgNode.style.right=parseInt( this.imgNode.style.right)+this.sudu+"px"; } } this.moveright=function(){
if(parseInt( this.imgNode.style.right)>0){
this.imgNode.style.right=parseInt( this.imgNode.style.right)-this.sudu+"px"; } } this.creat=function(){
this.imgNode.src= this.img; this.imgNode.style.position="absolute"; this.imgNode.style.top=this.y+"px"; this.imgNode.style.right=this.x+"px"; game.appendChild(this.imgNode); } this.shoolt=function(){
var x=parseInt(this.imgNode.style.right)-35; var y=parseInt(this.imgNode.style.top)+15; //console.log(x) play1zidan=new playzidanprototype("sucai/dragon/small/att.gif",x,y,5); play1zidanarr.push(play1zidan); } this.creat(); } /**创建玩家子弹的原型 * * @param imgsrc 子弹的地址 * @param x 子弹产生的X轴 * @param y 子弹产生的Y轴 * @param sudu 子弹移动的速度 */ function playzidanprototype(imgsrc,x,y,sudu){
this.img=imgsrc; this.imgNode=document.createElement("img"); this.x=x; this.y=y; this.sudu=sudu; this.move=function(){
this.imgNode.style.right=parseInt(this.imgNode.style.right)-this.sudu+"px"; } this.creat=function(){
this.imgNode.src=this.img; this.imgNode.style.position="absolute"; this.imgNode.style.top=y+"px"; this.imgNode.style.right=x+"px"; game.appendChild(this.imgNode); } this.creat(); } /**创建玩家血条的原型 * 1.血条的图片地址SRC * 2.血条的x * 3血条的Y * 4.血条的创建 */ function playbloouprototype(imgsrc,x,y,sudu){
this.imgsrc=imgsrc; this.imgNode=document.createElement("img"); this.x=x; this.y=y; this.sudu=sudu; this.creat=function(){
this.imgNode.src=this.imgsrc; this.imgNode.style.position="absolute"; this.imgNode.style.top=y+"px"; this.imgNode.style.right=x+"px"; game.appendChild(this.imgNode); } this.movebottom=function(){
if(parseInt( this.imgNode.style.top)<540){
this.imgNode.style.top=parseInt( this.imgNode.style.top)+this.sudu+"px"; } } this.movetop=function(){
if(parseInt( this.imgNode.style.top)>-10){
this.imgNode.style.top=parseInt( this.imgNode.style.top)-this.sudu+"px"; } } this.moveleft=function(){
//console.log(this.imgNode.style.left); if(parseInt( this.imgNode.style.right)<1160){
this.imgNode.style.right=parseInt( this.imgNode.style.right)+this.sudu+"px"; } } this.moveright=function(){
if(parseInt( this.imgNode.style.right)>10){
this.imgNode.style.right=parseInt( this.imgNode.style.right)-this.sudu+"px"; } } this.creat(); } //进入游戏第一件事,创建怪物的原型// /**怪物的原型属性: * 1.@param imgsrc 怪物图片的地址. * 2.怪物的生成地址 x y. * 3.怪物移动的速度 sudu. * 4.怪物的血量 bloou. * 5.怪物的创建方法 creat(). */ function gauiwu1prototype(imgsrc,x,y,sudu,bloou,width,height){
this.img=imgsrc; this.imgNode=document.createElement("img"); this.x=x; this.y=y; this.width=width; this.height=height; this.isdead=false; this.sudu=sudu; this.bloou=bloou; this.move=function(){
this.imgNode.style.right=parseInt( this.imgNode.style.right)+this.sudu+"px"; }; this.creat=function(){
this.imgNode.src= this.img; this.imgNode.style.position="absolute"; this.imgNode.style.top=this.y+"px"; this.imgNode.style.right=this.x+"px"; game.appendChild(this.imgNode); } this.creat(); }
  

转载于:https://www.cnblogs.com/doubolexiang/p/6710257.html

你可能感兴趣的文章
修改IntelliJ IDEA代码头注释
查看>>
WPF绑定xaml中绑定对象需用属性表示,字段不可以绑定
查看>>
有关Kali更新问题的解决方法。
查看>>
从零开始山寨Caffe·零:必先利其器
查看>>
HDU 1312 (BFS搜索模板题)
查看>>
Haskell 笔记 ②
查看>>
C# messagebox 居中父窗体
查看>>
zeromq实践
查看>>
noip复习之拓扑排序
查看>>
网页添加至主屏幕
查看>>
6-&
查看>>
提取两个数组中不同元素
查看>>
如何监控tomcat性能
查看>>
Pandas python
查看>>
CodeForces 23E Tree
查看>>
C#如何加载程序运行目录外的程序集
查看>>
PVS-Studio静态通用分析规则
查看>>
【Android】自定义ImageView实现图片的平移、缩放、旋转(手势操作)
查看>>
SDNU 1539 Do you like Hot Dog ?
查看>>
Go语言基础之反射
查看>>