- 博客(5)
- 收藏
- 关注
转载 javascript+canvas实现小游戏-贪吃蛇
好吧。。这个东西已经被写烂了。。不过自己写出来其实感觉完全不一样。。这是我写的第一个东西。。算抄吧。。。毕竟是边写边看书啊。 游戏速度选择有个bug,本来是想用onblur是做难度选择的,结果发现每次都要点一下页面才会实现,也就是说如果不点页面,上下箭头控制蛇的时候也在不停的更改速度,结果室友说比正常的好玩。。那我就没改了。哈哈哈。要的就是魔性…….. <style>
2016-12-10 15:23:05 587
原创 javacscript+canvas小游戏-左右手锻炼大法。。
哈哈哈,感觉有点小魔性,给室友说的坚持30s请喝可乐。。。 注释很多,所以这里就不用说什么了。。。。每写完一个方法就测试一下,虽然可能慢了点,不过总比最后来找bug省事很多。好吧。。我的代码不管怎样。。其实都是一团乱。。。 <style> *{ margin: 0; padding: 0;
2016-12-10 15:14:49 469 1
转载 canvas+javascript动画初级应用-鼠标捕捉跟随
canvas+javascript初级应用 来源于html5+javascript动画基础这本书。重原理轻代码,个人感觉比较适合了解了js基本,但是又无法独立写东西的同学食用。css部分就没上了。。。因为我也没怎么写样式,只是单纯以实现效果为主。<body> <h1>Big-Brothers<p id="txt"></p></h1> <canvas id="canv
2016-12-10 15:07:27 1631
原创 css3实现星球大战伪片头
实现的不是很完美。。。,哈哈哈,配上音乐总体来说还是有点效果。。。没有音乐简直。。。不然直视。主要通过css3的transframe3d来实现。代码没有做浏览器兼容,因为全是一样的东西。 1.文字倾斜的效果由perspective+rotate实现,具体属性说明意义w3c都能查到。 perspective: 400; -webkit-transform: rotateX(45deg)
2016-12-10 14:51:18 785 2
转载 javascript+canvas实现Go To The Moon小游戏
Go To The Moon *{ margin: 0; padding: 0; font-family: Magneto; font-size: 16px; color: rgb(109,178,255); }
2016-12-08 11:55:51 936
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人