前端知乎：js+div还原80后怀旧经典赛车游戏谁说html5动画非得用canvas？

最近用js+div做了个赛车动画，动画很简单，就是仿古老的小型掌上游戏机里的赛车游戏。

核心代码其实就是怎么让车动起来。我的思路让车动其实就是让路动，用setTimeout来修改“路”的margin-top就可以。路边的障碍物就是一组数组，然后用数组创建div，判断碰撞就是判断“车”距离边缘的距离是否比“障碍物”的宽度大。

游戏里也涉及到html5元素audio的使用，还有html5震动API navigator。再就是引导页用了css3动画animation。其他的基本就是纯粹的就是js（jquery）操作dom了。

游戏页面：http://web.zhaicool.net/425.html

所有源代码也都在页面里面。直接查看源代码就行。

前端知乎：js+div还原80后怀旧经典赛车游戏谁说html5动画非得用canvas？相关推荐

android 跳棋蓝牙,国民游戏 80后的美好回忆-飞行棋,跳棋,80后,国民,安卓,Android,游戏,手机游戏 ——快科技(驱动之家旗下媒体)--科技改变未来...
前几天微博上一网友发了一个图片,图片上的床单引起了大家的极大关注,惊呼--我家也有一个这样的床单,国民床单一下子就火了.其实称得上国民的东西太多太多了,在那个物质算不得极大丰富的时代,总有相同的东西带 ...
Python实现80后童年经典游戏：坦克大战
FC红白机上的"经典90坦克大战"是不少80后童年的集体回忆(暴露年龄了).今天我们就分享一个用Python制作的仿"坦克大战"小游戏. 废话不多说,让我们愉快 ...
[时空穿梭] 读取80后小学经典课文记忆
简单的句子.淳朴的画面只属于那个童真年代,今天放下技术,聊聊儿时记忆.耳边似乎又荡漾起了久违的朗朗读书声.我们小时候的课本插图给人一种很朴实自然的感觉,插图里关于勤俭节约,诚实善良的故事深深地影响着我 ...
从还珠格格到街头霸王！80后的怀旧神器三星GalaxyFold另类体验
[TechWeb]经过二次调整,三星折叠屏手机GalaxyFold终于最终量产发售.虽然比预期晚了近半年的时间,但显然三星这一次的调整是必要且有成效的.截至目前为止,三星GalaxyFold已经相继开 ...
中国式家长游戏制作人php要学,“中国式家长”是什么意思？两个80后开发《中国式家长》游戏...
"中国式家长"是什么意思?两个80后开发<中国式家长>游戏 "中国式家长"--这个词在不少人看来稍显刺眼.但可能很少有人关注孩子是怎么看待&qu ...
前端常用方法 - JS截取字符串的后四位
前端常用方法 - JS截取字符串的后四位 var test = "天青色等烟雨而我在等你" test.substr(-4) console.log(test.substr(-4)) ...
javascript功能插件大集合前端常用插件 js常用插件
包管理器管理着 JavaScript 库,并提供读取和打包它们的工具. npm:npm 是 JavaScript 的包管理器.官网 Bower:一个 web 应用的包管理器.官网 component ...
前端性能优化—js代码打包
现在的 web 应用,内容一般都很丰富,站点需要加载的资源也特别多,尤其要加载很多 js 文件.js 文件从服务端获取,体积大小决定了传输的快慢:浏览器端拿到 js 文件之后,还需要经过解压缩.解析. ...
前端知识点总结——JS高级（持续更新中）
前端知识点总结--JS高级(持续更新中) 1.字符串什么是: 连续存储多个字符的字符数组相同: 1. 下标 2. .length 3. 遍历 4. 选取: slice(starti[, endi] ...

前端知乎：js+div还原80后怀旧经典赛车游戏谁说html5动画非得用canvas？

前端知乎：js+div还原80后怀旧经典赛车游戏谁说html5动画非得用canvas？相关推荐

最新文章

热门文章

前端知乎：js+div还原80后怀旧经典赛车游戏 谁说html5动画非得用canvas？

前端知乎：js+div还原80后怀旧经典赛车游戏 谁说html5动画非得用canvas？相关推荐

最新文章

热门文章

前端知乎：js+div还原80后怀旧经典赛车游戏谁说html5动画非得用canvas？

前端知乎：js+div还原80后怀旧经典赛车游戏谁说html5动画非得用canvas？相关推荐