限制場景的最大縮放 Three.js

[英]Limit maximum zoom for a scene in Three.js

我有一個 Three.js 應用程序，我想限制場景的縮放，因為從邏輯上講，在某種縮放下，用戶可以進入我的 3D object，在我看來這不是一個很好的用戶體驗。 我試過scene.maxZoom = number; 但沒有用。 我能做些什么？ 這是代碼： https://github.com/Al ...

Three.js 線框 object 無法在 Next.js 中使用“@react-three/fiber”進行渲染

[英]Three.js wireframe object failing to render with '@react-three/fiber' in Next.js

我一直在嘗試根據我看到的CodeSandbox 示例在 Next.js 環境中使用 Three.js 創建一個移動的線框平面。 當我將示例調整到我自己的環境時，它無法呈現並且不會拋出任何錯誤。 我的代碼： 我嘗試過切換各種不同的材料，添加照明對象，使用網格而不是一組和其他不同的相機配置，所有這些都嘗 ...

Collada model 黑色裝

[英]Collada model loaded in Black

我復制了官方 three.js repo 中給出的如何加載 DAE Collada model 的示例，修改它以刪除動畫，並加載我自己的 Collada model。 問題是 model 加載為黑色，如您在此codesandbox中所見，我無法更改材質顏色？ 您可以看到相同的 model 文件（在我 ...

Three.js GLTFLoader 未正確讀取 .glb 文件

[英]Three.js GLTFLoader is not reading .glb file correctly

我創建了一個簡單的 React 應用程序，它有一個用 three.js 初始化的場景。我在使用 GLTFLoader 加載 model 時收到以下錯誤。 我在 App.js 組件的頂部導入了以下內容 在我的 function App() 組件中，我執行了以下操作： 我確信 my.glb model ...

你能在 THREE.js 點 object 透明/不可見中制作個別點嗎？

[英]Can you make individual points in a THREE.js Points object transparent/invisible?

我有一個 Three.js Points object，它包含在 3D 空間中顯示一堆點的數據。 我想動態地使一些點不可見，但不確定如何。 材質是 PointsMaterial。 xyz 數據存儲在pointsObj.geometry.attributes.position.array中，顏色數 ...

打開和關閉 animation 模型的可見屬性會干擾 ThreeJS 動畫/渲染循環嗎？

[英]Turning animation model's visible property on and off interferes with ThreeJS animate/render loop?

在我的ThreeJS應用程序 (r124) 中，我有一個 GLB animation model 我附加了一個聚光燈，讓它看起來像一架帶燈的無人機，可以打開和關閉。 我有一個 function 來“打開燈”，它唯一做的就是通過將其visible屬性設置為true來使燈可見： this.tur ...

THREE.JS 光線投射器

[英]THREE JS Raycaster

如何通過在THREE.JS中點擊鼠標來select只顯示一個特定的object 現在通過單擊任意點執行 function，盡管條件聲明名稱為 mesh const raycaster = new THREE.Raycaster(); const mouse = new THREE.Vector2 ...

每當凸多面體之間發生碰撞時，cannon-es 就會崩潰

[英]cannon-es crashes whenever there is a collision between Convex polyhedrons

我正在嘗試在 three.js 和 cannon-es 中實現一個骰子滾筒。 如果我只有一個骰子，它工作得很好。 它以合理的方式在地平面上滾動。 當我添加另一個骰子時，它在地平面上也能正常工作，但一旦兩個CANNON.ConvexPolyhedron對象發生碰撞，它就會完全崩潰並使模擬崩潰。 碰撞后 ...

如何使用 three.js 在 MUI 組件中顯示 OBJ 文件？

[英]How to show an OBJ file inside MUI component with three.js?

我在嘗試在 UI 中顯示 OBJ 文件（或任何類型的 3d 模型）時遇到問題。 問題是 obj 正在完美加載。 但是如何在 MUI 組件中顯示它呢？ 我正在使用 three.js 這是代碼， 這是加載后的變量woundModel ， 在此處輸入圖像描述 ...

通過 XHR 加載 GLTF model 時的 Infinity% 加載百分比

[英]Infinity% loading percentage when loading GLTF model via XHR

我正在嘗試使用 XHR 加載鋼琴的 GLTF model，並在網頁上顯示加載百分比。 model 是使用 Three.js 庫加載的。 當我在本地服務器上運行代碼時，加載百分比顯示正確並且 model 呈現沒有任何問題。 但是，當我在網站上托管代碼時，加載百分比顯示為“Infinity%”。 我在 ...

Three.js 中的 setFromSphericalCoords 如何工作？

[英]How setFromSphericalCoords in Three.js works?

我正在創建一個 Three.js 應用程序。 它是一個 3D ISS Visualizer，我正在使用這個API來獲取 ISS 的緯度、經度和高度。 我的問題是我想圍繞我的地球 model 旋轉 ISS model。但問題是我不知道.setFromSphericalCoords()是如何工作的，因 ...

嘗試將 webgl_interactive_cubes 與指針鎖組合時無法讀取未定義的屬性（讀取“getHex”）three.js

