Safari 14 WebGL alpha 與幀緩沖區渲染混合似乎已損壞

[英]Safari 14 WebGL alpha blending with framebuffer rendering seems broken

我最近遇到了一個非常奇怪的問題，我很好奇是否有其他人遇到過這個問題，或者是否有人可能會發現我的 WebGL alpha 混合 function 存在問題。 當啟用 alpha 混合並結合幀緩沖區渲染時，Safari 14 似乎沒有渲染任何內容。 它曾經在 Safari 13 中按預期工作，它也適用於 ...

如何在regl中寫入幀緩沖區？

[英]How to write to a framebuffer in regl?

我試圖在REGL中更新幀緩沖區內的紋理。 但由於某種原因，它不會更新幀緩沖區。 這是完整的代碼： const regl = createREGL({ extensions: 'OES_texture_float' }) const initialTexture = reg ...

嘗試在for循環內遞增變量時出現GLSL錯誤

[英]Glsl error when trying to increment a variable inside a for loop

上下文：我將一個統一的float數組傳遞給片段着色器，然后使用該數組中的值初始化一個float，最后嘗試使用以下代碼在for循環中增加此float： var regl = createREGL() var drawTriangle = regl({ vert: ` precisi ...

WebGL用三角形內的參考顏色進行插值

[英]WebGL interpolate with a reference color inside a triangle

使用regl，我嘗試使用WebGL繪制一個三角形，在其中我可以在三角形內的某個參考點處定義顏色，並使其他像素的顏色取決於它們到該點的距離。 到目前為止，它僅在此參考點是拐角之一時才有效： 從角落漸變 這是使用以下Vert和Frag着色器完成的： vert: ` ...

2D縮放指向webgl

[英]2D zoom to point in webgl

我正在嘗試使用WebGL創建2D圖形可視化（regl，更具體）。 使用我當前的實現，我已經可以看到強制布局應用於每個節點，這很好。 當我嘗試相對於當前鼠標位置進行縮放時出現問題。 根據我的研究，為了實現這種行為，有必要按以下順序應用矩陣變換： 因此，每次觸發wheel事件時，都會重 ...

嘗試使用 WebGL (regl) 的正交投影在屏幕空間坐標中繪制形狀

[英]Trying to draw shapes in screen-space coordinates using an orthographic projection with WebGL (regl)

使用 regl 我正在嘗試實現一個非常簡單的drawRect()函數，該函數最終將能夠在屏幕空間中傳遞 x、y、寬度、高度（屏幕左上角的原點為 0,0） 這是我到目前為止所擁有的： https://codesandbox.io/s/nn9qvxom4l 目前它繪制一個空白屏幕（我猜是由於投 ...

原語的Regl顏色和alpha混合

[英]Regl color and alpha blending of primitives

我試圖弄清楚如何使用Regl實現基元之間的顏色和alpha混合。 我知道Regl命令具有blend屬性，並且我嘗試過復制以下實現該技巧的webgl設置： 在Regl中使用以下blend設置： 但是混合似乎僅在背景顏色方面起作用，而在兩點之間卻沒有作用。 （請參見下面的示例 ...

什么時候將主要着色器功能與regl一起使用？

[英]When is it appropriate to use the main shader functions with regl?

構造着色器時，我注意到有時會使用一個名為main的void函數來定義着色器。 這似乎是main添加到着色器時由於被重復的。 我想弄清楚什么時候應該在main內部定義着色器，而不是僅在着色器的頂級定義空間內定義。 示例代碼從所述REGL教程 。 ...

iOS上WebGL着色器中的莫名其妙行為

[英]Inexplicable behavior in WebGL shader on iOS

我看到了一些我無法在編寫的WebGL着色器中解釋的奇怪行為。 對我而言，這不是專業領域，因此我很可能會誤解一些非常簡單的事情，但我不確定是什么。 我有一個Codepen在這里https://codepen.io/bjvanminnen/pen/XqMpvL說明了奇怪的行為。 發生 ...

將抗鋸齒圓與 regl 混合

[英]Blending anti-aliased circles with regl

我正在使用 regl 渲染圓圈，並有三個目標： 畫布應該是透明的，在其后面顯示 HTML 內容。 圓應該平滑地消除鋸齒。 重疊的圓圈應該看起來合理（混合顏色，不顯示角落） 到目前為止，我有這個：故障代碼和演示。 更新：演示鏈接現在反映了有效的、可接受的答案。 下面的代碼不變。 ...

React組件中的REGL渲染

[英]REGL rendering in a React component

我有以下代碼，試圖將看到的3d（使用REGL ）渲染到React組件App 。 起初看起來效果很好。 但是我注意到的是，如果我調整瀏覽器窗口的大小，則組件呈現的div高度會增加。 因此，任何窗口調整意味着直接將其轉換為高度的增長，直到div比窗口高。 我試圖了解REGL和REACT如何一 ...