Hy4로 부동산·상품·여행지 3D 웹 투어 만들기

Tencent의 멀티모달 AI 모델 Hy4가 정식 버전으로 공개되어 API로 사용할 수 있게 되었습니다. 시각 인식과 코드 생성 능력이 강화되어, 프롬프트만으로 건물, 상품, 여행지를 3D로 탐색할 수 있는 인터랙티브 웹 페이지를 만들 수 있습니다. 부동산 소개, 온라인 쇼룸, 관광 안내, 교육 자료에 유용합니다.

만들 수 있는 것

• 아파트 단지나 상가를 1인칭/3인칭으로 둘러보는 부동산 소개 페이지
• 제품을 360도 회전하며 세부 기능을 확인할 수 있는 온라인 쇼룸
• 관광지나 박물관을 지도와 함께 탐색하는 가이드 페이지
• 학교 캠퍼스나 시설을 소개하는 인터랙티브 웹 투어

필요한 스킬/도구

• Hy4 API: 쓴 만큼 내는 유료, 프롬프트를 Three.js 3D 웹 코드로 변환
• Python 또는 JavaScript 기초: API 호출용 간단한 스크립트 작성
• API 키 발급과 사용 방법 이해
• 웹 브라우저: 생성된 HTML 파일 확인

만드는 순서

1. Tencent Cloud나 OpenRouter에서 Hy4 API 계정을 만들고 키를 발급받습니다.
2. Python이나 JavaScript로 API를 호출하는 스크립트를 작성합니다. 공식 문서의 샘플 코드를 참고하면 됩니다.
3. 프롬프트에 3D 공간 구성을 자세히 적습니다. 배치할 건물, 나무, 사람 같은 요소, 탐색 방식(1인칭/3인칭), 상호작용 기능(미니맵, 화면 캡처 등)을 포함합니다.
4. API 응답으로 받은 HTML 코드를 파일로 저장하고 브라우저에서 열어 확인합니다.
5. 결과가 마음에 들지 않으면 프롬프트를 수정해서 다시 요청합니다. Three.js 버전, 배치 위치, 색상 같은 세부 사항을 조정할 수 있습니다.

바로 쓰는 프롬프트

3번 단계에서 사용하는 프롬프트

[장소 이름]의 3D 모형을 Three.js 0.184.0으로 만들어 주세요. HTML 파일 하나로 완성하고, 외부 CDN, 폰트, 텍스처 없이 바로 실행되도록 해 주세요.

포함할 요소:
- 건물 [개수]개 (높이와 색상 다양하게)
- 도로, [기타 지형 요소]
- 나무 [개수]그루
- 사람 [개수]명, 차량 [개수]대

기능:
- 1인칭과 3인칭 시점 전환 버튼
- 날씨 조절 (맑음/흐림/비)
- 주야간 전환 버튼
- 미니맵 (우측 상단에 표시)
- 자동 가이드 투어 (주요 지점을 순서대로 이동)
- 화면 캡처 버튼

상품 쇼룸용 프롬프트

[제품명]을 소개하는 3D 쇼룸을 Three.js로 만들어 주세요. 단일 HTML 파일로 작성하고 외부 리소스 없이 실행되도록 해 주세요.

제품 정보:
- 종류: [가구/전자제품/차량 등]
- 주요 색상: [색상]
- 대략 크기: [가로 x 세로 x 높이]

기능:
- 마우스로 360도 회전
- 확대/축소
- 제품의 주요 부분을 클릭하면 기능 설명 팝업
- 색상 변경 버튼 3개 ([색상1], [색상2], [색상3])
- 제품 치수 표시

팁

• Three.js 버전을 명시하고 외부 리소스 없이 실행하도록 요청하면 파일 하나로 배포할 수 있어 편리합니다.
• 처음에는 건물과 지형만 넣고, 잘 작동하면 미니맵이나 가이드 투어 같은 기능을 추가하는 것이 안전합니다.
• 결과가 기대와 다르면 프롬프트에서 위치, 크기, 색상을 구체적인 숫자로 지정해 보세요.

Hy4로 만들고 싶은 3D 공간이 있나요?