一個典型的Three.js程序至少要包括渲染器(Renderer)、場景(Scene)、照相機(Camera),以及你在場景中創(chuàng)建的物體
1.渲染器 (Renderer)
渲染器 :決定了渲染的結(jié)果應該畫在頁面的什么元素上面,并且以怎樣的方式來繪制
代碼如下: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);
這篇文章只是介紹了這三大組件,后面我會在接下來的文章加上具體內(nèi)容