前端页面练手
前端页面练手
努力的前端小陈
any application that can be written in JavaScript, will eventually be written in JavaScript.
展开
-
用面向对象(mvc)的原生JavaScript实现2048(附源码)
总体思路如下:第一步,从各个方面分析游戏实现思路打开手机应用商店,搜索2048游戏并下载查看游戏面板在手机上的布局(包括大小,配色,字体等)了解游戏规则以及计分规则在大脑想一下实现顺序,及设计思路第二步,在明确设计思路以后,把静态的游戏面板画出来整个区域主要有3层,第一层为最底层的底板区域,第二层为(本文及以下内容均用4代替,4*4=16)自定义游戏大小个方块格子,第三层为方块格子上的数字初始化游戏数据,创建一个4*4的全空数组在随机两个无数字位置生成初始数据2为三层区域添加样式原创 2020-07-19 16:31:06 · 249 阅读 · 0 评论 -
用JavaScript手把手教你写一个简易的贪吃蛇游戏(含源码及注释)
实现思路如下:第一步,让你的蛇动起来蛇由多个单独的方块构成通过监听键盘事件,使蛇头根据按键的不同一次移动一个单位(自定义)的距离使每一个蛇身方块(除去蛇头即第一个方块)移动到下一步的位置(即前一个方块)把2和3放到定时器中,让蛇一直处于运动过程第二步,碰撞检测通过蛇头的top与left值判断是否与随机点碰撞将碰撞点添加到蛇身新建随机点第三步,开始结束判定添加开始按钮以及记录分数的标签同样通过蛇头的top与left值,判定蛇头与边界或者蛇身的距离来结束游戏源码如下:&l原创 2020-07-17 11:53:31 · 893 阅读 · 0 评论 -
百度浏览器首页动画仿写
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-05-25 11:35:14 · 278 阅读 · 0 评论