threejs入門例項2 sprite演示下雨

2022-05-12 19:26:11 字數 2941 閱讀 5650

效果圖

完整**:

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>

title

>

head

>

<

body

>

<

script

src="js/three.min.js"

>

script

>

<

script

src="js/orbitcontrols.js"

>

script

>

<

script

>

//建立場景

varscene

=new

three.scene();

/*** 相機設定

*/var

width

=window.innerwidth-16

; //

視窗寬度

varheight

=window.innerheight-20

; //

視窗高度

vark

=width

/height;

//視窗寬高比

/**透視投影相機物件

*/var

camera

=new

three.perspectivecamera(

60, width

/height, 1,

1000

); camera.position.set(

292,

109,

268);

//設定相機位置 /**

* 建立渲染器物件

*/var

renderer

=new

three.webglrenderer();

renderer.setsize(width, height);

//設定渲染區域尺寸

renderer.setclearcolor(

0x666666, 1

); //

設定背景顏色

//body元素中插入canvas物件

//點光源

varpoint

=new

three.pointlight(

0xffffff

); point.position.set(

400,

200,

300);

//點光源位置

scene.add(point);

//點光源新增到場景中/**

* 精靈建立下雨效果

*///

載入雨滴理貼圖

vartexturetree

=new

three.textureloader().load(

"img/rain.png");

//建立乙個組表示所有的雨滴

vargroup

=new

three.group();

//批量建立雨滴精靈模型

for(let i =0

; i

<

400; i

++) );

//建立精靈模型物件

varsprite

=new

three.sprite(spritematerial);

scene.add(sprite);

//控制精靈大小,

sprite.scale.set(8,

10,

1);

//// 只需要設定x、y兩個分量就可以

vark1

=math.random()

-0.5

;

vark2

=math.random()

-0.5

;

//設定精靈模型位置,在空間中隨機分布

sprite.position.set(

1000

*k1,

300*

math.random(),

1000

*k2)

group.add(sprite);

}scene.add(group);

//雨滴群組插入場景中

//渲染函式

function

render()

});renderer.render(scene, camera);

//執行渲染操作

requestanimationframe(render);

//請求再次執行渲染函式render,渲染下一幀

} render();

varcontrols

=new

three.orbitcontrols(camera, renderer.domelement);

//建立滑鼠控制物件

//尺寸響應式

window.addeventlistener(

'resize

', ()

=>

)

script

>

body

>

html

>

指標2 s芃成 新浪部落格

int ptr int ptr int ptr 3 int ptr 4 指標 的 型別 只要把指標宣告語句中的指標的名字去掉,剩下的就是該指標的型別。例如 int ptr 中ptr是指標 變數 名,而指標型別是int 這是指標自己獨有的型別。int ptr 指標型別為int int ptr 3 指標...

實測Eclipse連線小公尺2S除錯問題

小公尺2s手機在eclipse真機除錯時,裝置選擇列表無法顯示手機,ddms也連線不上裝置,解決步驟 1.開啟手機設定中開發者選項 usb除錯開啟 4.如此時仍然無法連線,進入手機撥號盤輸入 717717 撥號,強制置usb埠可用 5.如此時仍然無法連線,進入計算機c users 使用者名稱 and...

小公尺2S解鎖(2013021)解賬號鎖線刷刷機包

小公尺2 小公尺2s解鎖 2013012 2013021 解賬號鎖刷機包 親測可用 1 本資料為售後資料,可以修復系統引起的故障 100 絕殺 2 手機的電量最好保持在30 以上,部分手機電量不足,會引起刷機失敗 3 請使用好質量的資料線,某些資料線傳輸速度太慢,也會引起刷機失敗 4 最好使用電腦機...