- 博客(9)
- 资源 (1)
- 收藏
- 关注
原创 用面向对象(mvc)的原生JavaScript实现2048(附源码)
总体思路如下:第一步,从各个方面分析游戏实现思路打开手机应用商店,搜索2048游戏并下载查看游戏面板在手机上的布局(包括大小,配色,字体等)了解游戏规则以及计分规则在大脑想一下实现顺序,及设计思路第二步,在明确设计思路以后,把静态的游戏面板画出来整个区域主要有3层,第一层为最底层的底板区域,第二层为(本文及以下内容均用4代替,4*4=16)自定义游戏大小个方块格子,第三层为方块格子上的数字初始化游戏数据,创建一个4*4的全空数组在随机两个无数字位置生成初始数据2为三层区域添加样式
2020-07-19 16:31:06
307
原创 用JavaScript手把手教你写一个简易的贪吃蛇游戏(含源码及注释)
实现思路如下:第一步,让你的蛇动起来蛇由多个单独的方块构成通过监听键盘事件,使蛇头根据按键的不同一次移动一个单位(自定义)的距离使每一个蛇身方块(除去蛇头即第一个方块)移动到下一步的位置(即前一个方块)把2和3放到定时器中,让蛇一直处于运动过程第二步,碰撞检测通过蛇头的top与left值判断是否与随机点碰撞将碰撞点添加到蛇身新建随机点第三步,开始结束判定添加开始按钮以及记录分数的标签同样通过蛇头的top与left值,判定蛇头与边界或者蛇身的距离来结束游戏源码如下:&l
2020-07-17 11:53:31
961
原创 ajax基础语法及ajax函数原生封装
原生ajax函数封装:function ajax (options) { // 存储的是默认值 var defaults = { type: 'get', url: '', data: {}, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function () {}, error: function () {} };.
2020-07-06 19:50:49
138
原创 百度浏览器首页动画仿写
<!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
325
HTML第一天.xmind
2020-03-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