成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

【three.js學(xué)習(xí)筆記】光

YancyYe / 3085人閱讀

摘要：環(huán)境光的位置對(duì)呈現(xiàn)的效果無(wú)任何效果環(huán)境光的構(gòu)造函數(shù)只有一個(gè)參數(shù)進(jìn)制的顏色值。半球光點(diǎn)光源點(diǎn)光源的光線來(lái)自同一點(diǎn)，并向外發(fā)射。點(diǎn)光源的構(gòu)造函數(shù)有三個(gè)參數(shù)，比平行光多了一個(gè)距離參數(shù)，光會(huì)從光源經(jīng)過(guò)的距離一路衰減為。

Lightapi

光源的基類(lèi)。

Light( color, intensity )

color 光源顏色的RGB數(shù)值

intensity 光源強(qiáng)度的數(shù)值。

看到的顏色

使用反光材料的物體，看到的顏色是由光的顏色和物體本身的顏色所決定（物理光）。

綠色光照在紅色物體上，看到為黑色。

顯示真正顏色使用白色光：0xffffff;

AmbientLight（環(huán)境光）

環(huán)境光是一種無(wú)處不在的光，就好像現(xiàn)實(shí)世界中的空氣。環(huán)境光的光線來(lái)自任何方向，因此，當(dāng)你僅為場(chǎng)景指定環(huán)境光時(shí)，所有的物體無(wú)論向量如何，都將表現(xiàn)為同樣的明暗程度。

環(huán)境光的位置對(duì)呈現(xiàn)的效果無(wú)任何效果

環(huán)境光的構(gòu)造函數(shù)THREE.AmbientLight只有一個(gè)參數(shù)——16進(jìn)制的顏色值。

AmbientLight( hex )
var light = new THREE.AmbientLight(0xff0000);

scene.add( light );

給場(chǎng)景添加紅色的環(huán)境光后，立方體和地面都顯示為紅色：
AreaLight（區(qū)域光） DirectionalLight（平行光）

平行光是一組具有方向的沒(méi)有衰減的平行光線，它類(lèi)似太陽(yáng)光：雖然遙遠(yuǎn)但打在物體上的光都來(lái)自同一個(gè)方向。

環(huán)境光的構(gòu)造函數(shù)THREE.DirectionalLight有兩個(gè)參數(shù)——16進(jìn)制的顏色值和光線的強(qiáng)度（默認(rèn)為1）。

DirectionalLight(hex, intensity)
var light = new THREE.DirectionalLight(0xffffff, 0.5);

light.position.set(100, 150, 50);

scene.add(light);

HemisphereLight（半球光）

PointLight（點(diǎn)光源）

點(diǎn)光源的光線來(lái)自同一點(diǎn)，并向外發(fā)射。就好像蠟燭發(fā)出的光和螢火蟲(chóng)發(fā)出的光。

點(diǎn)光源的構(gòu)造函數(shù)THREE. PointLight有三個(gè)參數(shù)，比平行光多了一個(gè)距離參數(shù)，光會(huì)從光源經(jīng)過(guò)distance的距離一路衰減為0。

PointLight(hex, intensity, distance)
var light = new THREE.PointLight(0xffffff, 1, 300);

light.position.set(50, 50, 50);

scene.add(light);
SpotLight（聚光燈） 投影

Three.js的光源默認(rèn)不會(huì)導(dǎo)致物體間的投影，打開(kāi)投影需要執(zhí)行以下幾步：

打開(kāi)渲染器的地圖陰影: renderer.shadowMapEnabled = true;

啟用光線的投影：light.castShadow = true;

把模型設(shè)置為生成投影：mesh.castShadow = true;

把模型設(shè)置為接收陰影：mesh.receiveShadow= true;







    

    我的第一個(gè)WebGL程序

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/94271.html

相關(guān)文章

  • WebGL three.js學(xué)習(xí)筆記 陰影與實(shí)現(xiàn)物體的動(dòng)畫(huà)

    摘要：另外如果想要在程序中開(kāi)啟陰影的話(huà)首先需要把設(shè)置為，默認(rèn)是關(guān)閉的，因?yàn)閷?shí)現(xiàn)陰影的效果是比較消耗性能的。此時(shí)的陰影效果是這樣的至此，我們的場(chǎng)景還有物體的動(dòng)畫(huà)效果就已經(jīng)實(shí)現(xiàn)。 實(shí)現(xiàn)物體的旋轉(zhuǎn)、跳動(dòng)以及場(chǎng)景陰影的開(kāi)啟與優(yōu)化 本程序?qū)?chuàng)建一個(gè)場(chǎng)景，并實(shí)現(xiàn)物體的動(dòng)畫(huà)效果運(yùn)行的結(jié)果如圖： showImg(https://img-blog.csdnimg.cn/20190413170812704.pn...

    劉永祥 評(píng)論0 收藏0

  • three.js 入門(mén)詳解(二)

    摘要：首先，下載并在的中使用然后，我們需要準(zhǔn)備一個(gè)模型，在函數(shù)中，創(chuàng)建變量，用于導(dǎo)入模型導(dǎo)入模型的時(shí)候，接受兩個(gè)參數(shù)，第一個(gè)表示模型路徑，第二個(gè)表示完成導(dǎo)入后的回調(diào)函數(shù)，一般我們需要在這個(gè)回調(diào)函數(shù)中將導(dǎo)入的模型添加到場(chǎng)景中。 9. 動(dòng)畫(huà) 在本章之前，所有畫(huà)面都是靜止的，本章將介紹如果使用Three.js進(jìn)行動(dòng)態(tài)畫(huà)面的渲染。此外，將會(huì)介紹一個(gè)Three.js作者寫(xiě)的另外一個(gè)庫(kù)，用來(lái)觀測(cè)每秒幀數(shù)...

    G9YH 評(píng)論0 收藏0

  • 【Three.js】Three.js學(xué)習(xí)記錄

    摘要：上帝覺(jué)得缺少了些生氣，便用泥巴捏了一個(gè)小人兒，不叫亞當(dāng)，她叫小芳。接下來(lái)預(yù)先恭喜你，你可以成為這網(wǎng)頁(yè)世界的一個(gè)小上帝。使用可以向場(chǎng)景中發(fā)射光線。在下述案例中，從攝像機(jī)的位置向場(chǎng)景中鼠標(biāo)的點(diǎn)擊位置發(fā)射光線。 先得擺出幾個(gè)關(guān)鍵詞：場(chǎng)景、燈光、模型、材質(zhì)、貼圖與紋理、相機(jī)、渲染器。然后我開(kāi)始裝模作樣地解釋?zhuān)?上帝說(shuō)，要有場(chǎng)景！于是就有了場(chǎng)景，場(chǎng)景去納這萬(wàn)事萬(wàn)物。 上帝說(shuō)，要有光！于是就有了光...

    chanthuang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<