如何用Three.js将跳一跳改写为长尾词版游戏体验？

本文共计2805个文字，预计阅读时间需要12分钟。

目录+前言+游戏规则+Three.js+整个程序的结构+实现+HTML文件引入three.js引擎+页面结构+场景+相机+几何体+光源+渲染+添加第二块+跳块+鼠标按下状态+鼠标松开弹起状态+落在何处+结尾+前言

目录

• 前言
• 游戏规则
• Three.js
• 整个程序的结构
• 实现
• html文件引入three.js引擎
• 页面结构
• 场景
• 相机
• 几何体
• 光源
• 渲染
• 添加第二块
• 跳块
• 鼠标按下状态
• 鼠标松开弹起状态
• 落在哪里
• 结尾

前言

跳一跳是微信小程序的一个小游戏。长按屏幕让小人蓄力跳跃，进行游玩。按照小人跳跃盒子的数量，以及特殊盒子加分项计算得分。

游戏地址：不会搞（所以没放）git地址：gitee.com/fwjzzz/Jump

游戏规则

十分简单：长按鼠标蓄力、放手，方块就会从一个盒子跳到另一个盒子。然而就是这个小动作，让你一旦开始就魔性地停不下来。