Noisy Strokes Texture with Three.js and GLSL

Learn how to code up the noisy strokes effect seen on the website of Leonard using Three.js and GLSL.

The post Noisy Strokes Texture with Three.js and GLSL appeared first on Codrops.

In this ALL YOUR HTML coding session you’ll learn how to recreate the amazing noisy strokes texture seen on the website of Leonard, the inventive agency, using Three.js with GLSL. The wonderful effect was originally made by Damien Mortini.

This coding session was streamed live on May 9, 2021.

Support: https://www.patreon.com/allyourhtml

Setup: https://gist.github.com/akella/a19954…

The post Noisy Strokes Texture with Three.js and GLSL appeared first on Codrops.


Print Share Comment Cite Upload Translate
APA
Yuriy Artyukh | Sciencx (2024-03-28T21:30:15+00:00) » Noisy Strokes Texture with Three.js and GLSL. Retrieved from https://www.scien.cx/2021/05/10/noisy-strokes-texture-with-three-js-and-glsl/.
MLA
" » Noisy Strokes Texture with Three.js and GLSL." Yuriy Artyukh | Sciencx - Monday May 10, 2021, https://www.scien.cx/2021/05/10/noisy-strokes-texture-with-three-js-and-glsl/
HARVARD
Yuriy Artyukh | Sciencx Monday May 10, 2021 » Noisy Strokes Texture with Three.js and GLSL., viewed 2024-03-28T21:30:15+00:00,<https://www.scien.cx/2021/05/10/noisy-strokes-texture-with-three-js-and-glsl/>
VANCOUVER
Yuriy Artyukh | Sciencx - » Noisy Strokes Texture with Three.js and GLSL. [Internet]. [Accessed 2024-03-28T21:30:15+00:00]. Available from: https://www.scien.cx/2021/05/10/noisy-strokes-texture-with-three-js-and-glsl/
CHICAGO
" » Noisy Strokes Texture with Three.js and GLSL." Yuriy Artyukh | Sciencx - Accessed 2024-03-28T21:30:15+00:00. https://www.scien.cx/2021/05/10/noisy-strokes-texture-with-three-js-and-glsl/
IEEE
" » Noisy Strokes Texture with Three.js and GLSL." Yuriy Artyukh | Sciencx [Online]. Available: https://www.scien.cx/2021/05/10/noisy-strokes-texture-with-three-js-and-glsl/. [Accessed: 2024-03-28T21:30:15+00:00]
rf:citation
» Noisy Strokes Texture with Three.js and GLSL | Yuriy Artyukh | Sciencx | https://www.scien.cx/2021/05/10/noisy-strokes-texture-with-three-js-and-glsl/ | 2024-03-28T21:30:15+00:00
https://github.com/addpipe/simple-recorderjs-demo