Skip to content

component

Clouds Generator

By Johnathan B.

Details

Summary

This component renders a dynamic, high-performance volumetric cloudscape using WebGL.

Description

This component renders a dynamic, high-performance volumetric cloudscape using WebGL. It is built with adaptive resolution and advanced shader optimizations to ensure a smooth frame rate on all devices. The animation is fully interactive and customizable through the property controls. Customization Options Animation Control: Adjust the Speed of cloud movement and set a maxFPS target to manage performance, especially on mobile. Camera & Interaction: Modify the Camera Angle X/Y for different perspectives and control the Mouse Effect Strength to define how much the scene reacts to cursor movement. Color Palette: Full creative control over the scene's aesthetic with customizable properties for sky, cloud, shadow, sun, glare, and sunlight colors. Contact me for support or about component creation in general :) Live Demo : https://abovetheclouds.framer.website

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600164408/148/228/309/79/15
  • All · #6126