THREE實戰3 理解光源

2021-10-04 02:34:25 字數 3308 閱讀 4731

光的三原色:紅red、綠green、藍blue。

色彩模式:hsl、hsv。

色相hue、飽和度saturation、亮度lightness、明度 value。

白色反射所有光(白色的物體利於測試燈光)

1.環境光

把顏色新增到整個場景和物件的當前顏色上

maya環境光測試

乙個藍色的環境光渲染灰色box

three**重構

環境光的特點:

建構函式宣告

three.ambientlight( hex );

function

initlight()

)));

//藍色球體

scene.

add(light);}

function

initobject()

);//白色

2.點光源

點發散光,例如蠟燭、白熾燈

maya點光測試

maya建立點光源預覽

three**重構

點光源polintlight的建構函式

pointlight(color,intensity,distance);

function

initlight()

)));

//綠色球體

2.聚光燈

光源的光線從乙個錐體射出,在被照射的物體上產生聚光效果。舞台燈光

有乙個頂角α

maya聚光燈測試

three**重構

聚光燈的建構函式

three.spotlight(hex,intensity,distance,angle,exponent);

前三個通俗易懂

3.平行光源(方向光)

平行光束,太陽光進入地球變成生活中的平行光。

maya平行光測試

平行光建構函式

threee.directionallight=function(hex,instensizty);

three**重構

var light_direction=

newthree.directionallight

(0x0000ff,1

);//方向光藍色

light_direction.position.

set(10,

20,6)

;var ld_help=

newthree.directionallighthelper

(light_direction,20,

0x0000ff);

scene.

add(light_direction)

;//方向光

THREE實戰5 canvans紋理

canvans紋理 效果圖 重構 js繪製時鐘 var canvas function clock function line line.prototype newcanvobject line.prototype.fill false line.prototype.start 0 0 line.p...

Unity3D教程之Light光源

燈光用來照亮場景和物件,可以創造完美的視覺氣氛。燈光可以用來模擬太陽 燃燒的火柴 探照燈 手電筒 槍火光 等等。我們通過在hierarchy面板 create light來建立4種不同的燈光效果。如圖1 10所示。四種型別的燈光 directional light平行光 方向光 最省資源 可以改變角...

陣列3,實戰

可以先把思路理一下 取出陣列當中的最大值且在陣列中的位置 取出最大值 for迴圈效能要比foreach 差,那可以將上面的方法改成foreach 方法 除了上面的方案,還可以有其他方法,比如使用陣列的reduce 方法。回憶前面的學過的知識,reduce 方法可以接收乙個 函式callbackfn,...