![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
java script
java script
敢跟头像对视三秒吗?
这个作者很懒,什么都没留下…
展开
-
前端小游戏飞机大战源码完整版
html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>飞机大战</title> <link rel="stylesheet" type="text/css" href="css/commen.css"/> <link rel="stylesheet" type="text/css" href="css/main.css"原创 2022-02-28 19:06:09 · 4454 阅读 · 2 评论 -
从零开始 飞机大战(五)实现子弹定位和动画
实现目标 首先判断什么时候需要发射炮弹,我们设置在摁下空格的时候发射炮弹,我们下载键盘监控事件中 所以在键盘检测到我们摁下空格的时候,一个炮弹就自动加载到舞台中, //键盘的监控事件 document.onkeydown=function(e){ if(e.key==" "){ //炮弹向上运动 $("<div class='bullet'></div>").css({"left":bulletx,"top":bullety}).appendTo(stage); } }原创 2021-10-31 15:20:11 · 293 阅读 · 0 评论 -
从零开始 飞机大战(四)敌机飞出边界自动消失
遇到的问题 如图所示,在实现随机增加敌机以及玩家第一在舞台的随意飞行知否,在检查控制台时发现,当敌机飞过舞台后并不会自动消失,以至于程序会占用过多的内存空间,情况有些类似于在实现动态内存分配时未及时释放的内存泄露情况,因此在电脑以可见速度变慢的情况下,如何让敌机自动消失显得越发棘手 在这之前首先理解几个概念 每一个敌机都是我们加载在html中的一个节点,或者说是标签 理解dom节点 document object model----文档对象模型 我们的需求是,在敌机飞过舞台后自动的删除相应的html节点,原创 2021-10-31 14:49:18 · 176 阅读 · 0 评论 -
从零开始 飞机大战(三)玩家飞机与敌机飞行飞行
一些小知识点的总结: 舞台 .stage是作为游戏的面板区域的 minimum-scale=1,maximum-scale=1 如果了两个数值是相等的那么意味着网站不允许用户放大或者缩小 定义函数的基本格式 function myapp(){ 定义函数的基本格式 } var stage=document.getElementById(“stage”); //获取舞台节点 var bg1=stage.getElementsByClassName(“bg1”)[0];//获取背景图片 只要时class那就肯定是原创 2021-08-22 11:36:57 · 148 阅读 · 30 评论 -
从零开始 飞机大战(二)简单开发
上次我们设置了一个背景图片在舞台自上而下的移动,但是因为只有一张背景图片的原因,导致总有那么一刻背景图片会从上面滑下来,就是说我们的背景保持住了短暂的连续性,但不能长时间保持,因此我们要解决这个问题,需要好好想想 ...原创 2021-08-22 10:39:26 · 72 阅读 · 14 评论 -
从零开始 飞机大战(一)
网站结构 html css 与js的结合应用 必要的准备工作 我们需要使用到jquery开源的核心库,所以要去相关网站下载好,然后新建js文件,将jq应用到新建的文件中 建立css文件 建立js文件 针对游戏的核心控制文件 最开始我想的是想让背景动起来,这里可能涉及到两个要点: 1通过时钟控件 2设置便令改变变量来看你告知背景图片的值 基本结构: <!DOCTYPE html> <html> <head> <meta charset="utf-8" />原创 2021-08-22 10:17:50 · 112 阅读 · 8 评论