three.js

    1熱度

    1回答

    爲什麼我必須將類型定義從material: Material | Material[];修改爲material: Material;才能解決下面詳述的錯誤? TypeScript看似假設material參數的類型爲Material[],即使我明確將其設置爲「材質」。我錯過了什麼嗎? 打字稿/ ThreeJS錯誤: this.obj3D.traverse((child) => { if (

    1熱度

    1回答

    我有這個Codepen演示:The Codepen demo link,我希望把它改造成的影響比對這個網站的英雄節的背景:The website link 這裏有可能使這更清晰的圖像: 此: 要變成這樣: 我真的不知道該怎麼都做!如果有人能夠幫助我,甚至創造了一個新的筆,這將是非常棒的! 非常感謝。 這是Codepen演示的的JavaScript代碼: /**/ /* ---- CORE ----

    0熱度

    1回答

    見下文 我真的很迷茫解決方案。我試圖達到的目標是; 在加載的網格上使用多個紋理。 我已經搜索了多次,但我仍然可以看到類似的問題,但沒有任何幫助。 我試過的是(還); 用目標網格的幾何創建一個新的網格,並推送到目標object3d元素。 (像一個photoshop層)。 var texture = new THREE.Texture(mapCanvas); texture.minFilter =

    0熱度

    1回答

    我目前正在開發一個項目,它將通過渲染過量的動畫描邊圓來可視化瀏覽器上的數據。我開始評估3D庫,最終嘗試用three.js創建概念驗證應用程序。它能夠在我的1440p顯示器上以60 fps的速度動畫和渲染高達150 000個點的精靈。一切看起來都很棒,直到你開始看細節。它有兩個渲染問題: 甚至當你打開動畫關閉 https://imgur.com/a/3Ugd0 當您打開相機,重疊點精靈將展示的透明區

    2熱度

    1回答

    我想從面陣列中刪除重複的面 - 我已經嘗試了下面的一些代碼,但我不知道如何完成它。 首先我很驚訝地發現: new THREE.Vector3(0,0,0) == new THREE.Vector3(0,0,0) 產生false(我希望它產生真正的),此外,下面還代碼產生false(我再次希望它產生真正的)。 var triangleGeometry = new THREE.Geometry()

    0熱度

    1回答

    我想通過只使用鼠標移動來移動攝像頭繞過我的JSON場景。但是,我希望攝像頭只隨着鼠標的移動和鼠標的方向移動,而不必單擊並拖動。 我已經開發了這個的部分工作版本,但它不是我需要它的地方。我也在尋找相機停止移動在某一點,除了相機不改變它本身和動畫JSON之間的距離。 這裏是我的代碼: <!DOCTYPE html> <html lang="en"> <head> <title>

    0熱度

    1回答

    我想呈現一個three.js框,它具有我使用THREE.TextureLoader()加載的自定義紋理。 雖然我在我的控制檯中看到THREE.WebGLRenderer 87,但似乎沒有渲染任何多維數據集。 我創建了一個小提琴,以顯示如何,我試圖做到這一點:我只是用了所有的6邊的紋理一個網址爲簡單起見http://jsfiddle.net/hfj7gm6t/4786/ 注意。 有誰能幫我理解爲什麼

    0熱度

    1回答

    我需要使用three.js所顯示COLLADA文件(.dae)中,i可以加載模式,但它沒有顯示的紋理,使用此代碼 var loader = new THREE.ColladaLoader(loadingManager); loader.options.convertUpAxis = true; loader.load('./car.dae', function (col

    0熱度

    1回答

    我正在構建一個使用three.js呈現3D模型的Web應用程序。我已經實現了一個功能,通過選擇基礎模型(任何格式的3D模型,如.obj + .mtl,.3ds等)來創建項目。現在我必須實現一個保存功能,它將活動的three.js場景作爲JSON文件保存到服務器。問題是,當我將場景作爲文件導出時,尺寸變得非常大。 例如,當我轉換24MB OBJ + MTL模型(包括紋理的尺寸)到文本文件(使用JSO

    0熱度

    1回答

    我正試圖創建一個相機,跟隨一個圍繞球體的軌道上旋轉的對象。但每當攝像機到達軌道的極座標時,方向都會改變。 function render() { rotation += 0.002; // set the marker position pt = path.getPoint(t); // set the marker position mark