html
世木尹
这个作者很懒,什么都没留下…
展开
-
前端游戏之初步贪吃蛇
刚看完关于js的视频,迫不急待的想试验下成果,所以试写了下贪吃蛇的效果:上面就是我写的一个简易的贪吃蛇截图,红色的为蛇头—.—。。。。下面来记录下我的代码过程html代码 <div style="width:30px;height:30px;background-color:red;position:absolute;left:0px;top:0px;&原创 2018-10-24 20:46:17 · 845 阅读 · 0 评论 -
前端游戏之初步扫雷
扫雷应该算是最基础的js入门游戏吧,所以刚学完js就来写写扫雷的代码,初步思路想了很久,得出一个不算正规的扫雷思路,先放下图看看:注:上图中的字体颜色,是我为了查看每个小方块执行的是哪步的注释,可忽略。具体思路:先用ul>li首先是扫雷界面的设定:html代码:<ul class="ul1"> <br/>原创 2018-10-30 20:43:58 · 388 阅读 · 0 评论 -
学写前端原生扫雷
最近看完了视频贪吃蛇和扫雷,都是非常经典的游戏,且代码较为简单,接下来记录上扫雷代码的过程。先截个图,看看效果:首先html代码:<div class="wrapper"> <!-- 承载游戏界面的盒子 --> <div class="box" id="box&am原创 2018-11-20 21:17:04 · 498 阅读 · 0 评论 -
学写前端原生贪吃蛇
看了人家视频上写的贪吃蛇,瞬间觉得自己low爆了。。。。就学他写了三遍,以我的记性,觉得还是有必要记录下过程,以便记忆。先看下截图:首先html分析:注:下列的id是用在js里的,class是用在css里的 <div class="startPage" id="startPage"> <!原创 2018-11-18 13:39:06 · 2932 阅读 · 1 评论 -
前端游戏之原生js-猴子吃水果
偶然想到曾经在无智能手机时代,玩过的一款游戏,游戏名忘了,只记得内容,游戏内容是一个猴子在树木之间跳跃,吃水果,躲炸弹,防虫子,其他的记不太清,大致是这样的玩法,似乎是某款诺基亚上的游戏。。。。。。-_-!!。。。。。。由于执念太强,所以试着用html和原生js写下,倒是写出了个半吊子,唔----算是有个小样子吧。。。先看下游戏展示图:接下来是html代码:在这里插入代码片...原创 2018-12-08 23:28:44 · 544 阅读 · 0 评论 -
简单的元旦烟花
元旦节当天做了个小烟花,不怎么好看吧,,,但是还是想记录下制作过程,以便回忆。。接下来是html代码:<div class="wrapper"> <div class="contain"> <span class="ziti">元旦节快乐!</span>原创 2019-01-03 22:03:16 · 717 阅读 · 0 评论