Tags: makeabilitylab/js
Tags
Release 0.5.0: leaf drop + start-assembled for Leaf Fall Adds two opt-in capabilities to MakeabilityLabLogoLeafFall (the intro behavior is unchanged when neither is used): - dropLeaves(): drops every background grid triangle to the bottom of the screen into a pile (gravity-accurate fall, sideways drift, tumble to a random resting angle) while the logo stays fixed — its colored triangles (pinned grid cells), black M-shadow, translucent L, and outlines do not move. Tunable via groundStaggerMs / groundFallMinMs / groundFallMaxMs / groundPileSpread. - startAssembled option: renders the grid + logo fully assembled from the first frame (skips the fall-in intro) so nothing animates until dropLeaves() is called. Intended for things like a custom 404 page. Supporting change: buildIntroPieces now tags pinned grid pieces with isLogoColor (and carries each piece's source tri) so the drop can keep the colored logo fixed. Additive only — no change to colors, pinning, or motion; ZoomFade and GridFade behavior is unaffected. The Leaf Fall demo gains an 'F' key to trigger the drop. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
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>
Add IIFE builds and global hoisting, update docs Add IIFE (plain <script> tag) builds alongside existing ESM outputs and update documentation to document Quick Start, CDN IIFE URLs, and recommended usage for p5.js/education. rollup.config.js: introduce createModuleConfigs helper to generate ESM + IIFE outputs (including .iife.js/.iife.min.js), use extend/footer to merge/hoist common exports to window (Serial, SerialEvents, SerialState, Vector, lerp, etc.), and update header comments and output table. README.md: add a Quick Start for non-module usage, list IIFE CDN links, expand build table and explain which format to use. Remove legacy configs: rollup.config.simple.js and webpack.config.js have been deleted.