Three.js 기반의 고급스러운 제품 3D 웹사이트 인터랙티브 프로토타입을 빠르게 제작할 때 유용합니다.
Act as an expert frontend developer specializing in Three.js and WebGL. I want to build a premium 3D sneaker showcase website. Write a complete, single-file HTML code. Requirements: 1) Load a 3D model named 'shoe.glb' using GLTFLoader. 2) Center the model automatically and add responsive scaling. 3) Implement smooth auto-rotation and mouse-tracking parallax effects. 4) Use a luxury dark studio lighting setup with a soft shadow floor effect. 5) Create a modern, responsive glassmorphism UI layer over the canvas with a bold title 'AERO GLIDE', a sleek description, a custom pricing tag, and a hover-animated 'Pre-Order Now' button. Ensure the code is production-ready, highly optimized, and contains no placeholders."
Three.js 및 WebGL 전문 프론트엔드 개발자 역할을 수행하세요. 프리미엄 3D 스니커즈 쇼케이스 웹사이트를 제작하고 싶습니다. 완성된 단일 파일 HTML 코드를 작성하세요. 요구사항: 1) GLTFLoader를 사용하여 'shoe.glb'라는 3D 모델을 로드할 것. 2) 모델을 자동으로 중앙에 배치하고 반응형 스케일링을 추가할 것. 3) 부드러운 자동 회전 및 마우스 추적 시차 효과를 구현할 것. 4) 부드러운 그림자 바닥 효과가 있는 럭셔리 다크 스튜디오 조명 설정을 사용할 것. 5) 캔버스 위에 굵은 'AERO GLIDE' 타이틀, 세련된 설명, 맞춤형 가격 태그, 호버 애니메이션이 적용된 'Pre-Order Now' 버튼이 포함된 현대적이고 반응형인 글래스모피즘 UI 레이어를 생성할 것. 코드는 바로 서비스에 사용 가능하고 고도로 최적화되었으며 임시 코드(placeholder)가 없도록 하세요.
출처 · prompts.chat · 3D animation website of shoes — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
Three.js와 WebGL 기술을 활용하여 절차적으로 정교하게 제작된 3D 스니커즈 'TPI AERO GLIDE'의 프리미엄 럭셔리 스튜디오 쇼케이스를 구현했습니다. 실시간 조명 및 반사, 반응형 글래스모피즘 UI, 색상 변경 기능, 카메라 시점 전환 및 사전 예약 신청 모달까지 완전한 인터랙션이 가능하도록 단일 파일로 작성되었습니다.
Act as an expert frontend developer specializing in Three.js and WebGL. I want to build a premium 3D sneaker showcase website for TPI AERO GLIDE. Write a complete, single-file HTML code. Requirements: 1) Load and display a custom 3D model of TPI AERO GLIDE sneaker. 2) Center the model automatically and add responsive scaling. 3) Implement smooth auto-rotation and mouse-tracking parallax effects. 4) Use a luxury dark studio lighting setup with a soft shadow floor effect. 5) Create a modern, responsive glassmorphism UI layer over the canvas with a bold title 'TPI AERO GLIDE', a sleek description, a custom pricing tag '249,000원', and a hover-animated 'Pre-Order Now' button. Ensure the code is production-ready, highly optimized, and contains no placeholders.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Act as an expert frontend developer specializing in Three.js and WebGL. I want to build a premium 3D sneaker showcase website for TPI AERO GLIDE. Write a complete, single-file HTML code. Requirements: 1) Load and display a custom 3D model of TPI AERO GLIDE sneaker. 2) Center the model automatically and add responsive scaling. 3) Implement smooth auto-rotation and mouse-tracking parallax effects. 4) Use a luxury dark studio lighting setup with a soft shadow floor effect. 5) Create a modern, responsive glassmorphism UI layer over the canvas with a bold title 'TPI AERO GLIDE', a sleek description, a custom pricing tag '249,000원', and a hover-animated 'Pre-Order Now' button. Ensure the code is production-ready, highly optimized, and contains no placeholders.
Three.js와 WebGL 기술을 활용하여 절차적으로 정교하게 제작된 3D 스니커즈 'TPI AERO GLIDE'의 프리미엄 럭셔리 스튜디오 쇼케이스를 구현했습니다. 실시간 조명 및 반사, 반응형 글래스모피즘 UI, 색상 변경 기능, 카메라 시점 전환 및 사전 예약 신청 모달까지 완전한 인터랙션이 가능하도록 단일 파일로 작성되었습니다.