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!!**

Filter by
Sorted by
Tagged with
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, ...
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 ...
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 ...
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: &...
-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 ...
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

15 30 50 per page
1
2 3 4 5
439