인터랙티브 조작과 날씨 전환이 가능한 3D 정글 보트 항해 씬 코드를 작성합니다.
Build a fullscreen, responsive Three.js boat ride set in a narrow jungle waterway. Use a third-person camera following an empty wooden rowboat with a pointed bow, broad sides, flat stern, visible floorboards and seats, no oars, a dry interior, and a hull slightly submerged in the water. Let users steer with WASD or arrow keys and touch controls. Make the scene nocturnal and mystical: dense, varied, realistic dark-green trees on both banks, subtle wind, a detailed full moon, and broken moonlight reflected across animated water. Use convincing moving waves, distorted reflections of the boat and trees, and a wake that follows the boat’s traveled path and fades naturally no fixed glowing marks or hard circular borders. Add a weather toggle for moonlit night, warm dawn, and overcast rain; in rain mode, show falling drops and small, short-lived impact ripples shaped by the water’s waves. Add optional, subtle water, jungle, and rain ambience. Keep the interface minimal. Verify the visuals, controls, audio, counter, and all three weather modes on desktop and mobile.
좁은 정글 수로를 배경으로 한 반응형 전체 화면 Three.js 보트 주행 씬을 만드세요. 뾰족한 뱃머리, 넓은 옆면, 평평한 선미, 바닥 널빤지와 좌석이 보이고 노가 없는, 물에 약간 잠긴 마른 내부의 빈 목조 조각배를 따라가는 3인칭 카메라를 사용하세요. 사용자가 WASD, 방향키, 터치 컨트롤로 조종할 수 있게 하세요. 밤의 신비로운 분위기로 연출하세요: 양쪽 기슭의 울창하고 다채로운 짙은 녹색 나무들, 은은한 바람, 디테일한 보름달, 일렁이는 물결에 부서져 반사되는 달빛을 표현하세요. 자연스러운 파도 움직임, 배와 나무의 왜곡된 반사, 부자연스러운 빛 자국 없이 자연스럽게 사라지며 배의 경로를 따르는 뱃길 항적(wake)을 구현하세요. 달밤, 따뜻한 새벽, 흐린 비의 3가지 날씨 토글을 추가하세요. 비 모드에서는 떨어지는 빗방울과 파도에 맞춰 생성되는 잔물결을 표시하세요. 은은한 물소리, 정글 소리, 빗소리 앰비언스를 선택 적용할 수 있게 하세요. 인터페이스는 미니멀하게 유지하고, 데스크톱과 모바일에서 비주얼, 조작, 오디오, 3가지 날씨 모드를 모두 검증하세요.
출처 · GitHub TripoGrowthLab/awesome-astra-prompts — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
Three.js를 활용하여 밀림 속 울창한 수로를 따라 항해하는 3인칭 목선 보트 체험 화면을 구현했습니다. 실시간 수면 파동 및 항적 셰이더, 3가지 날씨(신비로운 달빛 밤, 따뜻한 여명, 흐린 비) 변환 기능과 웹 오디오 기반 실시간 환경음, 자동 시연 및 수동 키보드/터치 조종 기능을 완벽하게 채워 넣었습니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Build a fullscreen, responsive Three.js boat ride set in a narrow jungle waterway. Use a third-person camera following an empty wooden rowboat with a pointed bow, broad sides, flat stern, visible floorboards and seats, no oars, a dry interior, and a hull slightly submerged in the water. Let users steer with WASD or arrow keys and touch controls. Make the scene nocturnal and mystical: dense, varied, realistic dark-green trees on both banks, subtle wind, a detailed full moon, and broken moonlight reflected across animated water. Use convincing moving waves, distorted reflections of the boat and trees, and a wake that follows the boat’s traveled path and fades naturally no fixed glowing marks or hard circular borders. Add a weather toggle for moonlit night, warm dawn, and overcast rain; in rain mode, show falling drops and small, short-lived impact ripples shaped by the water’s waves. Add optional, subtle water, jungle, and rain ambience. Keep the interface minimal. Verify the visuals, controls, audio, counter, and all three weather modes on desktop and mobile.
Three.js를 활용하여 밀림 속 울창한 수로를 따라 항해하는 3인칭 목선 보트 체험 화면을 구현했습니다.
실시간 수면 파동 및 항적 셰이더, 3가지 날씨(신비로운 달빛 밤, 따뜻한 여명, 흐린 비) 변환 기능과 웹 오디오 기반 실시간 환경음, 자동 시연 및 수동 키보드/터치 조종 기능을 완벽하게 채워 넣었습니다.
원문과 같은 언어로 보완한 프롬프트입니다. 점수는 명확성 · 구체성 · 출력 형식 · 재사용성 기준의 AI 평가입니다.
Build a fullscreen, responsive Three.js boat ride in a narrow jungle waterway using a third-person camera that follows an empty wooden rowboat (pointed bow, broad sides, flat stern, floorboards, seats, no oars, dry interior, partially submerged hull). Enable WASD, arrow keys, and touch steering. Create a nocturnal, mystical mood with dense dark-green trees, subtle wind, a detailed full moon, and broken moonlight on animated water with moving waves, distorted reflections, and a fading wake without fixed glowing marks. Include a weather toggle (moonlit night, warm dawn, overcast rain with falling drops and impact ripples), optional subtle ambience, and a minimal UI. Verify visuals, controls, audio, and weather modes on desktop and mobile. [Output format: A single production-ready HTML file containing HTML, CSS, and vanilla JavaScript using Three.js via CDN.]