学习完成小游戏的前端开发,熟悉使用 JavaScript,HTML,CSS等前端语言,Vue框架
项目技术:
1. 使用scss变量声明中心方格区域的长宽,间隔等属性
2. 使用scss 的循环和变量,动态生成 4 行 4 列的 Tile Position样式。
3. 使用randomAvailableCell随机获取某个可用方格的位置,利用随机空闲位置创造节点
4. 通过 window.addEventListener给Listener传递一个回调函数后,回传给Manger进行操作
5. 通过getNearestAvaibleAim函数寻找移动方向目标目标
6. 完成合并处理,使Tile合并处理代码
7. 通过transition:transform给方块移动增加动画,在Render上继续渲染之前的位置,用setTimeout延迟渲染当前位置