為您找到相關(guān)結(jié)果399,324個(gè)
淺談將three項(xiàng)目遷移至vue項(xiàng)目遇到的問題_vue.js_腳本之家
由于我的3D場(chǎng)景起初是自己為了測(cè)試搭建的,所以使用的是html + three,后來將代碼遷移到vue項(xiàng)目的過程中出現(xiàn)了下面的幾個(gè)問題: 通過npm下載three依賴無法正常使用 導(dǎo)入模型的路徑出現(xiàn)了問題,導(dǎo)致模型無法正常渲染 3D場(chǎng)景渲染后沒有進(jìn)行銷毀 通過npm下載的three依賴無法正常使用 在原項(xiàng)目中使用的是three相關(guān)的js文件,而遷移
www.dbjr.com.cn/article/2353...htm 2025-6-7
Three.js概述和基礎(chǔ)知識(shí)學(xué)習(xí)_JavaScript_腳本之家
Three.js是一個(gè)功能強(qiáng)大且易于使用的3D圖形庫,自2010年誕生以來,已經(jīng)在各種應(yīng)用場(chǎng)景中展現(xiàn)出無窮的潛力。從互動(dòng)式可視化、游戲開發(fā)到虛擬現(xiàn)實(shí)、在線教育等領(lǐng)域,Three.js都發(fā)揮著重要的作用。正是因?yàn)門hree.js的出色表現(xiàn),讓更多的開發(fā)者和用戶能夠更便捷地接觸和體驗(yàn)3D世界。 4.基礎(chǔ)知識(shí) 本節(jié)介紹Three.js的基礎(chǔ)知識(shí),...
www.dbjr.com.cn/article/2840...htm 2025-6-6
THREE.JS入門教程(1)THREE.JS使用前了解_基礎(chǔ)知識(shí)_腳本之家
事實(shí)上,Three.js提供了載入某幾種標(biāo)準(zhǔn)格式3D文件的支持,如果你在Blender,Maya,Cinema4D或是什么其他工具中建模,這簡(jiǎn)直太棒了。為了簡(jiǎn)單(畢竟這才剛開始呢!)我們先來考慮基元?；褪腔镜膸缀伪砻?比如最基本的球體、平面、立方體、圓柱體。利用Three.js可以很方便地創(chuàng)建這些基元: 復(fù)制代碼代碼如下: // 設(shè)置球...
www.dbjr.com.cn/article/335...htm 2025-6-9
ThreeJS 入門如何渲染出第一個(gè)3D圖形_js其它_腳本之家
創(chuàng)建場(chǎng)景 scene,使用THREE.Scene進(jìn)行創(chuàng)建。 創(chuàng)建相機(jī) camera,使用THREE.PerspectiveCamera進(jìn)行創(chuàng)建。 創(chuàng)建渲染對(duì)象(以立方體為例),并添加到場(chǎng)景 scene 中。 創(chuàng)建渲染器 renderer,并進(jìn)行場(chǎng)景渲染,使用THREE.WebGLRenderer進(jìn)行創(chuàng)建。調(diào)用渲染器 render 函數(shù)將場(chǎng)景 scene 和相機(jī) camera 作為參數(shù)進(jìn)行渲染。
www.dbjr.com.cn/javascript/287703v...htm 2025-6-12
Three.js源碼閱讀筆記(Object3D類)_基礎(chǔ)知識(shí)_腳本之家
這是Three.js源碼閱讀筆記的第二篇,直接開始。 Core::Object3D Object3D似乎是Three.js框架中最重要的類,相當(dāng)一部分其他的類都是繼承自O(shè)bject3D類,比如場(chǎng)景類、幾何形體類、相機(jī)類、光照類等等:他們都是3D空間中的對(duì)象,所以稱為Object3D類。Object3D構(gòu)造函數(shù)如下: ...
www.dbjr.com.cn/article/328...htm 2025-6-13
Three.js中的紋理圖像應(yīng)用和屬性調(diào)整方法_javascript技巧_腳本之家
Three.js是一種強(qiáng)大的JavaScript庫,用于創(chuàng)建基于Web的交互式3D圖形和動(dòng)畫。在Three.js中,紋理是一項(xiàng)重要的功能,它允許我們將圖像應(yīng)用到幾何體對(duì)象上,并通過調(diào)整紋理的屬性來實(shí)現(xiàn)更豐富的視覺效果。 本文將介紹Three.js中的紋理功能,并演示如何將圖片作為紋理應(yīng)用到幾何體對(duì)象上,并對(duì)紋理的重復(fù)、偏移和旋轉(zhuǎn)等屬性進(jìn)行...
www.dbjr.com.cn/javascript/311224k...htm 2025-6-13
Threejs與Tween.js結(jié)合創(chuàng)建動(dòng)畫的詳細(xì)圖文教程_javascript技巧_腳本...
在Threejs中使用Tween.js庫 繼續(xù)在前面章節(jié)的代碼基礎(chǔ)上進(jìn)行實(shí)現(xiàn),由于我們是基于vue開發(fā)的,所以這里我們使用npm的方式安裝tween.js庫 在vue中安裝并引入tween.js庫 打開控制器,輸入npm install @tweenjs/tween.js進(jìn)行安裝,在components文件夾新建TweenView.vue文件,在該文件中引入tween.jsimport * as TWEEN from '...
www.dbjr.com.cn/javascript/310942n...htm 2025-6-9