Skip to content

Releases: gongnyang/awesome-html-scrolline-deck

Scrolline 2.0.0

Choose a tag to compare

@gongnyang gongnyang released this 08 Oct 13:05

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) in moves/_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-decade cover: text-mask-dive now 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-drop no 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)

  1. Links call takeoff() when the carried copy appears. While it flies, only the copy and the next beat underneath are visible.
  2. Moves that change mask-size or mask-position drive both together with driveValue, and a zoom focus must sit on a glyph stroke.
  3. Full-screen backgrounds stay behind content in depth.
  4. Run tools/transitions.mjs on every deck you change, not only tools/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

Choose a tag to compare

@gongnyang gongnyang released this 20 Sep 16:45
  • 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 with tools/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; verify settles 700 ms so captures match the scrubbed timeline. Schema documents links, rows, marks, caption, restartLabel.
  • CLI: add --url and qr --scene wire the QR into deck.json; unknown flags warn.

v0.1.0 — Scrolline Deck

Choose a tag to compare

@gongnyang gongnyang released this 20 Sep 04:17

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.