클로드(Three.js + GSAP)로 스크롤 스토리텔링 웹사이트를 구축하세요.
Wikiprompt, 무료 프롬프트 백과사전에서
클로드(Three.js + GSAP)로 스크롤 스토리텔링 웹사이트를 구축하세요. Claude와 함께 시네마틱 스크롤 스토리텔링 웹사이트를 바이브 코딩하기 위한 짧은 빌드 레시피로, Three.js, GSAP ScrollTrigger, Lenis.js와 함께 두 개의 프롬프트를 짝지어 사용합니다.
관련 미디어
프롬프트 내용저장
🌐
1단계 - 프롬프트:
"각 스크롤 섹션이 유동적인 색상 전환과 함께 새로운 챕터를 드러내는 스토리텔링 웹사이트를 구축하세요."
2단계 - 커서에 반응하는 페인트 텍스처 배경에 Three.js를 사용하세요
3단계 - 프롬프트:
"GSAP ScrollTrigger를 추가하여 각 섹션이 영화적 장면처럼 애니메이션되게 하세요."
4단계 - 프리미엄 사이트가 가진 버터처럼 부드러운 스크롤을 위해 Lenis.js를 사용하세요.
전체 프롬프트를 보려면 로그인하세요
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
사용법
이 프롬프트는 coding와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.
최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.
토론
댓글 0개