webgl

0熱度

1回答

我想執行的WebGL立方體的翻譯，但我得到的立方體，而不是翻譯的變形這是我的代碼： HTML文件 <!DOCTYPE html> <html> <script id="vertex-shader" type="x-shader/x-vertex"> attribute vec4 vPosition; attribute vec4 vColor; varying vec4 fColo

0熱度

1回答

WebGL：紋理渲染不能正常工作

我想在WebGL中第一次使用紋理，並且遇到了讓它工作的問題。我正在嘗試將石頭般的紋理應用到在3D空間中移動的立方體，正如您可以在下面的rocks.js中看到的那樣。我總是得到這個錯誤，我不知道做什麼（我使用Chrome的BTW）：渲染警告：沒有質感綁定到單元0 這裏是我的index.html文件： <html> <script id="vertex-shader" type="x-shade

0熱度

1回答

使用webgl分別旋轉紋理

我想在我的rendercall中單獨旋轉每個紋理。我讀了this教程，它的工作原理與我想要的一樣，只是旋轉應用於所有對象（由於旋轉值是統一的）。所以我重寫它使用緩衝區，但我不能讓它正常工作。繼承人我着色器： attribute vec2 a_position; attribute vec2 a_texture_coord; attribute vec2 a_rotation; attri

0熱度

1回答

WebGL的着色檢查紋理狀態sampler2D

我想有準備着色器組件（用於多采樣特）在我使用（激活和綁定）僅2紋理圖像我的當前狀態。，但此行： gl_FragColor = textureColor + textureColor1 + textureColor2; 製造麻煩與我的紋理視圖的紋理我從沒有結合的樣品textureColor2。在着色器中無法使用console.log或任何其他標準調試方法。我有興趣瞭解有關着色器的更多信息，

6熱度

1回答

使用three.js使用三維紋理渲染數百萬體素

我使用three.js渲染體素表示爲一組三角形。我已經得到了500萬個三角形，但這似乎是極限。您可以在線查看here。選擇分辨率爲3的都柏林模型以查看大量繪製的三角形。我已經使用了渾身解數拿到了這一步（緩衝區幾何體素剔除，多個緩衝區），但我認爲它已經打的openGL的三角形可以實現的最大金額。大量的體素通常呈現爲3D紋理中的一組圖像，而關於如何將2D紋理轉換爲3D紋理有幾篇帖子，但它們似乎對

1熱度

1回答

源代碼紋理不好的尺寸 - ChromeGL中的WebGL視頻

不確定這是否是Chrome的一個新問題，但一直在工作的視頻突然顯示爲黑色，渲染時出現以下錯誤。視頻大小是1920×1080 [.Offscreen-FOR-WebGL的-08FD8CF0] GL ERROR：GL_INVALID_VALUE： glCopySubTextureCHROMIUM：源紋理壞尺寸。我使用視頻作爲VR視頻球體上的ShaderMaterial。這是關於最近更新或我正在做

0熱度

1回答

如何使一個保齡球瓶狀結構中的WebGL

我想是這樣的結構：我已經做了缸，並放置一個小缸在它上面。對於基圓柱，我考慮平滑增加x座標直到y增加時的最大值（y座標）的一半，然後隨着y的增加平滑地減少x對於y>一半（max（y座標））。但旋轉的形狀扭曲它。有沒有一種方法可以使用基本的webgl製作一個這樣的形狀，而不是像Three.js這樣的高級庫。

1熱度

1回答

從頂點着色器讀取變量以便在webgl中渲染

我想實現移動和靜態對象之間的碰撞檢測器。我想這樣做的方法是每次檢查頂點着色器中移動對象的任何頂點是否與靜態對象的位置相交。通過這樣做，我會在頂點着色器中得到碰撞點，但我想在js文件中使用該變量進行渲染。有沒有辦法做到這一點。

0熱度

1回答

WebGL的地球不是OS渲染和Chrome升級

我已經和WebGL的瀏覽器全球發展：https://www.chromeexperiments.com/globe 一切工作正常，直到我最近升級我的操作系統MacOS的塞拉利昂，並更新谷歌瀏覽器。現在我沒有在瀏覽器中看到地球儀，而是收到一條消息：「對不起，您的顯卡不支持WebGL」在我升級操作系統和Chrome之前，這工作正常。爲什麼現在不行？我的系統與以前一樣使用相同的顯卡，但現在它不支持W

0熱度

1回答

使用來自多個着色器文件的gl_FragData []

我有一些着色器設置了webgl着色器。我使用的是多渲染目標（gl_FragData []）在第一着色器，我可以輸出到 gl_FragData[0] = vec4(..); gl_FragData[1] = vec4(..); gl_FragData[2] = vec4(..); 我的第二個着色器現在，我要輸出到gl_FragData [3]，並保存紋理傳遞給我的第三個着色器。第二個着