博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
DOM、BOM方法起源
查看>>
C语言运算符优先级.
查看>>
算法-01-分治
查看>>
java自定义注解学习(二)_注解详解
查看>>
QTreeView
查看>>
QtCore.QMetaObject.connectSlotsByName:根据objectName和signal自动绑定slot
查看>>
jira
查看>>
elasticsearch rpm 安装
查看>>
Python基础总结(字符串常用,数字类型转换,基本运算符与流程控制)
查看>>
数据预处理——剔除异常值,平滑,归一化
查看>>
Visual stuido 项目路径的奇怪问题
查看>>
java局部变量和临时变量
查看>>
返回杨辉三角前 n 层的数字
查看>>
布局(2、相对布局)
查看>>
在 Eclipse 上配置tomcat7.0并创建工程发布
查看>>
腾讯移动分析 签名代码示例
查看>>
重新回归博客园,写在开始的话。
查看>>
JavaScript定义函数
查看>>
AJAX的基础
查看>>
闹心的事
查看>>