Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders

Learn how to apply a pixel/grid displacement to a texture in Three.js using shaders and GPGPU with a subtle RGB shift effect on cursor move.


This content originally appeared on Codrops and was authored by Jean Mazouni

Learn how to apply a pixel/grid displacement to a texture in Three.js using shaders and GPGPU with a subtle RGB shift effect on cursor move.


This content originally appeared on Codrops and was authored by Jean Mazouni


Print Share Comment Cite Upload Translate Updates
APA

Jean Mazouni | Sciencx (2024-08-27T13:41:52+00:00) Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders. Retrieved from https://www.scien.cx/2024/08/27/grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders/

MLA
" » Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders." Jean Mazouni | Sciencx - Tuesday August 27, 2024, https://www.scien.cx/2024/08/27/grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders/
HARVARD
Jean Mazouni | Sciencx Tuesday August 27, 2024 » Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders., viewed ,<https://www.scien.cx/2024/08/27/grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders/>
VANCOUVER
Jean Mazouni | Sciencx - » Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/08/27/grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders/
CHICAGO
" » Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders." Jean Mazouni | Sciencx - Accessed . https://www.scien.cx/2024/08/27/grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders/
IEEE
" » Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders." Jean Mazouni | Sciencx [Online]. Available: https://www.scien.cx/2024/08/27/grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders/. [Accessed: ]
rf:citation
» Grid Displacement Texture with RGB Shift using Three.js GPGPU and Shaders | Jean Mazouni | Sciencx | https://www.scien.cx/2024/08/27/grid-displacement-texture-with-rgb-shift-using-three-js-gpgpu-and-shaders/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts