博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript强化教程 - 六步实现贪食蛇
阅读量:6276 次
发布时间:2019-06-22

本文共 993 字,大约阅读时间需要 3 分钟。

  hot3.png

本文为机构官方的教程,主要介绍贪食蛇

 
1.首先创建div 并且给div加样式

地图(div和表格)、所有的块(蛇头,食物身体加样式)

2.创建地图

document.write("
"); for (var i = 0; i < 10; i++) {... } document.write("
");

3.调用createNode函数创建块

var pannel = document.getElementById("pannel");    function createNode(type) {... } //[i][b]根据type创建块(0头部 1食物 2身体)[/b][/i]    //申请一些变量以便以后调用    var allNode = new Array();//存所有吃到的身体    var fooldNode = null;//指向食物a    var headNode = null;//指向头部b    headNode = createNode(0);//创建头部A    headNode.value = 39;//给头部一个方向  37左 38上 39右 40下    fooldNode = createNode(1);//创建食物B

4.定时器

function moveNode() {...};

 

setInterval(moveNode, 500);启动定时器

5.

document.onkeydown = function () {通过event.keyCode改变headNode.value实现用户按键改变蛇头自动移动的方向}

6.核心逻辑 

在第4中的 function moveNode() {...}; 定时执行此函数
实现了:1.移动所有身体
     2.移动蛇头
     3.创建新块并且 新块在蛇尾产生,方向与蛇尾相同
------------------------------------------------------------------------------------------------

  • 实现源码
    
Title

转载于:https://my.oschina.net/yom/blog/699960

你可能感兴趣的文章
未来3年内25G将成数据中心主流网络
查看>>
《云计算:原理与范式》一1.3 云计算的架构与类型
查看>>
Strategy Analytics:视频监控是安防系统成功的关键
查看>>
四家企业联合发起 OPEN AI LAB,听听余凯等大佬怎么说
查看>>
永不晕车的法子, 快告诉你身边晕车的人!
查看>>
《游戏设计师修炼之道:数据驱动的游戏设计》一第2章
查看>>
php在客户端禁用cookie时让session不失效的解决方法
查看>>
以色列移动社交支付应用PayKey获600万美元A轮融资
查看>>
数据中心安全概论
查看>>
Facebook公司计划将其沃斯堡数据中心拓展三倍规模
查看>>
Netflix展示大数据分析基础架构
查看>>
我国光伏技术步入国际先进水平 电池转换效率显著提升
查看>>
移动开发平台已死 企业应用商店+移动平台成企业移动化大趋势
查看>>
白帽子守护网络安全,高薪酬成大学生就业首选!
查看>>
5G研发组织首会北京 中国谋求主导
查看>>
以大数据构筑共治天网 使之成为创新监管手段的富矿
查看>>
富士通推出业界最高密度4 Mbit ReRAM量产产品
查看>>
开源自由软件社区开始对2038年问题展开努力
查看>>
部署存储虚拟化的不得不:IT变软企业才会变“硬”
查看>>
液晶拼接屏仍然是安防监控的应用领域
查看>>