threejs 物体根据相机位置显示_认识Threejs

Threejs定义

Threejs运行在浏览器的3d javascript库(three表示3D的意思，js表示javascript)

Three主要对象

1.场景(Scene)：是物体、光源等元素的容器，

2.相机(Camera)：控制视角的位置、范围以及视觉焦点的位置,一个3D环境中只能存在一个相机

3.渲染器(Renderer):指定渲染方式，如webGL\canvas2D\Css2D\Css3D等。

4.物体对象(Mesh)：包括二维物体(点、线、面)、三维物体、粒子

5.光源(Light)：包括全局光、平行光、点光源

6.控制器(Control): 相机控件，可通过键盘、鼠标控制相机的移动

场景(Scene)

物体、光源、控制器的添加必须使用secen.add(object)添加到场景中才能渲染出来。一个3D项目中可同时存在多个scene，通过切换render的scene来切换显示场景

var scene = new THREE.Scene(); // 创建场景对象

var mesh=scene.getObjectByName("sky");//获取场景中命名的name=sky的对象

方法

属性add(object)

用于向场景中添加对象。使用该方法还可以创建对象组。(几何体、光源等对象)

children

用于返回一个场景中所有对象的列表，包括摄像机和光源。

getObjectByName(name,recursive)

在创建对象时可以指定唯一的标识 name，使用该方法可以查找特定名字的对象。当参数 recursive 设置为 false 时，