Commit 418aea8
Release 0.4.0: add Leaf Fall and Z-Zoom logo intro animations
Two new framework-agnostic logo intro animations in the same family as
MakeabilityLabLogoGridFade:
- MakeabilityLabLogoLeafFall: a full-canvas triangle grid flutters down
from the top like falling leaves (horizontal sway + tumble that settle to
exact rest), then the logo's pieces fall in to complete it. Outlines fall
as their individual M/L line segments, randomly sequenced.
- MakeabilityLabLogoZoomFade: pieces fly in toward the viewer from a shared
perspective origin, sweeping inward and shrinking to land on the screen
plane, with per-piece depth variation for a true 3D feel.
The colored logo emerges from the backing grid (its 12 colored cells are
pinned to the logo colors) rather than dropping redundant copies; only the
black M-shadow, translucent L overlay, and outline segments fall/zoom in on
top. Shared grid-alignment, piece-building, and transform helpers are
factored into makelab-logo-intro-utils.js, and GridFade is refactored to
reuse them (no behavior change).
Includes demo apps for both animations and rebuilt dist/ bundles.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>1 parent 3f7a135 commit 418aea8
25 files changed
Lines changed: 3784 additions & 117 deletions
File tree
- dist
- src
- apps/makelogo
- MakeabilityLabLogoLeafFall
- MakeabilityLabLogoZoomFade
- lib/logo
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
0 commit comments