프롬프트 도감 › No.847
스크롤하면 움직이는 3D 시계 페이지
Luxury 3D Watch Page
스크롤하면 시계가 돌고, 분해되고, 다시 조립되는 5단계 3D 제품 소개 페이지의 설계와 코드를 요청해요. 빛 표현 코드(셰이더)와 카메라·조명 수치까지 구체적으로 받아요.
이럴 때 제품 랜딩 페이지, 포트폴리오, 3D 웹 공부
도구 Gemini 3
프롬프트
고급 손목시계용 3D 제품 경험 페이지를 디자인합니다. **타겟 사용자:** 30~50세의 부유층 고객, 시계 애호가, 사업가. **브랜드 톤:** 럭셔리 × 테크 (현대적이고 세련된 하이엔드 느낌). 스크롤 경험 (5개 섹션): 히어로 섹션 – 손목시계가 어둠 속에서 회전하며 서서히 빛 속으로 나타납니다. 홀로그램 효과와 커스텀 셰이더를 사용한 프레넬 반사를 구현합니다. 디테일 줌 – 다이얼의 클로즈업. GLSL을 사용하여 금속 반사, 시차 매핑, 실시간 광택을 구현합니다. 메커니즘 분해 – 시계가 분해되고 내부 무브먼트가 공간에 떠다닙니다. 변위 셰이더를 사용하여 에너지 필드 효과를 내고 각 부품에 글로우 효과를 추가합니다. 재료 경험 – 다양한 재료 변형을 전환합니다. PBR 셰이더로 금속성, 유리 굴절, 티타늄의 무광 질감을 물리 기반 방식으로 표현합니다. 엔딩 – 시계가 재조립되고, 커스텀 셰이더로 만든 추상적인 그라데이션 메시 배경이 나타납니다. 블룸 및 피사계 심도와 같은 후처리 효과를 적용합니다. **기술 스택:** Next.js 15 + Three.js + React Three Fiber + GLSL (커스텀 셰이더) + react-postprocessing + Lenis. 셰이더 요구 사항: 프레넬 반사 셰이더 (림 라이트 효과) PBR 재료 셰이더 (거칠기, 금속성, AO) 홀로그램 셰이더 (무지개빛 간섭 효과) 변위 셰이더 (물결 및 왜곡 효과) 커스텀 배경 셰이더 (그라데이션 노이즈) 후처리: Bloom, ChromaticAberration, DepthOfField, Vignette. 다음 항목에 대한 구체적인 수치를 제안해 주세요. 각 섹션의 스크롤 범위 (% 또는 vh 단위) 애니메이션 매개변수 (위치, 회전, 스케일 등의 시작/종료 값) 이징 함수 (이징 유형) 카메라 FOV, 위치 및 타겟 값 조명 설정 (강도, 색상, 위치) 각 셰이더의 유니폼 값 (시간 진행, 스크롤 진행, 색조, 강도 등).
팁
- 시계 대신 내 제품으로 바꿔 요청해 보세요
- 어려우면 섹션별로 나눠서 요청하세요
출처
권리: CC BY 4.0 (YouMind-OpenLab/awesome-gemini-3-prompts). 원작자: Shin@プログラミングチュートリアル. 이미지도 같은 라이선스. 사례집 고지에 따라 권리자 요청 시 삭제.