Scrolline

스크롤 한 칸이 장면을 이어 가는 발표 덱.Decks where each scroll step carries the scene forward. 장면 경계 없이 timeline 하나로 흐르는 실무 발표 6종.Six real-world decks, each one continuous timeline.

어떻게 다른가How it differs

빠른 시작Quick start

Node 22 이상. 컨셉 하나를 골라 덱을 만들고 dev 서버에서 scroll로 확인합니다.Node 22 or later. Pick a concept, create a deck, and scroll through it on the dev server.

$ git clone -b v2 https://github.com/gongnyang/awesome-html-scrolline-deck scrolline
$ cd scrolline && npm install
$ npm run deck -- new my-deck --concept rail && npm run dev

브라우저에서 /decks/my-deck/ 를 엽니다. MP4가 필요하면 npm run export -- my-deckOpen /decks/my-deck/ in the browser. For an MP4, run npm run export -- my-deck

move 라이브러리Move library

장면을 잇는 동작 80개. family별로 고르고, 어느 덱에서 쓰는지 바로 열어 봅니다.Eighty moves that join one beat to the next. Browse by family and jump to the decks that use them.

move 80개 보기Browse all 80 moves
초점·밝기Focus and lightreveal글자Typetype모양 넘기기Shape handoffmorph카메라Cameracamera시간 레일Time railrail차트·숫자Charts and numbersdata영상·마스크Video and masksmedia갈라지고 모임Split and assembleassemble조준·주석Aim and annotateemphasis