애니메이션 섹션이 있는 럭셔리 스마트워치 Three.js 랜딩 페이지
Three.js, Anime.js, Tailwind를 사용하여 럭셔리 스마트워치 랜딩 페이지를 구축한 다음, 고급 애니메이션 및 상호 작용이 포함된 다중 섹션 스크롤링 사이트로 개선하기 위한 Gemini 3 Pro의 상세한 다단계 프롬프트 시퀀스.
프롬프트
Three.js, Anime.js, Tailwind를 사용하여 고급 스마트워치 페이지용 HTML 파일 하나를 만드세요. 3D 시계 모델과, 베이지색 배경의 시계를 보여주는 둥근 구멍이 있는 어두운 질감의 오버레이를 만들고, 페이지 로드 시 헤더와 큰 숫자가 슬라이드인되도록 애니메이션을 적용하세요.
페이지를 더 전문적으로 만드세요. 정적인 구멍을 로드 시 열리는 홍채로 바꾸세요. 시계 페이스 위에 반사 효과가 있는 유리 돔을 추가하고, 금속 재질을 개선하며, 마우스 시차 효과를 추가하여 시계가 커서에 따라 회전하도록 하고, 시계 페이스에 시간과 피트니스 링을 그리세요.
단일 화면을 다중 섹션 스크롤 사이트로 전환하세요. 사용자가 스크롤할 때, 3D 시계가 각 섹션에 맞춰 움직이고 회전하도록 애니메이션을 적용하세요. 텍스트가 캔버스 위로 스크롤되는 동안 3D 캔버스와 배경은 고정하고, 시계만 움직이도록 하세요.
- 고정된 캔버스: 캔버스 위치 지정
이 프롬프트 사용법
- 1
위의 전체 프롬프트를 복사하세요.
- 2
Gemini 3 Pro을 지원하는 플랫폼(예: YouMind)을 열고 프롬프트를 붙여넣으세요.
- 3
원하는 아이디어에 맞게 주제, 스타일, 세부 정보를 바꾼 뒤 생성하세요.
이것은 YouMind 프롬프트 라이브러리의 무료 AI 프롬프트입니다. 복사하고 변형해 쓸 수 있는 수천 개의 웹페이지 프롬프트가 더 있습니다.
더 많은 웹페이지 프롬프트 보기
더 많은 프롬프트 기능
AI 라이브러리
AI 프롬프트 검색
AI가 수만 개의 프롬프트를 검색해줍니다. 모델·기간·키워드로 필터링하고 노출, 북마크, 리포스트 등 인기 지표로 정렬할 수 있어요.
비전 도구
이미지를 프롬프트로
어떤 사진이든 상세한 AI 이미지 프롬프트로 변환하세요. 무료 Image to Prompt 변환기가 구도, 스타일, 조명을 분석해 몇 초 만에 같은 느낌을 재현할 수 있습니다.
크리에이터를 위해, 영원히 무료.
YouMind는 전 세계 크리에이터가 신뢰하는 AI 창작 파트너입니다. 이곳의 모든 프롬프트는 더 빠르고 더 나은 창작을 돕기 위해 엄선되었습니다.