three.js

    0熱度

    1回答

    我想實現的碰撞系統,我的三個js的賽車遊戲。我遵循本指南來實現計算兩輛車之間碰撞後最終線性和角速度的系統。 https://www.myphysicslab.com/engine2D/collision-en.html#resting_contact 不過,我有麻煩的時候還發現了正常的正確方向。根據鏈路:讓矢量n是正常(垂直)於正被衝擊時,與我使用用於找到該正常以下的方法從主體B.向外指向本體B的

    2熱度

    1回答

    我有一個物體,其中隨機開放的粒子和其他物體是固體。我如何在物體內放置假太陽,並使用threejs通過開放粒子獲得光線。當物體旋轉X或Y時,Y射線應該通過打開的粒子(後處理) SAMPLE VIDEO 我的對象three.js所代碼爲波紋管 var camera, scene, renderer; var geometry, material, mesh; init(); a

    -3熱度

    1回答

    即時嘗試使用SVG作爲具有UV映射的模型上的紋理,事情是變得非常模糊,即時通訊從2D畫布中取出紋理,它看起來不錯,但超過它看起來很糟糕的模型,附加的截圖,任何想法? 爲使用SVG的目的是因爲這樣我可以dinamically操縱的顏色屬性,所以使用JPG或PNG是不是一種選擇 編輯:真人版在這裏 - >測試.fasterwear.com 謝謝!

    0熱度

    1回答

    我使用three.js拉伸功能來繪製幾何體,並且我想添加2個紋理,一個用於頂部和底部,另一個用於其他邊。 根據This Post它似乎是可能的。但我無法做到這一點。 這裏是我的代碼: //Create BaseForm (Bottom) var shape = new THREE.Shape(); shape.moveTo(0,0); shape.lineTo(0,2

    1熱度

    1回答

    在我的項目中,我動態加載了不同種類的模型。如何縮放加載的對象,使其完全適合某個邊界框? 爲了澄清這種情況,我不希望加載的對象適合我的FOV。我已經在我的場景中加載了一座房子。我想讓新裝的物體適合我的房子。

    2熱度

    2回答

    我正在學習three.js。 我舉一個例子來練習,但項目的陰影看起來不對或陌生。 應該是這樣的(這個形象是一個老教程): 和代碼是這樣的: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.

    0熱度

    1回答

    我想提出一個下拉使用JavaScript 這裏的菜單下拉菜單是JSON文件 { "bg1":"assets/bg/people_bg.jpg", "bg2":"assets/bg/people_bg.jpg" } 我只是試圖把名字作爲BG1和BG2到BG( n)下拉,所以用戶可以選擇任何background.Here是我的代碼dat.gui(); { controller = new

    1熱度

    1回答

    我一直在使用Blender比我編寫代碼的時間長得多,當我知道您可以使用three.js加載和操作瀏覽器中的混合時,我感到很興奮。我查了一個教程,導出了一個簡單的icosphere,並插入我的.json文件。唉,在查看了許多不同的頁面和示例之後,儘管我無法在代碼中發現任何可見的錯誤,但仍然無法使其顯示在瀏覽器中。我做了一個codepen項目(這是我能找到的在線json文件的唯一途徑)。 https:

    0熱度

    1回答

    說明我有一個簡單的盒子具有morphTarget和調節所述morphTargetInfluence滑塊齧合。變形會影響網格,但它也會縮小場景中的其他網格。 我已經放在一起從下面的例子jsfiddle(從threejs變形目標修改)來演示問題。在這個演示中,移動滑塊可正確地變形紅色立方體的角落,但不正確地縮小藍色立方體的尺寸。立方體網格完全不相關,所以我沒有看到變體如何影響藍色立方體。 https:

    1熱度

    1回答

    three.js材質具有side屬性,該屬性控制是否渲染網格的正面和/或背面。有沒有辦法用線框來做同樣的事情,只有前端邊緣纔會被渲染? 顯示的立方體的背面: material = new THREE.MeshPhongMaterial({ color: 0xFF9800, side: THREE.BackSide, opacity: 1//0 }); h