学习js与css 写个2048
2024-08-24 11:17:56
学习阶段,还是写点小东西练练手学的有意思一点,今天用栅格布局做了一个2048,但是移动动画和合并特效没有做,只简单的实现了一下功能。
记录一下学习的过程。
1.入口函数,初始化界面,我这里是直接是一个栅格对应一个数字,做到后面发现先布局栅格,然后在栅格上面动态生成的做法更好。
2.定义了几个全局变量,控制主要的逻辑以及样式的修改。
3.初始状态
4.渲染
5.监听键盘事件,这里不知道有没有什么好的方法,就直接分开写了上下左右
6.最后定义游戏结束的规则,遍历一下数组,如果出现了2048就修改上面的span 设置为“获胜”就好了。
看着自己的代码乱七八糟但是不知道怎么优化,再说再说..
最新文章
- SQL系统视图表
- CSS重置样式表
- 【BZOJ 3036】 绿豆蛙的归宿
- 在VPS上安裝BT軟體Transmission
- JMeter怎么使用代理服务器
- python--函数式登录程序
- U盘启动安装Ubuntu
- opencart配置税率
- cell的复用机制
- java.lang.IllegalStateException: Invalid use of BasicClientConnManager: connection still allocated.
- P4174 [NOI2006]最大获利(网络流)
- 以编程方式使用 Microsoft Office Visio 2003 ActiveX 控件
- MySQL复制错误1837的相关缺陷一例
- SVN插件和Tomcat插件地址
- SLAM最近的工作
- 制作签名jar放置到前端资源目录下
- PopUpWindow使用详解(二)——进阶及答疑
- json.dump()和json.dmups()的区别
- CodeForces - 1087F:Rock-Paper-Scissors Champion(set&;数状数组)
- Linux C++ - IP地址转换函数
热门文章
- static关键字的定义与使用
- TextInputLayout使用时各个地方的字体颜色
- 在滑动3D模型(Cube)时,手指点击进入相应的某一部分
- luogu P4719 【模板】动态 DP 矩阵乘法 + LCT
- day8 面向对象编程基础
- [luogu1971 NOI2011] 兔兔与蛋蛋游戏 (二分图博弈)
- CentOS7.2 多个python版本共存
- 使用tomcat搭建Jenkins环境(centos7.3)
- Golang - 复合类型
- 【*2000】【2018-2019 ICPC, NEERC, Southern Subregional Contest C 】Cloud Computing