적합한 도구로 시작하기
원하는 코딩 도우미나 3D 도구를 여세요. 예시에 표시된 모델을 시작점으로 삼고, 연결된 프로젝트의 설정 안내를 확인하세요.
GPT-6 Astra참고용 제작 설명
인터랙티브 3D 입자 충돌기
Three.js를 사용해 CERN의 LHC와 ATLAS에서 영감을 받은 인터랙티브 3D 입자 충돌기를 하나의 독립 실행형 HTML 파일로 제작하기 위한 작성자 추천 시작 프롬프트입니다. 공개된 결과물에 사용한 정확한 입력값이라기보다, 유사한 결과물을 제작하기 위한 프롬프트로 제시되었습니다.
이 예시에 대해
제작자가 공개한 프로젝트를 바탕으로 정리한 시작용 설명이며, 원본 프롬프트를 그대로 옮긴 것이 아닙니다. 결과는 달라질 수 있습니다.
제작자 메모
애니메이션과 스크롤로 제어하는 검출기 분해, 가속기 링 빔 뷰, 합성 충돌 디스플레이, 표시 제어, 시간 지정 재생, 오프라인 HTML 제공 기능을 갖춘 Three.js 기반 인터랙티브 입자 충돌기 시각화 도구를 제작하세요.
Three.js3D 입자 충돌기CERNLHCATLAS 검출기인터랙티브 시각화합성 충돌스크롤 인터랙션
프롬프트
Three.js를 사용해 CERN의 LHC와 ATLAS 검출기에서 영감을 받은 정교한 인터랙티브 3D 입자 충돌기를 제작하세요.
세 가지 뷰를 구성하세요. 수천 개의 부품을 각각 애니메이션으로 보여주는 검출기, 서로 반대 방향으로 회전하는 빔이 흐르는 가속기 링, 합성 충돌 디스플레이를 포함하세요.
검출기가 대형 엔드캡 휠과 자석부터 개별 센서 모듈까지 6단계로 펼쳐지도록 구성하세요. 스크롤로 제어하는 분해, 30초/60초/90초 재생, 일시정지, 역방향 조립을 지원하세요.
시스템별 표시 전환, 부품 수, 교육용 설명, 링을 따라 카메라가 이동하는 비행 연출을 추가하세요.
고급스러운 어두운 인터페이스, 금속 재질, 은은한 골드 포인트, 시네마틱 라이팅을 사용하세요. 각 부품이 잘 식별되도록 하고 겹침이 지나치게 많지 않게 구성하세요.
CERN 공식 자료를 참고하세요. 단순화한 지오메트리와 합성 이벤트임을 명확히 표시하세요.
오프라인에서 작동하는 독립 실행형 HTML 파일 하나와 함께, 이식 가능한 소스 코드 및 README를 제공하세요.
이 프롬프트 사용법
바꿀 요소 하나 고르기
주제, 미술 스타일, 배경을 바꿔보세요. 카메라와 상호작용을 명확히 설명하세요. 먼저 작은 버전을 만든 다음 한 번에 하나씩 다듬으세요.
장면에 나만의 모델 추가하기
나만의 캐릭터나 소품이 필요하면 짧은 물체 설명이나 참고 이미지로 3D 모델을 만든 뒤 프로젝트로 가져오세요.
미리보기 작품의 권리는 각 제작자에게 있습니다. 코드나 자료를 재사용하기 전에 원본 출처와 프로젝트 라이선스를 확인하세요.
