可以❤表白的❤飞机❤爱心❤大作战

Posted 奇妙代码

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了可以❤表白的❤飞机❤爱心❤大作战相关的知识,希望对你有一定的参考价值。

可以🧡表白的🧡飞机🧡爱心🧡大作战

此作品是用前端的html、CSS、JS制作的一个前端飞机大战,所谓的爱心呢是指图片时爱心形状的,其他的和普通的飞机大战区别不大的。不过绝对是一个能挑逗女朋友的神器之一。
小伙伴们是否玩过飞机大战的游戏呢,前端制作简单的飞机游戏,发射爱心获取分数,还有4种模式可以选择,满屏的爱心是不是很浪漫呢,快叫上ta去玩吧!
下面先看看效果吧:
以下呢是效果图和成显出来的效果,整体的效果也还是可以的:
在这里插入图片描述
在这里插入图片描述
代码如下:
在这里插入图片描述
简单的个div盒子,然后定义好用到的变量
在这里插入图片描述
以及初始化方法,绘制首页
接着给函数定义内容,比如子弹在这里插入图片描述
在这里插入图片描述
下面给是是自定义要如何修改:
在这里插入图片描述
Index.html文件的代码278行,303行更改自己想要的模式名称,以及游戏的标题

在这里插入图片描述
然后start开始游戏的方法函数里,在img文件夹下替换自己想要的背景图片跟背景音乐(想要的图片跟音乐自行下载到img文件夹然后再函数里更换),同样的这个函数里面,317行更改击中后显示的文字.
在这里插入图片描述
敌军函数方法,第352行,更改降落的“敌军飞机图片”,同样的在img文件夹下更改,注意后缀.jpg或者.png要对应的改过来哦要不然不会显示的
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
同样地,射击的效果图以及对应的音乐也可以找到对应的位置替换掉,方法还是跟之前替换的一样,注意名字,路径一致
在这里插入图片描述
在这里插入图片描述
最后就是游戏结束啦
祝小伙伴们能玩的愉快哦
下载链接:https://pan.baidu.com/s/1ZPsVZ02lAm72YDGg-INeXg
提取码:n7nk
可能需要各位小伙伴又要少吃一顿肉咯2.99

点个赞让我知道你来过哟!!!
点个赞让我知道你来过哟!!!
可以来我的界面看往期的博客!!!
如有什么需要可以私信
如有什么需要可以私信
如果有任何问题私信没有及时回复小伙伴们可以添加以下微信号咨询:
微信号:ych520cyy
或是qq:3364193252(尽量是qq,微信加多了我微信会被加过多,账号异常等问题
一般都会回复和指导大家的,祝所有小情侣都能天天快快乐乐的哟
在这里插入图片描述

以上是关于可以❤表白的❤飞机❤爱心❤大作战的主要内容,如果未能解决你的问题,请参考以下文章

[知了堂学习笔记]_用JS制作《飞机大作战》游戏_第1讲(素材查找和界面框架搭建)

球球大作战名字颜色代码复制

球球大作战。我有好多头像想上传,可都说文件真的太大了。怎么办?求帮忙!

HTML5 3D爱心表白动画

球球大作战里面的有些符号代码怎么打,我看到别人的名字是一根香烟,好牛B啊怎么弄?

球球大作战名字颜色怎么修改 颜色代码大全