Noise Pattern Reconstruction from Monopo Studio

In this coding tutorial you learn how to recreate the noise pattern seen on the Monopo Studio website using Three.js

In this new ALL YOUR HTML coding session we’ll be reconstructing the beautiful noise pattern from Monopo Studio’s website using Three.js and GLSL and some postprocessing.

Monopo Studio: https://twitter.com/monopo_en

Developer: https://twitter.com/bramichou

This coding session was streamed live on February 20, 2022.

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

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

Yuri Artiukh

Yuriy is a developer from Kyiv, Ukraine. Leading a small frontend agency riverco.de, also speaking at conferences, and open for freelance projects. Curious about CSS and shaders. Loves to learn every day.

Stay in the loop: Get your dose of frontend twice a week

Fresh news, inspo, code demos, and UI animations—zero fluff, all quality. Make your Mondays and Thursdays creative!