Skip to main content
100%

loolo

✓ Published0🌍 Public
Aaktraiser
Last edited Oct 27, 2017
Created on Oct 27, 2017

This animated visualization uses Pixi.js to render thousands of small blue dots as sprites, which transition between two distinct configurations. Initially, the dots assemble to form the outline of an eye, loaded from an SVG path. The animation then shifts the points to spell the word "viSFest" using a rasterized text target. A D3 force simulation with collision detection and velocity decay drives the smooth transition between states, with dots spawning at random positions when activated and disappearing when not needed. The dot radius and spacing are responsive to the window width, and the eye outline is proportionally scaled using the golden ratio.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/aktraiser/'>aktraiser</a>'s block: <a href='http://bl.ocks.org/aktraiser/c86b5fbc42d8637f4f89487584d806fa'>loolo</a>

forked from <a href='http://bl.ocks.org/aktraiser/'>aktraiser</a>'s block: <a href='http://bl.ocks.org/aktraiser/d82c278e32c6a7bdc93e5e05be56fe4d'>loolo</a>

forked from <a href='http://bl.ocks.org/aktraiser/'>aktraiser</a>'s block: <a href='http://bl.ocks.org/aktraiser/6a1bab160de1355684c998c809a11983'>loolo</a>

mit Licensed

Similar vizzes