Repository navigation
Releases: gongnyang/awesome-html-scrolline-deck
Releases · gongnyang/awesome-html-scrolline-deck
Release list
Scrolline 2.0.0
First release of the rewrite. Everything below 2.0.0-alpha.0 still applies.
Added
- Transition check (
node tools/transitions.mjs <deck>): seeks through every link and step span of a deck and writes one strip per transition. Stop-only smoke checks miss defects that exist only while a beat hands over to the next one. takeoff(tl, ctx)inmoves/_shared/link.js: the shared start of every link. It hides the source node and the previous beat's root the moment the carried copy takes off.- Hub page: the gallery build gains
/all/, which lists every deck with its stop sheet, every video asset and the move library.
Fixed
rail-ai-decadecover:text-mask-divenow really dives. The size and position of the mask are written together on every render, so a previous move's mask position no longer wins, and the zoom runs in log space for a steady pull. The focus moved from the counter of the 0 (blank paper) onto the stem of the 1.rail-dropno longer leaves the full-frame source and the cover's paper over the next rail until the link ends, which made the rail pop in at once.- Full-screen ground layers sit 8 px behind their content, so a tilting camera can no longer depth-sort the ground over titles and rails.
Rules (CONTRACTS C7 v2.3)
- Links call
takeoff()when the carried copy appears. While it flies, only the copy and the next beat underneath are visible. - Moves that change
mask-sizeormask-positiondrive both together withdriveValue, and a zoom focus must sit on a glyph stroke. - Full-screen backgrounds stay behind content in depth.
- Run
tools/transitions.mjson every deck you change, not onlytools/smoke.mjs.
Hub (all decks, assets, moves): https://scrolline-v2-hub.vercel.app/all/
The 0.1.x code is kept on the legacy-v0.1 branch.
v0.1.1 — four decks, Pages gallery, demo trailer
- Three more example decks, each a different concept and palette, every picture a script-drawn infographic:
product-launch(light),annual-report,city-guide. All twelve techniques are now exercised across the examples. - GitHub Pages gallery of all decks: https://gongnyang.github.io/awesome-html-scrolline-deck/ (
scripts/site/build-examples.mjs). - One-minute demo trailer
docs/demo.mp4+ teaser GIF; regenerate withtools/demo/. - Handbook grows to 56 pages with a chapter-4 gallery of real captures from the four decks.
- Template fixes found by building the decks: parallax-video veil hid the clip; odometer clipped 3–4 digit figures; paper-assembly fan lost its centring; wipe-transform step number coerced to a number; anatomy-rows accepts
assets.marks; tilt-card caption legible over plates;verifysettles 700 ms so captures match the scrubbed timeline. Schema documentslinks,rows,marks,caption,restartLabel. - CLI:
add --urlandqr --scenewire the QR intodeck.json; unknown flags warn.
v0.1.0 — Scrolline Deck
Changelog
0.1.0 — 2026-09-20
First public release.
- Engine:
createDeck(GSAP ScrollTrigger pin/scrub, Lenis), frame scrub, presenter keys (→/Space,←,1–9/0,P,F,H,N), key landing at 35 % of each pin. - 12 scene techniques as templates: frame-scrub-hero, word-relay, kinetic-titles, horizontal-gallery, anatomy-rows, frame-scrub-video, parallax-video, paper-assembly, odometer-stats, wipe-transform, tilt-card, closing-qr.
- CLI:
init,add,frames,media,qr,check,verify,storyboard,upgrade. - Gates: static S0, G1–G4, lint L1–L3; browser G5–G10 driven by real wheel events (Playwright optional, global install auto-detected).
- Sample deck (6 scenes) with 18 QA captures; 28 tests; CI on Node 20/22.
- Companion handbook (Korean, 46 pages):
docs/스크롤로-발표하라.pdf.