요즘AIby REMO
자료실로 돌아가기
요즘AI Workbook

스크롤하면
꽃이 피는 히어로

AI 영상 생성(Higgsfield)으로 개화 타임랩스를 만들고, 스크롤 위치를 영상 재생 시점에 연결합니다. 내리면 꽃이 피고, 올리면 다시 봉오리로 되감기는 인터랙티브 히어로를 코드 몇 줄로 만듭니다.

HERO PREVIEW · Higgsfield ✕ scroll-scrub

꽃 고르기

개화 '순간'이 극적인 꽃일수록 스크럽 맛이 삽니다. 장미·양귀비·부케 추천.

프롬프트 작성

카메라 고정·줌 없음·컷 없음·봉오리에서 개화. 이 4개가 핵심 제약.

영상 생성

Higgsfield로 10초·16:9·무음. Seedance 2.0 우선, 실패 시 Kling 3.0.

스크롤 스크럽 연결

스크롤 진행도를 video.currentTime에 매핑. sticky + rAF 보간.

Why

스크롤이 곧 재생 시간이 됩니다

일반 배경 영상은 그냥 자동재생 루프입니다. 여기서는 스크롤 위치를 영상의 재생 시점과 1:1로 연결합니다. 내리면 꽃이 피고, 올리면 봉오리로 되감깁니다. 카메라가 고정된 원테이크 타임랩스라 어느 방향으로 스크롤해도 자연스럽게 이어집니다.

일반 배경 영상

자동재생 · 사용자와 무관

스크롤 스크럽

스크롤 = 재생 · 몰입 인터랙션

Live demo

직접 스크롤해 피워보세요

아래 프레임을 지나가며 스크롤하면 실제로 봉오리 → 만개까지 재생됩니다. (이 사이트에 임베드된 실제 영상)

01
봉오리
여민 꽃봉오리들이 고요히 잠들어 있습니다.
  1. 봉오리
  2. 벌어짐
  3. 피어남
  4. 만개
영상 불러오는 중…
회원 전용

여기부터는 무료 회원에게
전체 공개돼요

가입은 10초면 끝나요. 비용은 없고, 가입하면 자료실의 모든 워크북·프롬프트를 바로 볼 수 있어요.

  • 꽃 고르기 기준
  • 영상 생성 프롬프트 원문
  • 생성 설정
  • 스크롤 스크럽 연결 코드

가입 시 개인정보처리방침 및 이용약관에 동의하고
만 14세 이상임을 확인한 것으로 간주됩니다.