10月28, 2018

用three.js模仿微信小游戏跳一跳 -- 第一章

MVP项目结构 & 设计 & 分析

一个大的项目都需要一个很好的设计,这样有利于以后的开发和扩展,能加快开发效率,减少bug的产生,这个项目整体采用ES6开发,游戏逻辑采用面向对象进行模块化开发,讲通用的功能进行一个抽象(如动画等),游戏整体使用MVC进行控制和管理。 alt

整体场景的生效设置

根据最终需要展示的效果,对正交相机和平行光的位置进行调整,目标明确,但需要调试实践。

block降落逻辑

当游戏初始化时,当前block初始化在场景中渲染,在代码逻辑生成下一个block,紧接着初始化下一个block,当小瓶子判断跳跃成功时,开始生成新的block,并渲染到场景中

整体文件结构

alt

本文链接:http://www.laijianlou.top/post/threejs-01.html

-- EOF --

Comments