一亚再、three.js
-
openGL跨平臺(tái)3D/2D的繪圖標(biāo)準(zhǔn)郭膛。wegbl是openGL在瀏覽器上的實(shí)現(xiàn)，是基礎(chǔ)的繪圖api .
二氛悬、three.js 要素
- 場(chǎng)景---三維空間则剃、坐標(biāo)系
- 相機(jī)--- 人眼、角度如捅、姿態(tài)棍现。
- 光源---陰影
- 物體---形狀、材質(zhì)
三镜遣、渲染重繪
-
setInterval-固定時(shí)間間隔重繪 -
requestAnimationFrame-瀏覽器根據(jù)當(dāng)前CPU負(fù)荷自行決定何時(shí)重繪己肮，已達(dá)到最佳幀率
四、相機(jī)
-
正交投影相機(jī)-示景體為長(zhǎng)方體
THREE.OrthographicCamera(left, right, top, bottom, near, far)
image.png -
透視投影相機(jī)-示景體為錐形
THREE.PerspectiveCamera(fov, aspect, near, far)
image.png
五悲关、模型
3D建模軟件導(dǎo)入外部模型文件
六谎僻、光照
- 環(huán)境光：無(wú)光源位置、所有角度看到亮度一致寓辱、設(shè)置基礎(chǔ)亮度
- 點(diǎn)光源：亮度線性遞減
- 平行光：亮度與距離無(wú)關(guān)
-聚光燈：類似圓錐形的光線
