three.js

1熱度

1回答

對於我的課程之一，我需要在html5畫布中編寫3D應用程序。爲此，我選擇使用Three.js。就目前而言，我想要做的就是渲染一架簡單的飛機。我也希望能夠通過按住鼠標並拖動來沿着X軸移動相機。我根據代碼找到了here。它基本上是一個旋轉的飛機（或者相機圍繞飛機旋轉，不知道是哪一個）。我扔掉了動畫的所有代碼，併爲mousedown，mousemove等事件添加了代碼。當我加載頁面時，它會渲染飛機（無生

1熱度

1回答

javascript/threejs - 檢測一個密鑰何時發佈

我正在使用這個javascript的鍵盤庫爲threejs，它似乎好像它能夠檢測到一個密鑰被釋放。我將如何將其納入我的項目？下面是文檔： http://learningthreejs.com/data/THREEx/docs/THREEx.KeyboardState.html ，並在這裏是如何我目前檢測鍵被按下其中： if (keyboard.pressed("left")){ //do stu

1熱度

2回答

WebGl渲染對於JSON文件非常緩慢，是因爲JSON文件的大小嗎？

我想使用json文件渲染一個非常複雜的模型。 json文件的大小是40MB，這是一個巨大的數據，我可以在canvas上渲染模型。現在的問題是渲染非常非常慢。如果我嘗試旋轉模型或放大，整個瀏覽器掛起，它是如此緩慢。因爲我新來的webgl我不知道是什麼導致這個問題。環顧四周沒發現任何東西。是否影響渲染的json文件的大小？我怎樣才能讓性能更好？我應該提到這一點，它不是顯卡的問題。像身體瀏覽器的東

0熱度

1回答

ThreeJS的平原地形

我想用ThreeJS繪製一個平面地形，但它不起作用。這裏是我的飛機創建代碼： var plane = new THREE.Mesh(new THREE.PlaneGeometry(300, 300), new THREE.MeshBasicMaterial({ color: 0x0000ff })); plane.overdraw = true; this.scene.

2熱度

1回答

如何在Three.js中加載.x模型？

有沒有什麼辦法在Three.js中加載動畫的.x模型？我不知道該怎麼做。此外，我試圖將.x模型轉換爲collada，但我還沒有找到任何免費程序，可以將.x動畫轉換爲collada。我希望你能幫助我。在此先感謝，

0熱度

2回答

爲什麼與canvas和webgl渲染器不一樣？（three.js所）

我試圖渲染three.js所球體，但如果我用canvasRenderer渲染它，然後有在球體代碼灰線：http://jsfiddle.net/jzpSJ/ 截圖：http://desmond.imageshack.us/Himg209/scaled.php?server=209&filename=canvase.png&res=landing 但是，如果我在歌劇WebGL的渲染下一個渲染它，那麼

3熱度

3回答

推薦JS庫摺紙般的摺紙動畫

我想創建一個摺紙般的紙使用的WebGL或帆布摺疊動畫（不閃光！）。我想重現的效果與video here中的效果相似。最終的動畫的清晰視圖可以爲立方體表示如下：我試圖用three.js庫，但我無法找到一個方法來動畫一個單面一個三.Mesh。我也嘗試過簡單的CSS3動畫，但是使用6個以上的人臉進行動畫製作會非常困難 - 因爲在兩個或更多個人臉之間創建關係並不可行。任何人都可以推薦其他JS庫？或

0熱度

1回答

three.js所WebGLRenderer（）

嗨，我傳遞一個畫布一個DOMElement我打電話給WebGLRenderer（）這樣的： var jqc = $('#myCanvas'); //get canvas with jQuery; var par = {canvas:jqc.get()}; //create parameter object with canvas DOMElement in it var renderer =

0熱度

1回答

切換帆布/渲染目標在three.js所

我有我的頁面上有兩個畫布元素，我開始渲染我： new THREE.WebGLRenderer({canvas:myFirstCanvas}); 和3D場景呈現正確，因爲我希望但這時如果我嘗試通過使用該渲染器指向的canvas元素更改爲： renderer.domElement = mySecondCanvas; 或 renderer.setRenderTarget({canvas:myS

3熱度

1回答

如何製作Three.js全屏？

我想用Three.js做一個遊戲，但是如何讓它變成全屏？我看到了this article，並且在我的代碼中包含了THREEx，但是當我這樣做時：THREEx.FullScreen.request()沒有任何反應！我看了看THREEx代碼，並改變了它這樣的，用於調試的目的： THREEx.FullScreen.request = function(element) { element =