three.js三大基本概念

一个典型的Three.js程序至少要包括渲染器(Renderer)、场景(Scene)、照相机(Camera),以及你在场景中创建的物体

1.渲染器 (Renderer)

渲染器 :决定了渲染的结果应该画在页面的什么元素上面,并且以怎样的方式来绘制

代码如下:var renderer = new THREE.WebGLRenderer({antialias:true});

2.场景 (Scene)

场景:场景是所有物体的容器,如果要显示一个正方体,就需要将正方体对象加入场景中。

代码如下:var scene = new THREE.Scene();

3.照相机 (Camera)

照相机:相机决定了场景中那个角度的景色会显示出来。相机就像人的眼睛一样,人站在不同位置,抬头或者低头都能够看到不同的景色。

代码如下:var camera = new     THREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,4000);

这篇文章只是介绍了这三大组件,后面我会在接下来的文章加上具体内容

你可能感兴趣的:(three.js三大基本概念)