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
1answer
10 views

WebGL Shader, modify position according to variable

I'm following the advice in this SO post. I want this blob to turn into other 3D models and back (like this). This set me on the path of Morphing, but I want to use shaders. The SO post (first link) ...
-1
votes
0answers
6 views

Three.js Binding Two Model Bones Each Other

I’m working on CS:GO skins and I need some helps on animations. I have 2 objects which are weapon and hand models. Weapon has all the animations I need and I can play different ones with mixer. ...
0
votes
0answers
13 views

Is WebGL fast than Canvas API for drawing a bunch of 2D objects❓❓

sorry if this is a dumb question. I was trying to build a whiteboard as a side project using HTML canvas, and was wondering what's the best technology for doing that. My goal is to build a Miro like ...
-1
votes
0answers
20 views

Openlayers 6 WebGL points layer rotation style function is not working as expected

I followed the official example and implemented rotation style in my GIS app, but the image only rotates when I trigger some other animations, otherwise the image won't rotate as expected. As the ...
0
votes
0answers
16 views

How to implement an openGL ES2.0 shader in threeJS

The Goal I'm attempting to convert a shader written in an Android friendly GLES20 syntax to something that will work with the likes of threeJS. Most of the uniforms for the fragment shader are ...
0
votes
0answers
9 views

What are gl.MAX_TEXTURE_SIZE and gl.MAX_RENDERBUFFER_SIZE exacly?

I would like to display a graphic (map) in a canvas. Now this error message appears for large displays: WebGL warning: width/height: Requested size 8316x3141 was too large, but resize to 4158x1570 ...
0
votes
1answer
18 views

Unable to shorten flow field vectors

I have this program where I'm trying to make a flow field. I wanted to use the vectors I use to make the noise to be available for the particles moving through the flow field, so they can use it to ...
0
votes
2answers
28 views

How does one pass an array with no fixed size into the vertex shader?

I have an array with no fixed size (let noise = [];) in my .js file where it stores the noise values for a point (noise[i] -> a single point). I was wondering if I'm able to pass all the values ...
1
vote
1answer
27 views

Make Image to Particles with Three JS in Next JS

now im learning about Three JS and now im in blocker that my expectation should be like this: but now my code not shows any view, where my code was like this: import { useEffect } from "react/...
0
votes
0answers
13 views

Texture atlas to texture array via PIXEL_UNPACK_BUFFER

I have two questions: First, is there any more direct, sane way to go from a texture atlas image to a texture array in WebGL than what I'm doing below? I've not tried this, but doing it entirely in ...
0
votes
0answers
16 views

Render problems on Safari mousemove

Here is codepen ( https://codepen.io/tst-vtv/pen/jOGjdmM?editors=0100 check link ) to reproduce the problem This work like I need in chrome and firefox but safari killing me :( Steps: click in white ...
1
vote
0answers
19 views

WebGL requestAnimationFrame is drawing a blank screen

I'm trying to build a small 2d game and right now I'm stuck at a small progress bar. I'm trying to make it so whenever someone goes to the game, a progress bar will be animated by going to the other ...
-1
votes
0answers
13 views

Vertical scrolling through stacked cards [closed]

I was looking to re-create this effect that is displayed on The Unknown Face website. https://theunknownface.com/en/stories/ Here is a link to a screen-recording of the effect I want to achieve. ...
-3
votes
0answers
29 views

how do i move the wepon with the camera [closed]

How To Move The Gun With The Camera I Already Have A camera,renderer,scene,lock function and wepon object const controls = new PointerLockControls(camera, document.body); var movingSpeed = 0.1; ...
1
vote
1answer
39 views

WebGL: read from a texture and write the output to a second texture

I am using WebGL2. I have two programs. Program 1 renders my favorite triangle, in my favorite color, into a texture, for safe keeping. Program 2 reads the output of program 1 (the first texture) and ...

15 30 50 per page
1
2 3 4 5
413