How to Create Procedural Clouds Using Three.js Sprites

From our sponsor: Grow with Mailchimp's All-in-One Marketing Platform Today we are going to create an animated cloud using a custom shader material, extending the built-in Sprite material of Three.js. We'll assume that you are familiar with React (including Hooks), Three.js and React-Three-Fiber.