為您找到相關(guān)結(jié)果397,447個(gè)
淺談將three項(xiàng)目遷移至vue項(xiàng)目遇到的問題_vue.js_腳本之家
由于我的3D場景起初是自己為了測試搭建的,所以使用的是html + three,后來將代碼遷移到vue項(xiàng)目的過程中出現(xiàn)了下面的幾個(gè)問題: 通過npm下載three依賴無法正常使用 導(dǎo)入模型的路徑出現(xiàn)了問題,導(dǎo)致模型無法正常渲染 3D場景渲染后沒有進(jìn)行銷毀 通過npm下載的three依賴無法正常使用 在原項(xiàng)目中使用的是three相關(guān)的js文件,而遷移
www.dbjr.com.cn/article/2353...htm 2025-6-7
Three.js概述和基礎(chǔ)知識學(xué)習(xí)_JavaScript_腳本之家
Three.js是一個(gè)功能強(qiáng)大且易于使用的3D圖形庫,自2010年誕生以來,已經(jīng)在各種應(yīng)用場景中展現(xiàn)出無窮的潛力。從互動式可視化、游戲開發(fā)到虛擬現(xiàn)實(shí)、在線教育等領(lǐng)域,Three.js都發(fā)揮著重要的作用。正是因?yàn)門hree.js的出色表現(xiàn),讓更多的開發(fā)者和用戶能夠更便捷地接觸和體驗(yàn)3D世界。 4.基礎(chǔ)知識 本節(jié)介紹Three.js的基礎(chǔ)知識,...
www.dbjr.com.cn/article/2840...htm 2025-6-6
ThreeJS 入門如何渲染出第一個(gè)3D圖形_js其它_腳本之家
THREE.BoxGeometry 立方幾何體,用于創(chuàng)建長方體或者立方體。 ThreeJS 提供 8 種 Shape 類用于創(chuàng)建基本幾何體和自定義形狀。還提供一些可以擴(kuò)展的基類,我們可以在這個(gè)基類的基礎(chǔ)上進(jìn)行其他封裝。openGL 提供的圖元實(shí)際很基礎(chǔ)(點(diǎn),線,線環(huán),線帶,三角形,三角扇,三角帶,四邊形),ThreeJS 進(jìn)行的大量封裝使得我們更好進(jìn)行...
www.dbjr.com.cn/javascript/287703v...htm 2025-6-11
THREE.JS入門教程(1)THREE.JS使用前了解_基礎(chǔ)知識_腳本之家
Three.js是一個(gè)偉大的開源WebGL庫,WebGL允許JavaScript操作GPU,在瀏覽器端實(shí)現(xiàn)真正意義的3D。但是目前這項(xiàng)技術(shù)還處在發(fā)展階段,資料極為匱乏,愛好者學(xué)習(xí)基本要通過Demo源碼和Three.js本身的源碼來學(xué)習(xí)。 國外網(wǎng)站 aerotwist.com 有六篇較為簡單的入門教程,我嘗試著將其翻譯過來,與大家分享。
www.dbjr.com.cn/article/335...htm 2025-6-9
Three.js源碼閱讀筆記(Object3D類)_基礎(chǔ)知識_腳本之家
這是Three.js源碼閱讀筆記的第二篇,直接開始。 Core::Object3D Object3D似乎是Three.js框架中最重要的類,相當(dāng)一部分其他的類都是繼承自O(shè)bject3D類,比如場景類、幾何形體類、相機(jī)類、光照類等等:他們都是3D空間中的對象,所以稱為Object3D類。Object3D構(gòu)造函數(shù)如下: ...
www.dbjr.com.cn/article/328...htm 2025-6-3
Three.js中的紋理圖像應(yīng)用和屬性調(diào)整方法_javascript技巧_腳本之家
Three.js是一種強(qiáng)大的JavaScript庫,用于創(chuàng)建基于Web的交互式3D圖形和動畫。在Three.js中,紋理是一項(xiàng)重要的功能,它允許我們將圖像應(yīng)用到幾何體對象上,并通過調(diào)整紋理的屬性來實(shí)現(xiàn)更豐富的視覺效果。 本文將介紹Three.js中的紋理功能,并演示如何將圖片作為紋理應(yīng)用到幾何體對象上,并對紋理的重復(fù)、偏移和旋轉(zhuǎn)等屬性進(jìn)行...
www.dbjr.com.cn/javascript/311224k...htm 2025-5-28
three.js快速入門【推薦】_javascript技巧_腳本之家
1.設(shè)置three.js渲染器 2.設(shè)置攝像機(jī)camera 3.設(shè)置場景scene 4.設(shè)置光源light 5.設(shè)置物體object 1.設(shè)置three.js渲染器 三維空間里的物體映射到二維平面的過程被稱為三維渲染。 一般來說我們都把進(jìn)行渲染操作的軟件叫做渲染器。 具體來說要進(jìn)行下面這些處理。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16...
www.dbjr.com.cn/article/1037...htm 2025-6-7
three.js設(shè)置物體的縮放和旋轉(zhuǎn)代碼示例_javascript技巧_腳本之家
使用three.js設(shè)置物體的縮放可以通過對象的scale屬性來實(shí)現(xiàn)。例如,將一個(gè)立方體對象縮小一半的代碼如下: 1 2 var cube = new THREE.Mesh(new THREE.BoxGeometry(1, 1, 1), new THREE.MeshNormalMaterial()); cube.scale.set(0.5, 0.5, 0.5); 其中,scale屬性是一個(gè)THREE.Vector3類型的對象,包含了x、y、z...
www.dbjr.com.cn/javascript/305432d...htm 2025-5-29