Hi I have tried for a week to get this code to work now but I only get a white screen when trying to move all the canvas and texture. Maybe I can find some help here. I marked the few lines i suspect might be good to move out of the main loop with “!!!” So basically i just want to avoide re-creat…

Creating DOM canvas element inside the animation loop is not a good idea. When I try to fix your code, I see a green square moving diagonally inside black area (from top-left to bottom-right corner). Is this what it is supposed to look like? https://codepen.io/boytchev/full/MWqKYGg [image]

Shader on 2d canvas

Questions

hofk February 20, 2023, 5:14pm 5

1 Like

Topic		Replies	Views
How to get canvas as a texture to 'chain' together shaders Questions textures	1	1689	June 9, 2020
Bake glsl shader into a Texture? Questions textures , shaders	3	1613	December 5, 2022
Need to drawImage on 2D canvas the image data from THREE.WebGLRenderTarget Questions textures	4	4945	October 9, 2018
How can I copy a WebGLRenderTarget texture to a canvas Questions render-target , canvas	4	5886	February 21, 2021
Webgl shader into three js Questions shaders	6	1663	August 11, 2022

Shader on 2d canvas

Related topics