亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > JS > 正文

Three.js源碼賞析心得

2024-09-06 12:41:05
字體:
來源:轉載
供稿:網友

THREE.Light = function ( hex ) { THREE.Object3D.call( this ); this.color = new THREE.Color( hex );};

該對象是其他光照對象的原型/基類,本身繼承自Object3D對象/類型。它自身只有一個THREE.Color類型的color屬性,就是顏色,這很好理解。

在Three.js中,光照作為一種Object3D對象,是經過Scene.add()方法加入到場景中的,渲染器會自動渲染所加入的光照效果。

Light::AmbientLight

THREE.AmbientLight = function ( hex ) { THREE.Light.call( this, hex );};

無方向的環境光,并沒有比Light類型多一個屬性或方法,而僅僅為了語義上的繼承而繼承自Light,它甚至沒有必要是Object3D對象。

Light::DirectionalLight

THREE.DirectionalLight = function ( hex, intensity ) { THREE.Light.call( this, hex ); this.position = new THREE.Vector3( 0, 1, 0 ); this.target = new THREE.Object3D(); this.intensity = ( intensity !== undefined ) ? intensity : 1; this.castShadow = false; this.onlyShadow = false; // more settings about shadow ......};

平行光(有方向的光),使用new運算符構造該函數時需傳入顏色hex和光線的“密度”intensity。這個類有這樣一些屬性:

position:一個位置,以該位置為起點,原點為終點的方向是光線的方向。intensity:光線的密度,默認為1。因為RGB的三個值均在0~255之間,不能反映出光照的強度變化,光照越強,物體表面就更明亮。distance:衰減距離,默認值為0,光照無衰減;如果是非0值,光照會從position位置(實際上是position所處的那個平面)開始衰減,衰減到distance距離之后,光照強度intensity為0。castShadow:布爾值,控制是否產生陰影,默認為false。如果設為true,對于所有表面都會逐像元地計算其在光照方向上是否被遮擋,這會消耗大量的計算。onlyShadow:布爾值,控制是否只產生陰影而不“照亮”物體,默認為false。這種模式也許有什么特殊應用吧。shadowCameraLeft,shadowCameraRight……系列,以position點為中心控制產生陰影的范圍?shadowBias:陰影偏心,默認為0。shadowDarkness:陰影對物體亮度的影響,在0~1之間,默認為0.5。還有不少屬性暫時猜不出含義(真該去補補計算機圖形學啊,硬著頭皮繼續看吧)。Light::PointLight

THREE.PointLight = function ( hex, intensity, distance ) { THREE.Light.call( this, hex ); this.position = new THREE.Vector3( 0, 0, 0 ); this.intensity = ( intensity !== undefined ) ? intensity : 1; this.distance = ( distance !== undefined ) ? distance : 0;}; 

點光源,position那肯定就是光源點了。注意點光源的position和平行光的position的區別,前者默認在原點,而后者默認在點(0,1,1),這使得默認的平行光方向和相機的默認朝向一致。

其他兩個屬性和平行光中一樣。PointLight點光源沒有關于如何產生陰影的設定。

Light::SpotLight

THREE.SpotLight = function ( hex, intensity, distance, angle, exponent ) { THREE.Light.call( this, hex ); this.position = new THREE.Vector3( 0, 1, 0 ); this.target = new THREE.Object3D(); this.intensity = ( intensity !== undefined ) ? intensity : 1; this.distance = ( distance !== undefined ) ? distance : 0; this.angle = ( angle !== undefined ) ? angle : Math.PI / 2; this.exponent = ( exponent !== undefined ) ? exponent : 10;
// more settings about shadow...};

 一種可以在某個方向上產生陰影的點光源,影響MeshLamberMaterial和MeshPhongMaterial類型材質的表面。對陰影如何處理的設定和DirectionLight一致。

總之,光照對象并不承擔渲染光照的任務,而僅僅是定義如何渲染光照。

Object::Partical

THREE.Particle = function ( material ) { THREE.Object3D.call( this ); this.material = material;};

粒子就是一個由材質的Object3D,這很好理解。Object3D對象提供一個坐標(就是粒子的坐標),負責粒子的運動,粒子只需要指定表現它的材質即可 。

Object::ParticalSystem

THREE.ParticleSystem = function ( geometry, material ) { THREE.Object3D.call( this ); this.geometry = geometry; this.material = ( material !== undefined ) ? material : new THREE.ParticleBasicMaterial( { color: Math.random() * 0xffffff } ); this.sortParticles = false; if ( this.geometry ) { if( this.geometry.boundingSphere === null ) { this.geometry.computeBoundingSphere(); } this.boundRadius = geometry.boundingSphere.radius; } this.frustumCulled = false;};

粒子系統表現多個粒子的運動,粒子系統本身繼承自是Object3D對象。有這樣幾個屬性:

geometry屬性,每一個節點都是一個粒子,這些共享一個材質。material屬性,即這些節點的材質。frustumCulled屬性,布爾值,如果設定為真,那么在相機視界之外的會被踢出,但還沒弄清楚是粒子系統中心坐標在視界外就踢出整個粒子系統還是單個粒子出去了就剔除,猜測多半是后者。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
色婷婷av一区二区三区在线观看| 国产成人亚洲综合| 亚洲精品国产美女| 疯狂蹂躏欧美一区二区精品| 亚洲伦理中文字幕| 亚洲精品视频免费在线观看| 欧美日韩ab片| 丝袜美腿精品国产二区| 成人免费大片黄在线播放| 亚洲电影免费观看高清完整版在线观看| 日韩精品中文字幕有码专区| 高清日韩电视剧大全免费播放在线观看| 国产女人精品视频| 日韩成人中文字幕在线观看| 欧美丝袜一区二区三区| 日韩欧美aⅴ综合网站发布| 日本欧美中文字幕| 亚洲激情第一页| 成人疯狂猛交xxx| 成人国内精品久久久久一区| 欧美资源在线观看| 亚洲精品乱码久久久久久金桔影视| 欧美成年人网站| 久久成人人人人精品欧| 欧美日韩精品在线观看| 日韩电影在线观看免费| 国产精品一区二区3区| 日韩中文字幕不卡视频| 狠狠色噜噜狠狠狠狠97| 国产欧美在线观看| 久久久久久尹人网香蕉| 国产精品一区二区久久久| 亚洲人成毛片在线播放| 欧美日韩亚洲精品一区二区三区| 国产精品亚洲视频在线观看| 国产精品a久久久久久| 日本精品性网站在线观看| 欧美黑人国产人伦爽爽爽| 中文字幕国产亚洲2019| 国产999视频| 91精品国产色综合久久不卡98口| 欧美丰满片xxx777| 91精品国产自产91精品| 97精品视频在线播放| …久久精品99久久香蕉国产| 色噜噜狠狠狠综合曰曰曰88av| 91po在线观看91精品国产性色| 欧美成人午夜剧场免费观看| 亚洲xxxx做受欧美| 亚洲的天堂在线中文字幕| 欧美成人h版在线观看| 亚洲欧美一区二区三区久久| 欧美猛男性生活免费| 欧美电影免费播放| 日韩成人在线观看| 欧美激情一区二区三区久久久| 成人网在线视频| 成人福利视频在线观看| 国内精品小视频在线观看| 欧美一级大胆视频| 都市激情亚洲色图| 欧美激情三级免费| 97香蕉超级碰碰久久免费的优势| 日产精品99久久久久久| 欧美大秀在线观看| 97超碰色婷婷| 中文字幕日韩有码| 欧美激情伊人电影| 91国内揄拍国内精品对白| 久久久久国产精品免费网站| 欧美wwwwww| 久久精品中文字幕一区| 国产精品人人做人人爽| 亚洲精品欧美一区二区三区| 亚洲性夜色噜噜噜7777| 国产99久久久欧美黑人| 欧美日本亚洲视频| 久久免费国产视频| 国产不卡视频在线| 88国产精品欧美一区二区三区| 亚洲国产精品大全| 欧美日韩亚洲一区二| 日韩av最新在线| 一区国产精品视频| 欧美日韩xxx| 亚洲欧洲一区二区三区久久| 国产精品自产拍在线观看| 社区色欧美激情 | 国产日韩在线观看av| 91在线视频九色| 欧美日韩ab片| 中文国产成人精品| 欧美国产日韩一区二区三区| 欧美在线观看视频| 国产欧美日韩视频| 欧美性猛交丰臀xxxxx网站| 九九九久久国产免费| 精品一区二区三区四区在线| 成人免费激情视频| 精品久久中文字幕久久av| 欧美裸体xxxx极品少妇| 一本一道久久a久久精品逆3p| 福利微拍一区二区| 狠狠躁天天躁日日躁欧美| 九九热这里只有精品免费看| 欧美精品久久一区二区| 日韩视频中文字幕| 日本精品性网站在线观看| 日本精品久久久久影院| 6080yy精品一区二区三区| 成人av电影天堂| 国产精品久久久久久久久久尿| 欧美疯狂做受xxxx高潮| 日本精品免费观看| 最近2019中文字幕mv免费看| 亚洲人成人99网站| 亚洲人永久免费| 亚洲激情国产精品| 俺去了亚洲欧美日韩| 亚洲人精选亚洲人成在线| 日韩有码在线视频| 亚洲国产成人精品久久久国产成人一区| 成人两性免费视频| 久久国产加勒比精品无码| 91午夜在线播放| 国产精品香蕉国产| 国产日韩欧美在线播放| 国内精久久久久久久久久人| 97香蕉久久夜色精品国产| 欧美精品videos| 岛国av一区二区在线在线观看| 日韩中文字幕视频在线| 欧美性在线观看| 亚洲综合大片69999| 国产激情久久久| 午夜精品久久久久久久白皮肤| 热久久这里只有精品| 日韩精品免费在线视频| 欧美精品电影免费在线观看| 亚洲欧美日韩中文在线| 中文字幕亚洲字幕| 韩剧1988免费观看全集| 一个人看的www欧美| 深夜福利日韩在线看| 欧美一区在线直播| 成人做爽爽免费视频| 在线播放国产一区中文字幕剧情欧美| 51精品在线观看| 亚洲免费视频观看| 国产91精品视频在线观看| 国产不卡一区二区在线播放| 日韩av中文字幕在线免费观看| 国产精品福利无圣光在线一区| 色综合久久久888| 国产亚洲精品综合一区91| 日韩女在线观看| 国产高清在线不卡| 欧美一级淫片丝袜脚交| 国产精品嫩草影院一区二区| 丰满岳妇乱一区二区三区| 欧美性xxxxxxxxx| 亚洲色图35p| 亚洲美女视频网站| 国产精品亚洲综合天堂夜夜|