学习js与css 写个2048
程序员文章站
2022-04-16 09:46:14
学习阶段,还是写点小东西练练手学的有意思一点,今天用栅格布局做了一个2048,但是移动动画和合并特效没有做,只简单的实现了一下功能。 记录一下学习的过程。 1.入口函数,初始化界面,我这里是直接是一个栅格对应一个数字,做到后面发现先布局栅格,然后在栅格上面动态生成的做法更好。 2.定义了几个全局变量 ......
学习阶段,还是写点小东西练练手学的有意思一点,今天用栅格布局做了一个2048,但是移动动画和合并特效没有做,只简单的实现了一下功能。
记录一下学习的过程。
1.入口函数,初始化界面,我这里是直接是一个栅格对应一个数字,做到后面发现先布局栅格,然后在栅格上面动态生成的做法更好。
2.定义了几个全局变量,控制主要的逻辑以及样式的修改。
3.初始状态
4.渲染
5.监听键盘事件,这里不知道有没有什么好的方法,就直接分开写了上下左右
6.最后定义游戏结束的规则,遍历一下数组,如果出现了2048就修改上面的span 设置为“获胜”就好了。
看着自己的代码乱七八糟但是不知道怎么优化,再说再说..
上一篇: Swagger文档转Word 文档
下一篇: python网络编程(进程与多线程)
推荐阅读
-
Asp.net MVC下使用Bundle合并、压缩js与css文件详解
-
js零基础快速学习教程(知识与语法整理笔记)
-
WebGL three.js学习笔记之阴影与实现物体的动画效果
-
Vue.js学习记录之在元素与template中使用v-if指令实例
-
关于瀑布流的布局原理分析(纯CSS瀑布流与JS瀑布流)
-
学习vue.js中class与style绑定
-
Vue.js 学习笔记 第6章 表单与v-model
-
Class与ID区别 margin和padding区别 CSS学习笔记
-
Javascript/js 的浅拷贝与深拷贝(复制)学习随笔
-
Vue.js 学习笔记 第4章 v-bind 及 class与style绑定