threejs中3d對象上的神器
[英]Artifact on 3d objects in threejs
每當我向場景中添加如下所示的窄 3d object 時，我都會遇到一些不需要的偽像，例如對象表面上的重復紋理。 值得一提的是，在我將 object 的 receive shadow 屬性切換為 true 之前，一切看起來都很好。 更准確地說，我創建了一個大小為 (0.35, 0.02, 0.15) ...
Three.js 站點顯示黑線，在嘗試多個不同設備后僅在一台計算機上出現問題
[英]Three.js site displays black lines, caught problem only in one computer after trying in several different devices
我用 Threejs 創建了一個投資組合網站。 發布后，我嘗試在不同的瀏覽器和設備中訪問它並且運行良好。 我與幾個朋友分享了它以獲得反饋，只有一個人回復了我這個奇怪的陰影紋理出現在整個 canvas 中。見下面的截圖： 他在不同的瀏覽器、同一台設備上進行了嘗試，得到了相同的結果。 這就是它應該的樣子 ...
pixi 視口拖壞工作后 select 一個孩子
[英]pixi viewport drag bad working after select a child
當我在一個空的舞台上拖動時，它移動得很好。 但是當我對我的孩子這樣做時，它變得很煩人。 問題視頻我想移動框並單擊它們。 ...
什么是紋理采樣精度？
[英]What is the texture sampling precision?
在OpenGL中，采樣紋理時，定位使用的精度或格式是多少？ 詳細說明：當在着色器中使用texture(sampler, vTextureCoordinates)進行采樣時，例如precision highp float ，兩個 float32+ go 中。但是，該精度用於對紋理進行采樣，還是會降級 ...
紋理坐標不准確
[英]Texture coordinate inaccuracy
我在 16 位紋理 uv 上得到了一個看起來像精度的問題。 這可能是常識， texture投射到標准化的 integer，但我找不到太多關於它的信息¹，對我來說也沒有多大意義（為什么要在最后一步降低坐標？）。 在實際代碼中（太長而無法顯示），這會在放大太多時導致紋理滲出，遠早於 float32 的預 ...
如何翻譯不可讀的WebGL unity WASM stacktrace？
[英]How to translate unreadable WebGL unity WASM stacktrace?
我在使用 Unity Unity 2022.1.24f1 和 WebGL 的生產環境中遇到了調試問題。 當發生異常時，我得到一個不可讀的堆棧跟蹤。 是這樣的： 我無法為 prod 環境啟用調試符號模式，是否有任何算法可以將此堆棧跟蹤轉換為真實的方法名稱？ 我發現 Library\Bee\artif ...
為 webgl 后端加速 model _warmup_ 的方法？
[英]Ways to speedup model _warmup_ for webgl backend?
我有一個 model 並且嚴格要求預熱時間 = 2s。 運行時速度現在對我們來說還可以。 我已經嘗試設置 我打開了並行着色器編譯。 但是還有4s左右的時間。 每個張量形狀的單獨着色器有助於加快運行時間，但會隨着着色器數量的增加而減慢預熱過程。 是否有任何當前可能的改進的完整列表要檢查，我錯過了什么 ...
衡量 WebGL 效率
[英]Measuring WebGL efficency
我正在做一個 ThreeJs 項目，該項目需要在片段着色器中完成一些繁重的工作，所以我正在尋找一種方法來在設備無法處理工作時使用較低的質量。 純屬偶然，我最近在我的着色器代碼中加入了一個“uint”制服，發現它無法在舊設備上運行。 因此，WebGL2 的可用性成為一個明顯且好的開關。 問題是 Web ...
2023 年典型的 webgl MAX_TEXTURE_SIZE 是多少？
[英]What is typical webgl MAX_TEXTURE_SIZE in 2023?
我知道MAX_TEXTURE_SIZE依賴於 GPU。 是否有關於哪些 GPU 支持各種最大紋理大小的信息？ 或者，他們是否有任何報告MAX_TEXTURE_SIZE類的瀏覽器使用統計信息？ 特別是，我希望了解設備在 2023 年支持至少8,192作為MAX_TEXTURE_SIZE的典型程度，超 ...
如何將一組浮點數作為制服傳遞給 Three JS 的着色器
[英]How can I pass along an array of floats as a uniform to shaders from Three JS
為了澄清我正在使用三個 JS，React-Three-Fiber，React 我有一個上面有點的圓盤，我計算了每個點到桌子中心的距離，並將結果存儲在一個數組中。 我想將這個數組傳遞給着色器，但我很難理解如何去做。 我在文檔中讀到你也可以傳遞vec3,mat3,float本質上。 我的數組的長度為 1 ...
如何使用 WebGL 渲染按鈕背景？
[英]How to use WebGL to render a button background?
假設我有一個 GL 着色器，我想用作 HTML button背景（這是一個漂亮的動畫漸變）。 我怎樣才能做到這一點？ 我可以考慮將背景設置為紋理並將着色器渲染到該紋理。 這從根本上可能嗎？ ...
在一張畫布上用webgl繪制多個視口，如何管理它下面和上面的html？
[英]Drawing several viewports with webgl in one canvas, how to manage the html below and above it?
我正在嘗試為自己構建一個非常簡單的框架，以通過多個視圖管理繪圖內容到同一個 webgl 畫布並做出反應。 我希望能夠在窗口的不同區域使用相同的資源，所以我盡量避免使用多個畫布。 最終結果應該類似於three.js 中的示例。 我對如何從 html 端管理它感到很困惑，並且正在努力弄清楚是否應該考慮 ...
從 JavaScript 調用 Unity 腳本函數
[英]Calling Unity scripts functions from JavaScript
我正在嘗試從 JS 調用統一腳本，但沒有MyGameInstance ，如 Unity 文檔中所示： https ://docs.unity3d.com/Manual/webgl-interactingwithbrowserscripting.html 這是 WebGL 由 Unity 的運行和構建 ...
將數據從 Unity C# 代碼發送到我的 WebGl 索引 html
[英]Sending Data from Unity C# code to my WebGl index html
我有一個項目，您在其中使用堆垛機。 這就是它在瀏覽器中的樣子我想將來自 C# 代碼的數據（例如所選 object 的名稱等）發送到 webgl 索引 html，以在 data.table 所在的右側顯示數據。 我已經嘗試使用 jslib 文件，但我無法真正保存我得到的數據，我只能顯示一個警報，其中 ...
TEXTURE_MIN_FILTER 黑屏
[英]TEXTURE_MIN_FILTER black screen
我總是黑屏TEXTURE_MIN_FILTER.= world.GL.gl.NEAREST world.GL.gl.activeTexture(world.GL.gl['TEXTURE' + t]); world.GL.gl.bindTexture(world.GL.gl. ...
WebGL：在純色背景上繪制的透明像素的 Alpha 通道泄漏到畫布緩沖區中
[英]WebGL: Alpha channel from transparent pixels drawn over solid background leak into canvas buffer
WebGL 相當新，盡管我已經涉足它幾個月了。 我剛剛遇到一個問題，試圖在我的 WebGL 畫布緩沖區中將透明像素混合到已經不透明的背景上。 題我如何繪制第二個矩形，使其與純灰色混合，但它的 alpha 不會泄漏到畫布緩沖區？ 我不想在 WebGL 上下文中將alpha設置為 false，因為我的 ...
在 JS 中有效的計算在 GLSL 中無效
[英]Calculations that work in JS don't work in GLSL
我正在使用mapbox-gl-js庫使用他們的自定義樣式層API 渲染一些自定義 WebGL 內容。但是，他們有一個問題，即 WebGL 內容在高縮放級別上會“閃爍”或“抖動”。 這顯然是一個已知問題（此處、此處和此處），但尚未正式發布修復程序。 但是，我從這個 GitHub 評論中得到了一個示例， ...
誰能告訴我為什么我的投影透視矩陣不起作用？
[英]Can anyone tell me why my projection perspective matrix isn't working?
我是 WebGL 和一般圖形編程的初學者。 我正在嘗試渲染程序生成的地形。 我的第一次嘗試似乎奏效了，我得到了以下結果。 我想為此添加透視投影，但我最終得到的屏幕只有我的清晰顏色（在本例中為綠色）。 下面的代碼用於使用 glmatrix 實現 javascript 中的透視矩陣： 這是我的頂點着 ...
為什么這個獲取不到對應的像素
[英]Why does this not get the corresponding pixel
畫好三角形后想用readPixels方法獲取像素信息，但是用下面的代碼獲取不到。 const gl = document.querySelector("canvas").getContext("webgl2", { preserveDrawingBuffer: true }); render(); ...
帶有陰影的 ShaderMaterial 在 threejs v0.118.0 之后無法編譯
[英]ShaderMaterial with shadows doesn't compile after threejs v0.118.0
按照這個例子但是頂點着色器在 threejs v0.118.0 之后沒有編譯： https://codesandbox.io/s/shader-light-shadow-experiments-forked-5e14lh 您可以通過在側邊欄的依賴項部分中選擇不同的三個版本來在 codesandbox ...