This personal site is created without any specific UI framework, just using core technologies and some helper libraries.
These are generated and animated procedurally with randomised amount and shape of participating elements. The core effect is implemented using a classic technique via the SVG filters (blur + contrast).
The rest is achieved with tuning of the shapes, sizes, colors and animation timings to provide with "lava-lamp" like effect.
See the source code for more details.
Implemented using a similar technique as the blobs, but with a different set of initial transforms and layout for the underlying elements
Example of a section splitter without the filters applied
- Detects if User tries to scroll through the page on mobile while tapping within the visualisation using gesture detection
- Fancy dynamic resize
- Game-engine like scene/component architecture with draw/update loop
- Scene - ECS-like scene implementation
- Drawable, Transformable, Updatable interfaces for the visualisation components
- LERP for values and transforms
- Scene - ECS-like scene implementation
See the source code for more details.