threeJs基础(1)

三大组件

1.场景

var scene = new THREE.Scence();

承载所绘对象的容器,如要显示个苹果,需将苹果加入场景中。

eg: 

var geometry = new THREE.CubeGeometry(1,1,1);   规定一个几何体;

var material = new THREE.MeshBasicMaterial({color:0x00ff00}); 规定一个样式

var cube = new THREE.Mesh(geometry, material);  生成3d模型对象

scene.add(cube); 将对象添加到场景。

2.相机

var camera = new THREE.PerspectiveCamera(); 

使用透视相机,其中参数很多,按下不表。

3.渲染器

var renderer = new THREE.WebGLRenderer();

renderer.render(scene,camera);

渲染器决定渲染结果应画在页面的什么元素上面,还有以怎么样的方式来绘制。

实时渲染:不停地对画面进行渲染,即使画面没有改变;使用requestAnimationFrame()函数。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容