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

原创 女子_伊秋 教程 three.js 2248阅读 2017-09-29 17:49:06 举报

最近在学习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();函数,类似于游戏里的游戏循环。

评论 ( 6 )
最新评论
lawrence 5F 2018-05-21 15:46:48 6F

你这么闲啊

女子_伊秋 4F 2018-05-21 11:04:02 5F

不做什么应用,只是写来玩的,觉得挺有意思的

lawrence 2018-05-20 11:38:31 4F

楼主要做什么3D应用?

865430640 2018-05-14 17:49:27 3F

星球有点丑

戒不掉的殇 2017-12-12 20:06:33 2F

666

fengxiao361 2017-10-11 16:00:15 1F

6