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!!**
6,582
questions
0
votes
0
answers
15
views
Three.js - how to set childnode position based on parent rotation?
I have a THREE.Group() object which contains several child nodes. I also have a raycaster that is connected to users mouse pointer so that the user can select objects in the group by clicking on them. ...
0
votes
0
answers
13
views
snoise3' : no matching overloaded function found with Next.js and Webpack
Having issues loading glsl shaders in a Next.js project. More specifically, when attempting to load the glslify function 'snoise3', I am prompted with the following error message:
WARNING: 0:64: '...
0
votes
1
answer
22
views
WEBGL applying animation to only specific objects among others
The objective of this work is to produce a big white circle in the center of the Canvas. Then on the circumference of the big circle, there will be 10 small circles of different colors. These 10 small ...
- 23
0
votes
0
answers
25
views
Fail to apply colors to object in WEBGL
Update to the question, the objective is to draw a circle that each vertice that has a random color.
I have all 1500 vertices with random colors but the colors in the circle appear to have a pattern.
...
- 23
-4
votes
0
answers
33
views
CLICKABLE ELEMENT - PERIODIC TABLE THREE.JS [closed]
I am using this code pen,https://codepen.io/soli/pen/RRoEYm to try to figure out if by any means, I am able to make an element of the periodic table, clickable, so that I can open a new HTML page, ...
- 1
0
votes
1
answer
34
views
Unity trying to make downloaded webGL game go fullscreen automatically [duplicate]
I have a Unity webGL game I downloaded from the web. I don't know what version of unity it was made in.
It starts playing in a small canvas with other stuff on the page like Unity logo, there is a ...
- 2,695
0
votes
0
answers
41
views
what is the use and role of texSubImage2D?
After a lot of searching, I managed to get the texSubImage2D function to work. Simply what I haven't found is: what is this function for. In the example below I made a nice effect. In short, I know ...
- 333
0
votes
0
answers
32
views
Smooth / blur WebGL Polygons
I have some code that generates two WebGL triangles, one green and one blue, and puts them on a mapbox-gl-js map. The four coordinates are those of four European cities. Here is the code I have:
&...
- 139
-1
votes
1
answer
92
views
What are the differences between WebGL, WebGPU and WASM with OpenGL? [closed]
I'm confused about the technologies listed above.
I understand that WebGPU is somehow faster than WebGL. Why is that, I couldn't find...
WebGL, WebGPU and OpenGL (C++) all need WebAssembly to run in ...
0
votes
0
answers
14
views
add "Content-Encoding: br" header in Firebase
I deployed a js project on Firebase that is basically a container for a Unity WebGL app.
I am using Brotli as a compression format for the Unity build data that need to be loaded when the page is ...
1
vote
0
answers
19
views
Vue - vue3-particles Error - n.component is not a function Error during render
Hello :) I want to render particles from liblary text
Its totally basic example from this tutorial in link. But i Have this weird problem in console...
enter error image description here
I can Show ...
-2
votes
0
answers
28
views
how to add webgl fluid simulation in backside of the website? [closed]
<script src="https://unpkg.com/[email protected]"></script>
<canvas style="width: 100vw; height: 100vh;"></canvas>
if add this it works but it comes ...
- 13
0
votes
0
answers
25
views
3D rotation of a 2D image with WebGL Canvas?
I would like to perform a 3D rotation of an image from the center with WebGL.
Here is an example of the type of rotation I want to achieve :
My goal is not to make a 360° rotation as in the image ...
- 41
1
vote
0
answers
33
views
gl_FragColor.a makes my canvas transparent when using Multiply Blending mode
I've created a simple shader where the alpha gl_FragColor.a is 0 or 1, based on a sine wave:
void main() {
gl_FragColor.rgb = vec3( vUv.x, vUv.y, 0.0 );
float sinWave = vUv.y + sin(time * 5.0 ...
- 24.9k
0
votes
0
answers
18
views
How to calculate the 4 pairs of coordinates (x,y) of the perspective to make a rotation Z around the center?
I use the glfx.js library to make a projection and I would like to calculate the 4 pairs of coordinates of the projection (x,y) from a given angle.
This way I could then make a 3D rotation animation ...
- 41