小游戏 demo
pixi
进入 pixi 目录 npm run dev
实现了 ad 控制人物走路，切换 spine 动画状态。 按 z 打子弹，集成了 matter-js 物理引擎，子弹与敌人碰撞时消失 页面往下滚有添加敌人按钮 加两百多才开始掉帧
three
进入 three 目录 npm run dev
- three-fiber 的 demo http://localhost:3000/three-fiber
实现了渲染 spine 动画 按 z 会打子弹 按+键会增加一个敌人渲染 目前发现渲染二十来个就非常明显掉帧
- threejs+spine 运行时的官方 demo http://localhost:3000/offical-demo/demo.html
渲染了 100 个 spine 动画 用于对比 fiber 版本性能 没感觉掉帧
cocos
官网下载开发工具并安装 3.8.5 引擎 导入项目 双击 Scene 中的 main 点击三角形调试运行
实现了 ad 控制人物走路 切换 spine 动画状态 按 z 打子弹，使用官方集成的物理引擎，打中子弹和敌人消失 按按钮加人 八十左右略微掉帧