Questions tagged [webgl]
WebGL extends the capability of the HTML canvas element to allow it to render accelerated graphics in any compatible web browser. **DO NOT TAG QUESTIONS ABOUT 3D LIBRARIES (like THREE.js) WITH THIS TAG** unless the question is specifically about a WebGL API feature. **DO NOT TAG QUESTION ABOUT UNITY WEBGL WITH THIS TAG!!**
webgl
6,771
questions
-2
votes
0
answers
6
views
Why react-unity-webgl doesn't working on iPhone?
it is possible that react-unity-webgl doesn't working on iPhone?
we tested it on iPhone 15, 15 pro max, 13, 11 and doesn't working.
these games doesn't working for me and my team on iPhones: TBFZ and ...
0
votes
1
answer
37
views
webgl2 trouble rendering float texture to canvas
If I use webgl2 to render something (e.g. a triangle) to an RGBA UNSIGNED_BYTE texture, then render that texture to the canvas, everything works fine. But I'm having trouble getting my example to work ...
- 3
0
votes
0
answers
30
views
Unity C++ WebGL build Error _ZN2cv3MatC1Ev
I'm trying this link to use OpenCV in unity. It works in UnityEditor but doesn't work in WebGL builds. Gives me errors when I try to build..
Errors :
Library\Bee\artifacts\WebGL\build\...
- 1
-2
votes
0
answers
30
views
Three JS Portal implementation artifacts
enter image description here
I need help, I'm trying to create a portal effect using a stencil buffer in three js . and obviously my code looks correct but I still get those artifacts when I increase ...
0
votes
0
answers
44
views
ThreeJS ShaderMaterial WebGL conversion
I'm working to convert the SplaTV WebGL library to use ThreeJS and I'm struggling to get it converted. The code in the original repo is challenging to understand as it's not documented and while I ...
- 194
0
votes
0
answers
14
views
Clearing multiple attachments on a target with different colors in three.js
I make a WebGLTarget with several attachments. I would like to clear them with different colors. So far the only solution i found was provided by ChatGPT and it basically does it on the webgl level ...
- 5,341
0
votes
2
answers
45
views
How can I use a matrix from CSS's matrix3d in a WebGL2 shader?
I currently have a CSS matrix3d transform I like, let's say this one for example:
transform: matrix3d(1.3453,0.1357,0.0,0.0003,0.2096,1.3453,0.0,0.0003,0.0,0.0,1.0,0.0,-100.0,-100.0,0.0,1.0);
...
- 203
0
votes
0
answers
23
views
Cesium Viewer Crashes when clipping is enabled
I have an entity which has mouse over event enabled, and I am picking the entity using scene.pick as shown below.
const pickedObject = viewer.scene.pick(movement.endPosition);
This is throwing an ...
- 1,013
0
votes
0
answers
23
views
Wrapping 2D mesh on top of another 3D mesh (BabylonJS/ThreeJS)
Is there a way to wrap (not just position and rotate) a 2D mesh (mesh with no depth - monogram) on top of some 3D mesh in BabylonJS or ThreeJS in a way that would distort the 2D mesh that would fit ...
0
votes
0
answers
38
views
pixi js on Node headless environment not utilizing GPU for hardware acceleration
I am using pixi.js in node environment with @pixi/node using Xvfb as Display server and headless-gl for webgl.
Using WebGl renderer with the use of xvfb. This way it is very slow.
But without it, in ...
1
vote
1
answer
106
views
Why is WebGPU performance so bad in my benchmark compared to WebGL?
Here's the code of my benchmark, tested it on Latest Chrome Canary on Win11 (with vsync disabled and fps unlocked).
WebGPU has around 1/3 the FPS of WebGL bench, I can't figure out why is that.
Code:
...
0
votes
0
answers
29
views
re upload same texture into the object make the object texture different and low quality
i tried to update the texture on my glb file with some texture images and same texture image, but it was always like has some striped on my texture after update map texture
here is my current texture ...
- 51
0
votes
0
answers
26
views
Using VideoTexture with ShaderMaterial
I'm currently trying to implement a scroll effect with THREE.js that meets the following conditions.
When the page is loaded the three element should be scaled down to 0.3.
When the page is scrolled ...
0
votes
1
answer
51
views
How to make 2 objects to collide each other?
Description
I am trying to make 2 objects to collide each other. The collision I am trying to make detects weather the 2 objects are touching / intersecting each other by first calculating their Box3(...
- 475
0
votes
1
answer
29
views
Adding color gradient to a webgl point
Is it possible to give a webgl point not a color but a color gradient?
In webgl I have created a 2D grid consisting of points with a position and a size using this minimal vertex shader:
precision ...
- 589