【JS小游戏】的更多相关文章

一个js小游戏----总结

花了大概一天左右的功夫实现了一个js小游戏的基本功能,类似于“雷电”那样的小游戏,实现了随即怪物发生器,碰撞检测,运动等等都实现了,下一个功能是子弹轨迹,还有其他一些扩展功能,没有用库,也没有用webGl之类的,单纯的逻辑+对DOM的操作,算是一次试手吧,之所以没有继续去完善,是因为想要整合一下,各个模块要更清晰,大体的设计是按MVC来的,但是对控制器那一块还不满意,设计过程中比较得意的是碰撞检测吧,因为我用了一个数组来维护怪物的生灭,怪物产生则数组push,怪物消失则用splice来从数组中删…

JS小游戏：贪吃蛇（附源码）

javascript小游戏:贪吃蛇 此小游戏采用的是面向对象的思想,将蛇,食物,和游戏引擎分为3个对象来写的. 为方便下载,我把js写在了html中, 源码中暂时没有注释,等有空我在添加点注释吧. 游戏玩法:直接打开html文件即可开始游戏,用键盘的上下左右键控制蛇的移动. 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>贪吃蛇</title…

js小游戏：五子棋

使用纯js的小游戏,五子棋 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>五子棋</title> <style type="text/css"> *{ padding:0; margin:0; } canvas{ margin:10px; border:2px solid #CCCCCC; } #box{ di…

JS小游戏-蓝色拼图

// a[href=#viewSource]"); //查看源代码标签 viewSourceArr.attr("title", "查看源代码"); var copyArr = $(".toolbar > .copyToClipboard > embed"); //复制到剪切板 copyArr.attr("title", "复制到剪切板"); var printSource = $(&q…

JS小游戏寻找房祖名

提示:1:先把两个图片放到重命名并放到相应的路径内. 2:本小游戏只为闲事练手,如有小bug自行解决,解决不了的可以留言,我看到后解决. 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #wrap{ margin:0 auto; border : 1px solid red; width:…

Vue.js小游戏：测试CF打狙速度

此项目只测试反应速度,即手点击鼠标的反应速度 html代码 <div id="top">请等待图片变颜色,颜色便的那一刻即可点击测手速</div> <div id="mybody" v-bind:style="{backgroundColor:bgcolor}"> <div id="myBtn" v-on:click="myclick">点我测手速</d…

js小游戏---智力游戏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 一个无聊的游戏 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <meta http-equiv="Content-Type"…

JS小游戏

捕鱼达人 飞机大战游戏 详解javaScript的深拷贝 http://www.cnblogs.com/penghuwan/p/7359026.html…

pixi.js 微信小游戏 入手

pixi是什么?一款h5游戏引擎 优点:简单简洁性能第一 缺点:大多数用的国产三大引擎,pixi资料少,工具少, 为什么学,装逼 用pixi开发小游戏行吗? 行.但要简单处理下 下载官网上的 weapp-adapter.js  找到 var TouchEvent = function TouchEvent(type);  此行的后面添加  window.TouchEvent = TouchEvent; 因为这是window事件,必须全局化 另外还需要对weapp-adapter的ajax做下处理…

js消除小游戏(极简版)

js小游戏极简版 (1) 基础布局 <div class = "box"> <p></p> <div class="div"></div> </div>     (2)简单的基础样式 * { margin: 0; padding: 0; } div.box { width: 1000px; height: 700px; border: 1px solid #008B8B; box-sizing:…