This project aims to capture the essence of the Japanese hanami experience where people gather to admire the fleeting beauty of the cherry blossom.

It's a representation of the beauty of an unreal nature where the details of the leaves and flowers are imaginary and always different.

While some trees in the animation are depicted in full bloom with delicate petals and lush leaves, other may yet have to blossom or may already have lost their blooms, or even don't have leaves or flowers at all.

Crafted entirely with lines of code in vanilla javascript, without the use of reference images or templates.

There are over 20 distinct features that define each token and the animation is also interactive

Each time the animation is played, it generates a unique and dynamic display of the blossom trees, while still maintaining the features defined by the underlying token.

You may also change the resolution or the layout at any time, or toggle the animation mode.



Commands

[1] Low resolution
[2] Normal resolution
[3] High res
[4] Super high res
[5] Print res (not animated)

[a] or [space] Reload in animation mode
[s] Reload in static mode
[d] Download snapshot in current resolution

Change layout:

[z] 1x2.5 (Portrait)
[x] 1x2
[c] 1x1.5 (default in mobile)
[v] 1x1 Square
[b] 1.5x1 (Landscape, default in desktop)
[n] 2x1
[m] 2.5x1

May be unresponsive on higher resolutions (in those cases turning off the animation mode is recommended)