js小游戏
文章平均质量分 60
我是真的不会前端
努力上进的前端码农
展开
-
纯原生JS使用ES6语法实现飞机大战
1.游戏背景首先,这是一个采用原生js写的一个demo。用ES6的模块化和class进行构建。这个项目已经 写咋一个html上的,如果课设或者什么需要的小伙伴。直接复制代码到html文件就行了至于图片 ,我会把图片截出来2.运行截图...原创 2021-06-06 23:43:08 · 2238 阅读 · 11 评论 -
纯原生JS面向对象构造函数方法实现贪吃蛇小游戏
Demo介绍用prototype构造函数写的贪吃蛇。直接复制代码到html文件就可以运行。学任何一门语言 练习逻辑都会写个贪吃蛇啥的,这不来了嘛这个demo通过几个方法基本无HTML和css完全动态生成界面元素。基本注释都在代码中源码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>document</title></head>原创 2021-05-31 22:04:19 · 560 阅读 · 6 评论 -
纯原生JS面向对象实现打字小游戏
Demo介绍通过键盘点击下落小球所显示的数字,小球刷新再任意位置重新掉落。并且,每五个球后掉落速度加快小球刷新位置 大小,颜色随机。用面向对象class方法实现该demo源码可直接使用。赋值到html文件 然后打开就可以使用,可用作学校课设使用源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa原创 2021-05-31 20:07:28 · 374 阅读 · 0 评论 -
原生JS实现简单打砖块弹球小游戏
使用原生JS写的,还有一点瑕疵。代码直接复制到html就能使用速度随机的 因为设涉及横向和纵向速度,所以显示的小球速度值是他们的和速度(立方和开根号)。按回车或者在滑块上单机左键开始游戏。鼠标滑动或者键盘A(左)或者D(右)控制滑块方向接小球。这个小demo的意义主要为了锻炼逻辑能力<!DOCTYPE html><html><head><meta charset="UTF-8"><title>document</title原创 2021-05-26 20:28:08 · 835 阅读 · 8 评论 -
纯原生JS用面向对象class方法实现简易扫雷小游戏
Demo介绍纯原生js 实现 且用ES6语法class写的扫雷小游戏:布局为10*10的网格,随机生成10-20个雷。左键点击扫雷。右键标记该地方有雷。该demo下载下来复制到html文件中直接可以使用。不需要下载任何插件和引入任何框架。小游戏源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w原创 2021-05-29 14:25:31 · 1767 阅读 · 6 评论