three.js 流程图

Posted 2020-10-25 娴娴

　用Axure做了个模型图：

 

　        

 

　　 第一步：　　Scene --模型、灯光、特效

　　第二步：　　Camera --视角

　　第三步：　　Renderer -- 渲染输出

　　第四步：　　render --渲染

 　　                                                                                                                    

　　图上提到了对象和动作，这里详细说明一下，前三个都是three.js定义好的，可以通过new对象来实现，最后一个渲染，这个动作是你得自己写逻辑才能实现的。

　　

　　Three.js 官方案例看起来非常吸引人，不过对于初学者，有点难度的。通过这个过程图，大家可以很容易地掌握 Three.js 的开发流程。