公仔不是装饰，而是参与到场景里做提示、陪伴和反馈，让学习像完成一个小任务。
生活百科 · Three.js 固定视角 2D
运动消耗跑道
选择步行、跑步和骑行，让 Cal 估算大概消耗并提醒别焦虑。
精品案例 · 专属公仔 · Three.js 2D
运动消耗跑道
这个案例按「卡路里图谱」自己的知识逻辑定制。公仔会参与提示和反馈，用户通过操作把知识点玩出来，而不是只看文字答案。
01
动手交互固定视角 2D 场景 · 原创公仔参与
Three.js 固定视角 2D · 专属公仔互动运动消耗跑道选择步行、跑步和骑行，让 Cal 估算大概消耗并提醒别焦虑。
观察说明选择步行、跑步和骑行，让 Cal 估算大概消耗并提醒别焦虑。 先动手试，再看反馈，最后用一句话讲出变量、场景和结果之间的关系。
先试一个中间值，再试一个极端值；如果你能解释两次差异，就说明理解更稳了。
用「我改变了什么 → 发生了什么 → 这说明什么」三句话复述这个案例。