Three.js開發指南(3):使用Three.js裡的各種光源
光源
3.1 探索Three.js庫提供的光源
3.2 學習基礎光源
AmbientLight:影響整個場景的光源
在使用其他光源的同時使用AmbientLight,目的是弱化陰影或新增一些顏色。用色應該儘量保守。如果你指定的顏色過於明亮,那麼你很快就會發現畫面顏色過於飽和了。
使用THREE.Color()物件:用十六進位制字串(#0C0C0C)或十六進位制數值指定顏色。
PointLight(點光源):照射所有方向的光源
SpotLight(聚光燈光源):具有錐形效果的光源。
DirectionalLight(方向光):模擬遠處類似太陽的光源
使用特殊光源生成高階光照效果:半球光光源、平面光光源
鏡頭炫光:當你直接朝著太陽拍照時就會出現鏡頭炫光
相關文章
- Three.js開發指南(4):使用Three.js的材質JS
- Three.js開發指南(5 6):使用Three.js的幾何體JS
- Three.js開發指南(2):使用構建Three.js場景的基本元件JS元件
- three.js學習4_光源JS
- Three.js開發指南(1):介紹JS
- Three.js開發指南(10):載入和使用紋理JS
- Three.js開發指南(7):粒子和粒子系統JS
- Three.js開發指南隨書原始碼下載地址JS原始碼
- three.js 裡的點,線,面JS
- Three.js開發指南(9):建立動畫和移動相機JS動畫
- Three.js 裡的基礎構成JS
- Three.js開發指南(12):用Physijs在場景中新增物理效果JS
- Three.js開發指南(11):定製著色器和渲染後期處理JS
- 【Three.js】Three.js學習記錄JS
- 小遊戲使用three.js遊戲JS
- 使用three.js載入.obj格式的3d檔案JSOBJ3D
- three.jsJS
- Three.js開發指南(8):建立、載入高階網格和幾何體JS
- 使用 three.js 中的 CSS3DRenderer 實現 3d 卡片的效果JSCSSS33D
- 使用Three.js實現神奇的3D文字懸浮效果JS3D
- THREE.JS中 CubeTextureLoader 使用避坑JS
- Three.js - 走進3D的奇妙世界JS3D
- three.js WebGLRenderTargetJSWeb
- 使用THREE.js製作一款3D遊戲JS3D遊戲
- three.js 數學方法之Box3JS
- three.js 數學方法之Matrix3JS
- three.js 數學方法之Vector3JS
- 3D世界-Three.js的探究與實踐3DJS
- HttpCanary使用指南——各種神奇的外掛HTTPPCA
- three.js之GroupJS
- three.js 曲線JS
- docker 部署three.jsDockerJS
- Three.js中的矩陣JS矩陣
- 使用three.js實現炫酷的酸性風格3D頁面JS3D
- three.js學習3_相機相關JS
- Three.js 動效方案JS
- three.js 製作魔方JS
- Three.js基礎(二)JS