인증된 작성자의 댓글에 원글에서 GPT-6와 Gemini 4에 실행했다고 밝힌 전체 프롬프트가 공유되어 있습니다. 구름 바다와 지중해풍 섬을 배경으로, 조작 기능과 승객 편안함 점수, 정거장, 업그레이드, 모바일 지원을 갖춘 브라우저용 Three.js 공중 트램 게임을 제작해 달라는 내용입니다.
제작자가 공개한 프로젝트를 바탕으로 정리한 시작용 설명이며, 원본 프롬프트를 그대로 옮긴 것이 아닙니다. 결과는 달라질 수 있습니다.
Three.js3D 게임브라우저 게임공중 트램하늘섬철도승객 편안함작업실 업그레이드
프롬프트
따뜻한 분위기의 로우폴리 스타일을 세련된 인디 게임 감성으로 구현한, 브라우저에서 바로 플레이할 수 있는 단일 HTML/JS 3D 게임(Three.js)을 만드세요. 지브리풍 해안 마을의 정취와 젤다의 광산 수레 트랙처럼 매끄러운 움직임을 함께 느낄 수 있어야 합니다.
【핵심 게임플레이】 플레이어는 레트로 공중 트램을 운전하며 구름 바다와 해수면 위에 떠 있는 섬 사이를 이동합니다. - 트랙은 끊김 없이 이어지는 3D 철도로 구성하고, 직선 구간, 오르막, 내리막, 고가 곡선 구간, 바다를 가로지르는 긴 교량을 포함하세요. - 조작: W키로 가속(Power), S키로 제동(Brake), 좌우 방향키로 미세 조정 또는 시점 전환 - 실시간 표시: 속도(km/h), 탑승객 수(예: 12/16명 탑승), 운행 상태(Steady / Crosswind) - 승객 편안함 시스템: 급가속, 급제동, 과속 코너링, 횡풍이 모두 "탑승 편안함"을 감소시키며, 목적지에 부드럽게 도착하면 보너스 점수(예: 도착 시 +75)를 획득합니다. - 연속 보너스: 운전이 지나치게 울퉁불퉁하면 "연속 기록이 끊겼습니다. 균형을 되찾아 팁을 다시 쌓아 보세요."라는 메시지를 표시합니다. - 정거장에 도착하면 문을 열어 승객이 타고 내리게 하세요. 플랫폼에는 마을 사람들이 줄을 서 있고, "문이 열립니다 - 망고 타이드", "잠시만 기다려 주세요…"와 같은 자막이 표시됩니다. 【월드 및 정거장】 최소 두 개의 노선과 두 개의 섬을 포함하세요. 1. 솔트라이트 터미너스 2. 망고 타이드 섬은 구름 위에 떠 있는 바위섬으로, 붉은 기와지붕의 지중해풍 또는 남유럽풍 작은 주택, 등대, 선착장, 푸른 나무, 가로등, 밤에는 따뜻한 노란빛을 내는 창문이 있습니다. 멀리에는 떠 있는 섬들이 더 보이고, 주변을 도는 궤도가 있습니다. 하늘은 해질녘부터 밤으로 이어지는 파란색-보라색 그라데이션이며, 별과 짙은 구름이 떠 있고 아래에는 청록빛 바닷물이 펼쳐집니다. 【트램 외관】 레트로 트램: 짙은 녹색 차체, 나무색 차대, 곡면 유리창, 지붕 위 짐, 녹색 차양과 덩굴 장식, 내부에 앉아 있는 다양한 승객을 구현하세요. 이동 중에는 살짝 흔들리는 모션과 선로 주행음이 느껴져야 합니다(간단한 효과음이나 시각적 연출로 표현해도 됩니다). 【장면 2: 작업실 개조】 작업실 "Cloudworks / Oliver Cloudworks / Oliver's home island"의 쿼터뷰 아이소메트릭 시점으로 전환하세요. 플레이어는 업그레이드 팝업과 비슷한 인터페이스에서 트램의 부품을 교체할 수 있습니다. - Hearth leaves — 기존 부품을 들어 올리는 중 - Little Companion — 트램을 준비하는 중 진행률 표시줄과 함께 "편안히 앉아 작업실을 지켜보세요."를 표시하세요. 개조 후에는 트램의 외관이 바뀌어야 합니다(예: 녹색 지붕, 추가 짐 선반, 랜턴, 덩굴). 그런 다음 트램이 작업실 밖으로 출발하고, "모두 탑승하세요." / "다음 정거장: 코스털 라인." 자막을 표시하세요. 【UI】 깔끔하고 현대적인 캐주얼 게임 UI를 사용하세요. 왼쪽 상단에는 목적지와 재화/연속 기록을, 하단에는 속도 바와 Power/Brake 버튼을, 두 정거장 이름 사이에는 편안함 진행률 표시줄을 배치하세요. 화면을 복잡하게 만들지 말고, 호러나 사이버펑크 스타일로 만들지 마세요. 【기술 요구 사항】 - 단일 파일 또는 최소한의 파일 구성, Three.js 사용 - CatmullRom 등의 커브로 트랙을 구현하여 트램이 레일을 따라 움직이게 하고, 카메라는 약간의 철도 주행감이 느껴지도록 따라가게 하세요. - 간단한 물리감 구현: 가속 관성, 제동 감속, 코너링 시 차체 롤링 - 모바일에서는 탭으로 가속 및 제동할 수 있는 조작도 지원해 보세요. - 읽기 쉬운 코드와 주석을 포함하고, 파일을 열자마자 플레이할 수 있어야 합니다.
이 프롬프트 사용법
01
적합한 도구로 시작하기
원하는 코딩 도우미나 3D 도구를 여세요. 예시에 표시된 모델을 시작점으로 삼고, 연결된 프로젝트의 설정 안내를 확인하세요.
02
바꿀 요소 하나 고르기
주제, 미술 스타일, 배경을 바꿔보세요. 카메라와 상호작용을 명확히 설명하세요. 먼저 작은 버전을 만든 다음 한 번에 하나씩 다듬으세요.
03
장면에 나만의 모델 추가하기
나만의 캐릭터나 소품이 필요하면 짧은 물체 설명이나 참고 이미지로 3D 모델을 만든 뒤 프로젝트로 가져오세요.
미리보기 작품의 권리는 각 제작자에게 있습니다. 코드나 자료를 재사용하기 전에 원본 출처와 프로젝트 라이선스를 확인하세요.