webgl

-1熱度

1回答

svg或png在PIXI.js和WebGL中獲得更好的性能？

我的問題似乎並不新鮮，但據我搜索了幾天，我找不到我的答案。 我正在試圖製作一個使用webGL的PIXI.js網頁。 我的網頁是鼠標移動視差，我的意思是當用戶移動他/她的鼠標指針時，對象可以擁有的所有移動都是幾個像素。 現在我的問題：我有一些簡單的圖像，我不知道使用svg或png。 我的圖片是這樣的： https://1drv.ms/i/s!Aj-BeFYyTnRzhTBSVEXXeJ2c-O7V

performance svg png webgl pixi.js 2017-06-15

---

0熱度

1回答

three.js所：使質地零個外邊框

目前，在three.js所3種包裝方式： THREE.RepeatWrapping THREE.ClampToEdgeWrapping THREE.MirroredRepeatWrapping 例子： var texture = new THREE.TextureLoader().load("textures/water.jpg"); texture.wrapS = THREE.Repe

javascript three.js webgl 2017-06-15

---

0熱度

2回答

指數的順序是否重要？

this._vertices = new Float32Array([ -0.5, 0, 0, // left 0, 0.5, 0, // top 0.5, 0, 0 // right ]); this._indicies = new Uint16Array([0, 1, 2]); 正如你所看到的，我有一個三角形3點。這個問題是，我的三

javascript webgl indices vertices 2017-06-16

---

4熱度

1回答

Framebuffer綁定順序

我試圖實例化繪製調用之外的所有幀緩衝區。但如果我這樣做，渲染是非常糟糕的。 如何，我認爲我的代碼的結構應 framebuffer1 = createFramebuffer() framebuffer2 = createFramebuffer() draw(){ bindFramebuffer(framebuffer1) drawScene() bindFrame

webgl framebuffer 2017-06-25

---

0熱度

1回答

動態更新渲染目標的寬度和高度

我創建了一個紋理和一個渲染緩衝區，將現有的3d場景渲染爲紋理，並將該紋理用作另一個webgl程序的輸入。 下面是處理渲染場景到紋理的類的僞代碼。 什麼是根據需要更新紋理寬度和高度的最佳方式（例如，如果瀏覽器調整大小）？我是否需要每次都創建一個新的紋理/渲染緩衝區？ 我想知道是否可以用比我目前做的代碼少的代碼來做到這一點？ class Renderer { constructor() {

webgl 2017-06-26

---

1熱度

1回答

將Adobe 3D-pdf轉換爲WebGL？

有沒有辦法將Adobe 3D-pdf文件轉換爲WebGL？ 我搜索了網頁，但找不到方法。 Adob​​e 3d pdf文件的缺點是它們只能在Internet Explorer的瀏覽器中直接查看（也可能在Safari上），但如果您使用的是Firefox或Chrome，則需要下載該文件並將其打開在Acrobat中。此外，你需要激活它，有時適應安全設置...雖然WebGL直接在現代瀏覽器中工作。 導出爲

pdf 3d webgl 2017-06-27

---

0熱度

1回答

如何在WebGL GLSL中解壓縮4字節Int統一字節的每個字節？

WebGL不支持位操作。所以我把我的int制服轉換成float。然後使用除法和mod來提取每個字節。 但是，由於精度問題，如果我的int太大，將int轉換爲float會失去一些精度。有沒有優雅的解決方案來處理這個問題？目前我的想法是隻在我的4字節int制服中存儲3個字節。

glsl webgl 2017-06-30

---

1熱度

2回答

使用PIXI.js和WebGLRenderer跟蹤淡入淡出

我有使用PIXI.js製作的應用程序，它使用WebGLRenderer。 我保留繪製緩衝區，而不是清除之前渲染： { preserveDrawingBuffer: true, clearBeforeRender: false } 這允許我創建創新爲對象走動。 我想讓路徑隨着時間的推移而逐漸消失，所以我在每個渲染上應用一個透明的黑色矩形。這有效，但淡出最終變成灰色。我想要一個完整的淡入淡出。 我

javascript webgl pixi.js 2017-07-02

---

-4熱度

1回答

WebGL的三角形鼠標位置旋轉

我要像GIF（旋轉三角形） 我的代碼... startPos[0] => first mouse down position X startPos[1] => first mouse down position Y endPos[0] => mousemove position X endPos[1] => mousemove position Y floatarray = new Fl

javascript webgl 2017-07-03

---

0熱度

1回答

的WebGL/JavaScript的：帆布質地的內容複製到另一個上下文紋理對象

我想我的第一個WebGL的上下文的內容（圖像顯示），從另一個方面的WebGL複製到紋理。 我使用texImage2D功能用帆布元素作爲源，沒有得到任何錯誤，但它呈現什麼，但黑色。 我不知道我錯過了什麼，因此任何形式的幫助是極大的讚賞。 我期待在webgl1的解決方案，並使用Chrome。 var canvas1; var texture1; var image; var shad

javascript html5-canvas copy textures webgl 2017-07-05

---