https://gemini.google.com/share/c4d0a1a7c71a
Gemini 3D 웹앱 생성 CO-STAR 프롬프트
Context (배경) 사용자가 웹 브라우저에서 인터랙티브하게 조작할 수 있는 3D 요소가 필요합니다. Three.js 라이브러리를 활용하여 시각적으로 명확한 직육면체 모델을 구현하려고 합니다.
Objective (목표) 마우스 드래그와 스크롤을 통해 자유롭게 제어할 수 있는 '무지개 색상 직육면체'를 생성하는 HTML/JavaScript 코드를 작성해 주세요.
Style (스타일) 코드는 깔끔하고 읽기 쉬워야 하며, 초보자도 이해할 수 있도록 각 주요 설정(장면 생성, 기하학 구조, 재질, 컨트롤 등)에 주석을 상세히 달아주세요.
Tone (어조) 전문적이면서도 친절한 개발 가이드 톤으로 작성해 주세요.
Audience (청중) Three.js를 처음 접하거나 기본 기능을 빠르게 구현하려는 웹 프론트엔드 개발자.
Response (응답 형식)
OrbitControls를 포함한 전체 HTML 파일 구조.CDN 방식으로 라이브러리를 불러오는 방식 사용.
다음의 세부 사항이 포함된 코드:
객체:
BoxGeometry를 사용한 직육면체.색상: 6개 면에 각각 다른 무지개 색(빨강, 주황, 노랑, 초록, 파랑, 보라) 적용.
조작:
OrbitControls활성화 (드래그 회전, 스크롤 줌).설정: 자동 회전(
autoRotate) 비활성화 및 배경색 설정.
