发布于 1970-01-01 08:00
  • 2 个回答
    • 虽然楼主说得很坚决,但我还是认为这都是js实现的。
      具体参考这个:http://saming.fr/p/2048/script.js

      2022-11-23 16:45 回答
    • requestAnimationFrame js 的实现.

      题主对 js 应该不熟悉, 就详细的说一下:
      2048 定义了 16 个 cell, 并用 translate 调整了其位置, 具体的看一下相应的类名 tile, tile-position, 然后再每次键盘事件或者 touch 事件之后都调用 HTMLActuatoractuate 方法做 cell 的移动,合并,删除.
      文中提到的 requestAnimationFrame 即是一个类似于 setTimeout 一样的函数, 传入一个 callback 进行动画操作, 而 HTMLActuator 的原型方法 actuate 做的事情就是对相应 cell 做类名 (如 applyClasses, positionClass) 的变换, 调整 tile-position, 也就是调整其 translate, 原理其实和 css3 的转换一样.
      题主想了解方块的移动, 主要看一下 html_actuator.js, game_manager.js, grid.js, 相对来说还是其计算小方块的合并, 删除, 移动逻辑的 grid.js 复杂一点, 其他都比较容易理解.
      (PS: 看源码切忌太急躁, 要静下心来看)

      2022-11-23 16:45 回答
    撰写答案
    今天,你开发时遇到什么问题呢?
    立即提问
    PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有