農(nóng)村建設(shè)房子建設(shè)網(wǎng)站建設(shè)外鏈下載
threejs核心概念
場景、照相機、對象、光、渲染器等
1.1.場景Scene
場景是所有物體的容器,對應(yīng)著顯示生活中的三維世界,所有的可視化對象級相關(guān)的動作均發(fā)生在場景中。
1.2.照相機Camera
照相機是三維世界中的觀察者,類似與眼睛。為了觀察這個世界,需要描述空間中的位置,threejs采用右手坐標系

threejs的照相機有兩種,分別是正交投影相機THREE.OrthographicCamera和透視投影相機THREE.PerspectiveCamera

正交投影與透視投影的區(qū)別上圖,物體發(fā)出的平行光投射到屏幕上,遠近的方塊大小都是一樣的;透視投影,近大遠小,符合顯示中看東西的邏輯。
1.3 場景對象 Object
Mesh(geometry,material);geometry-幾何形狀,通過存儲模型用到的點集合和點所組成的空間關(guān)系(三角面點組成)來描述物體的形狀??梢酝ㄟ^自定義點集合的方式來構(gòu)造對象,對于復(fù)雜的物體可以外部導(dǎo)出模型的方式。
Material - 材質(zhì) 材質(zhì)可是視為描述除了形狀以外的外表看見屬性,例如色彩、紋理、光滑度、透明度、反射率、折射率、發(fā)光度等。
材質(zhì)、紋理、貼圖的關(guān)系
材質(zhì) (Material)包含貼圖 (Map),貼圖包含紋理 (Texture)。
紋理(Texture)是最基本的數(shù)據(jù)輸入單位。
光 Light
渲染對象需要光,光影效果是讓畫面豐富的重要因素,Threejs提供了環(huán)境光AmbientLight、點光源PointLight、聚光燈SpotLight、方向光DirectionalLight、半球光HemisphereLight等多種光源。在Scene場景中對應(yīng)位置添加對應(yīng)的光源即可實現(xiàn)光效果。
渲染器-Renderer
該對象負責將物體渲染到場景中。