All Questions

Tagged with
Filter by
Sorted by
Tagged with
0
votes
0answers
32 views

How To Set SVG Image In WebGL To Be Used In Javascript?

I'm using the source code in https://codepen.io/at80/pen/tqdmv I want to use the SVG image in place of the objects being animated. Can you please help me to figure out how can I set the SVG image in ...
2
votes
2answers
81 views

WebGL textures from YouTube video frames

I'm using the technique described here (code, demo) for using video frames as WebGL textures, and the simple scene (just showing the image in 2D, rather than a 3D rotating cube) from here. The goal is ...
1
vote
0answers
46 views

How to simulate click on canvas with webgl by coordinates?

I want to simulate clicks on https://www.thesnidewalk.com/ For example simulate clicks on "walk" button at start menu. I tried this, got coordinates on button and made mouse event and ...
0
votes
0answers
29 views

What is the fractional precision of highp clip space coordinates in WebGL and WebGL2?

In MDN it says that: In WebGL1, the precision of highp is 2^-16, which is 0.00001525878. In other words, I only have the "resolution" of 5 digits after the decimal point, right? In WebGL2, ...
2
votes
1answer
35 views

Can I store signed 16bit value in single channel in webgl2?

Is there a way to store signed 16bit value inside single channel? Im trying to store it inside red channel like this: gl.texImage2D(gl.TEXTURE_2D, 0, gl.R16I, width, height, 0, gl.RED, gl.SHORT, ...
0
votes
1answer
211 views

Can Not Overlay div Over Full Screen Canvas for Unity WebGL Build

I want to overlay a div in front of full-screen Unity - Canvas. I can overlay it when it is not full screen but can not figure out how to overlay div front of Unity Canvas while canvas is in full-...
-1
votes
2answers
65 views

how to force a canvas size to real size of a window in pixels, disregarding the zoom factor of the browser?

I'm working on this website : sphere.mars2540.com. Is there any way in javascript or css to force the canvas size not to scale regarding the zoom factor of the page and to constantly correspond to the ...
0
votes
0answers
25 views

Why doesn't the browser paint the canvas when an image is either added or animated?

I was looking at browser performance and the steps it takes to render a web page. I could see that if elements are separated as layers in HTML, there is no need to paint the specific element again ...
0
votes
0answers
166 views

How to save WebGL canvas as PNG in Selenium?

I need to save a canvas element as a png image for automated tests. The problem is that data is placed in webgl context so solution like How to save a canvas as PNG in Selenium? doesn't work for me (...
0
votes
0answers
13 views

Animating HTML5 Canvas textures in WebGL

I'm using plain WebGL (no Three.js so no CanvasTexture) and I have a canvas element that I'm animating and also using as a texture on a 3D object. Right now on every render loop, I'm calling ctx....
1
vote
0answers
47 views

How to resize the graphic shapes in Pixijs (using vertex pointers) similar to what we do in paint or word applications?

I am able to draw and resize the graphics shapes statically using pixijs. I want to resize the shapes dynamically using the vertex pointers similar to the following image - Can anyone please guide me ...
0
votes
0answers
59 views

How to implement the various globalCompositeOperations in WebGL?

I'm migrating my project from Javascript Canvas to Javascript WebGL. In some portions of my code I used Canvas's globalCompositeOperation for things such as lighting and fog. Now that I am using WebGL ...
1
vote
0answers
51 views

Pixel coordinates for WebGL canvas context different than 2d context canvas

I have two canvases. One is 2d and the other is webgl. However giving them the same positioning coordinates their contents lie on different places. Even though the contents of one canvas should be on ...
1
vote
1answer
43 views

how to load next string when i erase particle text?

I am new to vanilla js and webgl content. I created a particle text which get distorted on mouse hover. and whose particles are connected with each other with a line. the code is as follows. const ...
0
votes
0answers
59 views

WebGL Chroma Key filter strange on iPhone

I'm working on a project where the goal is to print a video without background to the screen on a website. It must be cross-plateform. My first try was to simply read the video, processing each frame ...

15 30 50 per page
1
2 3 4 5
13