I am working with WebGL 3D objects within p5.js (JavaScript). I have four somewhat complicated "separate" 3D objects which, when working as planned, will be manipulated with a mouseOver event. Ideally, when a user moves their mouse over one of…
i use requestAnimationFrame in a js webgl project where i change the pixel color from black to white on each frame by accessing a texture that contains the content of the last frame ) but the framerate exceeds the Hz…
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); transform-origin: 0 0; I am using a WebGL2 canvas and I'd like an image I've drawn on it to have the same transformation.…
I draw a unit sphere of objects (stars, sprites etc), which all have 3D coordinates on the "surface" of that sphere. The camera is at the center of it and I use perspective projection to show the resulting sky chart.…
I wanted to generate a chart with billions of data points. I can't apply aggrigation or segmentation-based techniques to reduce the number of data points, as all of them are equally important. Rendering charts client-side (in the browser) with these…
my webgl unity application is embedded into my js/html website with a react component, with the Unity screen set to the width of the browser window. the dev of the application calls a function to change the screen resolution at…
I have a page showing WebGL animation and the animation could be changed. As the animation should be changed, I remove the old canvas and then create a new canvas to perform the new animation: let canvasElem = null const…
I'm using selenium-docker project to run chrome inside a docker container, without XVFB (START_XVFB=false). I want to use webgl support. With chrome v95 and lower (https://github.com/SeleniumHQ/docker-selenium/releases/tag/4.1.0-prerelease-20211105), webgl is enabled (checking with https://get.webgl.org/). However, when using chrome v96 or later it…
Background- I'm working on an project that's a bit like After Effects or Photoshop - you can manipulate various visual layers, which are ultimately composited together. I am not satisfied with the blend modes available directly in WebGL, so I…
I'm trying to achieve making a gradient color as the design apps (Photoshop for example) does, but can't get the exact result i want. My shader creates very nice 'gradients' but also contains other colors that are different from the…