JavaScript前端开发案例教程第12章 网页版2048小游戏 教学PPT.pptVIP

12.3 游戏功能实现 实现单元格移动——动画效果移动单元格 继续在Game2048函数中编写以下代码，在单元格移动后执行一些相关操作。 board对象中编写onMove()和onMoveComplete()事件方法，与页面进行联动。 在onMove()方法体中，调用View的move()方法，用于每当Border对象中保存的单元格移动时，控制页面中的单元格移动。 onMoveComplete()事件方法，用于一次移动操作全部结束后，如果移动成功，则在棋盘中增加一个新单元格。 12.3 游戏功能实现 实现单元格移动——动画效果移动单元格 继续在Game2048函数中编写以下代码，在单元格移动后执行一些相关操作。 为View原型对象新增move()方法，对保存的数字单元格对象进行处理。 ①将数字单元格对象中的toIndex对象替换成fromIndex对象。在替换前，先用变量clean保存toIndex对象。替换后，clean是目标对象，toIndex和FormIndex是被移动对象。 ②删除数字单元格对象中的FormIndex属性，此时只有toIndex是被移动对象。 ③为toIndex对象设置动画，以200毫秒的过渡时间移动到目标对象的位置。 12.3 游戏功能实现 实现单元格移动——动画效果移动单元格 继续在Game2048函数中编写以下代码，在单元格移动后执行一些相关操作。 为