【three.js】-- 旋转的星系

最近在学习three.js,初次涉及3D的开发。
了解到了场景、相机、材质、光照、纹理这些基础的知识。感觉挺有意思的。
加载有点慢,需要等上几秒。 html 代码 threeJs有3大组建:场景(scene)、相机(camera)和渲染器(renderer)。 1、初始化threeJs
html 代码
2、初始化相机,相机分为透视相机和正交相机。这里设置为透视相机,并确定相机在坐标系里的位置,以及相机镜头的朝向。
html 代码
3、初始化场景
html 代码
4、为其添加光源,光源常用的有平行光、环境光、点光源、聚光灯。此处添加的为点光源。
html 代码
5、在场景中添加物体,比如立方体、平面、球体、圆形、圆台等。此处我用的Lambert材质,是在灰暗的或不光滑的表面产生均匀散射而形成的材质类型。Lambert材质会受环境光的影响,呈现环境光的颜色。
html 代码
6、render()函数,渲染。为了使场景动起来,经常用到requestAnimationFrame();函数,类似于游戏里的游戏循环。
评论 ( 2 )
最新评论