토론

Canvas와 JS를 사용한 단일 파일 3D 우주 시뮬레이터 구축

Wikiprompt, 무료 프롬프트 백과사전에서

Eyisha Zyer

2026년 7월 22일

Canvas와 JS를 사용한 단일 파일 3D 우주 시뮬레이터 구축 바닐라 JavaScript로 의존성 없는 단일 파일 3D 우주 시뮬레이터를 구축하는 코딩 프롬프트로, 사용자 정의 3D 투영 엔진, 8,000개 이상의 별들로 이루어진 은하, 그리고 블랙홀을 포함합니다.

관련 미디어

프롬프트 내용저장

🌐
개요: 외부 라이브러리나 CDN 의존성 없이 HTML5 Canvas와 JavaScript를 사용하여 프로덕션 준비가 된 단일 파일 대화형 3D 우주 시뮬레이터를 구축합니다. 주요 사양: 인터페이스 및 검색: 실시간 검색 엔진(자동 완성 드롭다운, FPS 카운터, 활성 대상 표시기 포함)을 갖춘 상단 헤더 바와 하단 컨트롤 데크(블랙홀, 은하, 태양계, 테라, 제우스용 포커스 단축 버튼 및 0x-5x 시간 왜곡 슬라이더)를 갖춘 전체 뷰포트 미니멀리스트 글래스모피즘 인터페이스. 입력하는 대로 실시간 검색이 천체 대상을 필터링하며, 선택 시 카메라가 선택된 대상으로 자동으로 패닝 및 줌됩니다. 그래픽 및 물리: 맞춤형 순수 JavaScript 3D 투영 엔진(project(x, y, z))이 색상 변형이 있는 8,000개 이상의 역동적인 나선 은하 별, 강착 원반과 사건의 지평선을 가진 중심 초대질량 블랙홀, 실시간 속도 조절이 가능한 궤도를 도는 행성 태양계를 렌더링합니다. 전체 마우스 제어(드래그하여 궤도 회전/카메라 회전, 스크롤하여 줌)가 포함됩니다.

전체 프롬프트를 보려면 로그인하세요

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

사용법

이 프롬프트는 coding와 함께 사용하도록 설계되었습니다. 위의 프롬프트 내용을 복사하여 원하는 AI 도구에 붙여넣으세요.

최상의 결과를 얻으려면 자리 표시자(대괄호 또는 대문자로 표시)를 특정 요구 사항으로 사용자 지정할 수 있습니다.

참고 자료

분류:coding| twitter| 3d-simulator| space-visualization

토론