three.js三大基本概念

一個典型的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)容

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容