簡(jiǎn)述 在前面的章節(jié)中,只使用了BoxGeometry類創(chuàng)建了立方體。Three.js具有很多不同的幾何體類。 幾何體是什么 在Three.js中...
簡(jiǎn)述 前面的畫布具有個(gè)固定的尺寸,尺寸為800x600,雖然沒必要讓W(xué)ebGL適配整個(gè)屏幕,但是為了更好的體驗(yàn),適配屏幕大小是必須的。 首先,期...
自定義控件 回到PerspectiveCamera透視相機(jī)上來。注釋OrthographicCamera正交相機(jī),取消注釋Perspective...
簡(jiǎn)述 在前面的章節(jié)中,已經(jīng)使用PerspectiveCamera創(chuàng)建過相機(jī),但是文檔中還有其他類型的相機(jī)。 Camera相機(jī) Camera類是抽...
簡(jiǎn)述 前面創(chuàng)建的場(chǎng)景,都是在代碼的末尾進(jìn)行一次渲染。有時(shí)這樣就能夠滿足需求。但是更多時(shí)候,大家會(huì)希望模型帶點(diǎn)動(dòng)畫效果。 使用 Three.js ...
簡(jiǎn)述 現(xiàn)在探索Three.js功能。 在為場(chǎng)景制作動(dòng)畫之前,我們需要知道如何變換場(chǎng)景中的對(duì)象。 我們已經(jīng)使用相機(jī)完成了此操作,方法是使用 cam...
簡(jiǎn)述 前面章節(jié)加載Three.js的方式很簡(jiǎn)單,但不幸的是它有很多的限制。由于文件會(huì)變得很大,那種方式里面沒有包含很多的Three.js類。但是...
基礎(chǔ)文件 首先,要?jiǎng)?chuàng)建一個(gè)簡(jiǎn)單的index.html文件 <!DOCTYPE html> (三)第一個(gè)場(chǎng)景 ...
啥是Three.js 它是一個(gè)關(guān)于3D的JavaScript庫,用來幫助開發(fā)人員創(chuàng)建3D網(wǎng)頁。其基于WebGL,但是也可基于SVG、CSS共存。...