정교한 바이킹 롱십을 타고 북유럽 피오르를 항해하는 독립 실행형 Three.js 및 WebGL 인터랙티브 3D 여정을 위한 작성자 제공 프롬프트입니다. 영화 같은 북유럽 환경, 물리적으로 연결된 선박 구조, 노 젓기와 물 접촉 효과 애니메이션, 조타 및 카메라 컨트롤, 모바일 지원, 조명 모드, 오디오 동작, 임베드형 전달 에셋을 지정합니다.
제작자가 공개한 프로젝트를 바탕으로 정리한 시작용 설명이며, 원본 프롬프트를 그대로 옮긴 것이 아닙니다. 결과는 달라질 수 있습니다.
바이킹 롱십북유럽 피오르Three.jsWebGL인터랙티브 3D브라우저 경험물 셰이더노 젓기 애니메이션
프롬프트
“Northbound”를 제작하세요. 정교한 바이킹 롱십을 타고 북유럽 피오르를 누비는 아름답고 인터랙티브한 3D 여정입니다.
Three.js와 WebGL을 사용해 진정한 실시간 장면을 구축하고, 독립 실행형 HTML 파일 하나로 제공하세요. 미리 렌더링한 영상이나 평면 일러스트가 아니라, 브라우저에서 직접 탐험할 수 있는 경험이어야 합니다.
비주얼 방향
사실적인 머티리얼, 자연스러운 비율, 절제된 색상을 사용해 완성도 높고 영화적인 환경을 구현하세요. 만화풍이나 로우폴리 스타일은 피하세요.
목조 롱십이 깊은 녹청색 물 위를 지나며 높은 절벽, 울창한 숲, 폭포, 작은 북유럽 정착지 사이를 항해합니다. 대기 원근, 은은한 안개, 부드러운 그림자, 설득력 있는 깊이감을 사용하세요. 처음 카메라 위치에서만 아름답게 보이는 것이 아니라, 여정 전체에서 멋진 장면을 연출하세요.
롱십
나무 판재가 겹쳐진 구조, 선명한 나뭇결, 늑재, 벤치, 끊김 없는 내부 공간을 갖춘 정교하고 물이 새지 않는 선체를 제작하세요.
용을 조각한 선수, 줄무늬 천 돛, 돛대, 밧줄, 방패, 보급품, 따뜻한 랜턴을 추가하세요.
비율에 맞는 바이킹 승객과 노잡이를 배치하고, 여러 겹의 의상과 자연스러운 착석 포즈를 적용하며, 손은 노 근처에 오도록 하세요.
모든 구성 요소가 물리적으로 연결되어 있어야 합니다. 공중에 떠 있는 승객, 서로 관통하는 장신구, 선체 내부가 보이는 틈은 허용하지 마세요.
미세한 부력, 피치, 롤을 애니메이션으로 표현하세요. 돛은 바람에 부드럽게 반응해야 합니다.
물과 노 젓기
물을 핵심 시각 요소로 구현하세요.
평면 반사, 굴절, 프레넬 하이라이트, 깊이에 따른 흡수, 얕은 수역 표현, 여러 겹의 수면 잔물결을 지원하는 커스텀 셰이더를 사용하세요. 반사는 움직이는 카메라와 변화하는 조명에 올바르게 반응해야 합니다.
선박 뒤에 설득력 있는 항적을 만드세요.
완전한 노 젓기 사이클을 애니메이션으로 구현하세요. 노가 물에 들어가 뒤로 당겨지고, 물 밖으로 올라온 다음 수면 위로 돌아와야 합니다. 이 동작을 노잡이의 움직임과 동기화하세요.
실제 노와 물이 접촉하는 지점에 잔물결, 거품, 작은 물방울을 생성하세요. 흔적은 월드 공간에 남아 서서히 사라져야 합니다. 노가 공중에 있을 때 효과가 나타나지 않도록 하세요.
환경과 머티리얼
정교한 지형, 불규칙한 암석 지형, 자연스러운 나무 실루엣, 가지가 뻗은 줄기, 개별 잎 또는 침엽 클러스터를 사용하세요.
나무, 돌, 지면에 노멀 맵과 러프니스 맵을 적용한 PBR 머티리얼을 사용하세요. 적절한 라이선스를 획득한 텍스처는 임베드해도 되지만, 필요한 경우 출처를 표기하세요.
수중 지형이 수면 아래로 계속 이어지도록 하세요. 밝은 이음새, 해안선의 틈, 공중에 떠 있는 식생, 항해 경로를 가로막는 나무가 없어야 합니다.
CONTROLS
A/D 또는 방향키: 좌우로 조타합니다.
W/S: 속도를 조절합니다.
마우스 드래그: 주변을 둘러봅니다.
추적, 오빗, 시네마틱 카메라 모드를 제공하세요.
선택 사항으로 자동 여정 모드를 추가하세요.
일시정지, 초기화, 전체 화면, 인터페이스 숨기기 컨트롤을 추가하세요.
모바일에서 터치 조타와 속도 조절을 지원하세요.
선박이 지형과 바위를 뚫고 지나가지 않도록 하세요.
분위기와 인터페이스
아침, 흐림, 달빛의 세 가지 조명 프리셋을 부드럽게 전환할 수 있도록 하세요.
선택 사항으로 잔잔한 물소리, 바람, 새소리, 노 젓는 소리를 추가하세요. 오디오는 사용자가 상호작용한 후에만 재생을 시작해야 합니다.
미니멀한 에디토리얼 인터페이스를 디자인하세요. 우아한 세리프 서체로 “Northbound.”를 표시하고, 은은한 챕터 라벨과 작고 반투명한 컨트롤 바를 사용하세요. 풍경을 가리지 않도록 하세요.
성능과 전달
인스턴싱, 합리적인 지오메트리 예산, 거리에 따른 디테일 조절, 적절한 크기의 반사 렌더 타깃을 사용하세요. 고정 프레임 레이트를 보장한다고 약속하지 말고, 기기에 맞춰 렌더링 품질을 조정하세요.
스크립트와 필요한 에셋을 임베드한 HTML 파일 하나로 제공하여 최신 브라우저에서 바로 열 수 있도록 하세요.
조타, 카메라 모드, 조명 전환, 노 젓기를 테스트하세요. 여러 각도에서 선박을 살펴보고 낮은 시점에서 해안선을 확인하세요. 장면이 완성되었다고 판단하기 전에 지오메트리 교차, 반사 아티팩트, 과도한 눈부심, 콘솔 오류를 수정하세요.
더 많은 오브젝트를 추가하기보다 설득력 있는 물, 아름답게 제작된 롱십, 조화로운 환경을 우선하세요.
이 프롬프트 사용법
01
적합한 도구로 시작하기
원하는 코딩 도우미나 3D 도구를 여세요. 예시에 표시된 모델을 시작점으로 삼고, 연결된 프로젝트의 설정 안내를 확인하세요.
02
바꿀 요소 하나 고르기
주제, 미술 스타일, 배경을 바꿔보세요. 카메라와 상호작용을 명확히 설명하세요. 먼저 작은 버전을 만든 다음 한 번에 하나씩 다듬으세요.
03
장면에 나만의 모델 추가하기
나만의 캐릭터나 소품이 필요하면 짧은 물체 설명이나 참고 이미지로 3D 모델을 만든 뒤 프로젝트로 가져오세요.
미리보기 작품의 권리는 각 제작자에게 있습니다. 코드나 자료를 재사용하기 전에 원본 출처와 프로젝트 라이선스를 확인하세요.