[英]Cannot read properties of undefined (reading 'getHex’) when trying to combine webgl_interactive_cubes with pointer lock three.js

我正在嘗試創建帶有步行導航和交互式對象的場景，用於教育目的。 我正在使用Pointer Lock Control 示例進行步行導航和交互式立方體示例，來自 three.js。雖然“步行”有效，但它才剛剛開始，所以項目遠非完美。 不幸的是 cursor 部分錯誤顯示出來 這是我的代碼： ...

在 Thre.js 中從 GLTFLaoder().load() 創建網格

[英]Create a mesh from GLTFLaoder().load() in Thre.js

我有一個本地 3D object model 並加載它： 我應該如何從 gltf 中創建mesh ，因為當我嘗試時： 我收到錯誤： 無法將 undefined 轉換為 object ...

三個 JS：我收到此錯誤不支持的 OpenType 簽名<!--DO</div--><div id="text_translate"><p> 我有一個 three.js 項目，我使用<strong>parcel</strong>作為模塊捆綁器。 我嘗試使用三個 js <strong>TTFLoader</strong>加載字體，但出現此錯誤。 我在inte.net上查過類似的問題，有人說是跟字體的<strong>相對路徑</strong>有關，我覺得不是。 我不知道問題到底出在哪里</p><p><strong>這是錯誤的快照</strong><a href="https://i.stack.imgur.com/v8OC7.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/v8OC7.jpg" alt="在此處輸入圖像描述"></a></p><p> <strong>這是項目樹：</strong></p><p> <a href="https://i.stack.imgur.com/fFKA9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fFKA9.jpg" alt="在此處輸入圖像描述"></a></p><p> <strong>這是包含錯誤的代碼的一部分：</strong></p><p> <strong>應用程序.js</strong></p><pre> // load font -- three font const ttfLoader = new TTFLoader(); ttfLoader.load('fonts/Mont-Regular.ttf', (json) => { const font = new FontLoader(json); this.textGeo = new TextGeometry('Hello Text', { font: font, size: 200, height: 50, curveSegments: 12, }); this.textMaterial = new THREE.MeshPhongMaterial({ color: 0xff0000, side: THREE.DoubleSide, }); this.textMesh = new THREE.Mesh(this.textGeo, this.textMaterial); this.textMesh.position.set(0, 0, 0); }); this.scene.add(this.textMesh);</pre><hr><p> <strong>這是codesandbox：</strong> <a href="https://codesandbox.io/s/three-project-0hpqjr" rel="nofollow noreferrer">https://codesandbox.io/s/three-project-0hpqjr</a></p><hr><p> 我怎么解決這個問題？ 謝謝</p></div>

[英]Three JS: I am getting this error Unsupported OpenType signature <!DO

我有一個 three.js 項目，我使用parcel作為模塊捆綁器。 我嘗試使用三個 js TTFLoader加載字體，但出現此錯誤。 我在inte.net上查過類似的問題，有人說是跟字體的相對路徑有關，我覺得不是。 我不知道問題到底出在哪里這是錯誤的快照 這是項目樹： 這是包含錯誤的代碼的一部 ...

ThreeJs OrbitControl CDN導入版

[英]ThreeJs OrbitControl import version from CDN

我正在使用來自 CDN 的 threejs 並且我也需要 OrbitControl，但是如果我使用相同的最新版本 0.148.0 來導入 Three 和 OrbitControl 它不起作用： 為了讓它工作，我需要使用 FOR OrbitControl Only the lower 0.126.1 ...

在坐標 3D object model in Three.js 上放置一個點

[英]Place a point upon coordinates on a 3D object model in Three.js

我正在構建一個 Three.js 應用程序（React 模板，如果它很重要）。 我有這個 3D object model 應該像應用程序中的 Pl.net 地球一樣。 我有這個空間站 model。我想通過每隔一秒給出一些特定坐標來圍繞世界旋轉空間站。 我的問題是： 我怎樣才能把空間站放在倫敦上方，例 ...

如何在沒有 raycaster 的情況下在 object 上貼花？

[英]How to put decal on object without raycaster?

我看到的所有演示都是為了某種互動，但我只需要在 object 上貼幾張貼紙。 這是codeandbox 我的問題主要是代碼，但除了毫無意義的字母外，我沒有什么要補充的。 我愛你，祝你一切順利，你很漂亮。 import * as THREE from "three"; import { Deca ...

為什么我的 map 不能使用 MeshPhongMaterial

[英]Why my map not working with MeshPhongMaterial

我嘗試用 three.js 創建 pl.net Earth。我在MeshBasicMaterial上使用了一個紋理，它工作得很好，但是當我將材質更改為MeshPhongMaterial時，它不再渲染 map。 我想更改材料，因為我也想添加一個凹凸 Map。 這是我的代碼： const spher ...

三.TextureLoader.load 不是構造函數

[英]THREE.TextureLoader.load is not a contructor

我嘗試用Three.js做一個地球來制作一個類似“ISS at”的應用程序。 但是當我想添加紋理時，我得到了這個錯誤： Unchaught TypeError: THREE.TextureLoader.load 不是 function 這是我在main.js文件中的代碼： 在我將texture變量 ...

threejs中3d對象上的神器

[英]Artifact on 3d objects in threejs

每當我向場景中添加如下所示的窄 3d object 時，我都會遇到一些不需要的偽像，例如對象表面上的重復紋理。 值得一提的是，在我將 object 的 receive shadow 屬性切換為 true 之前，一切看起來都很好。 更准確地說，我創建了一個大小為 (0.35, 0.02, 0.15) ...