threejs學習筆記 10

2022-07-16 12:48:09 字數 508 閱讀 2739

1)webgl的原生介面是不帶陰影功能的,而threejs對陰影做了封裝,簡單設定幾個引數就可以實現陰影了。

renderer.shadowmapenabled = true;

light.castshadow = true;

cubemesh.castshadow = true;

plane.receiveshadow = true; 

2)常見的材質有meshnormalmaterial、meshbasicmaterial、meshlambertmaterial、meshphongmaterial這幾種,材質和燈光有直接關係。其中normal不接收顏色引數,會自動生成顏色,並且不受燈光影響。basic可以接收顏色,也不受光線影響。lambert是漫反射材質,受光線影響。phong是高光高反射材質,受光線影響。

3)二維平面,形狀用planegeometry類。

threejs學習筆記 材質

meshbasematerial 網格基礎材質 meshbasematerial 網格基礎材質 是一種非常簡單的材質,這種材質不會考慮光照的影響。使用這種材質網格備渲染成簡單的平面多邊形,可以用它賦予幾何體一種簡單的顏色,並且可以顯示幾何體的線框。meshdepthmaterial 網格深度材質 m...

threejs學習筆記 6

1 cylindergeometry類是用於設定圓柱的,接收上截面直徑 下截面直徑 高度 截面數 是否封頂蓋這幾個引數。但事實上,如果將截面數設定為乙個比較小的數字,比如3 4之類的,就完全看不出是個圓柱了!只有將截面數設得比較大時,才像個圓柱。如果將上截面直徑設為0,可以成為乙個錐體。是否封蓋這個...

threejs學習筆記 3

點選canvas區域,可以停止方塊的轉動,再次點選開啟轉動。這次的練習主題是貼紋理,不再是簡單的放個顏色了。1 紋理的實現是通過material實現的,具體 如下 var mapurl a.png map three.imageutils.loadtexture mapurl material ne...