크리스마스트리 장식은 거의 모든 가족의 연휴 축하 행사에서 빼놓을 수 없는 부분이 되었습니다. 형형색색의 전구를 나뭇가지에 감고, 장식품과 사진으로 빈 공간을 차근차근 채워나가다 보면, 마침내 전등이 켜지는 순간 축제 분위기가 완성됩니다.

크리스마스가 다가옴에 따라 HyperAI는 모두를 위해 "사이버 크리스마스 트리"를 준비했습니다. 이 3D 크리스마스 트리는 React, Three.js(R3F) 및 AI 제스처 인식 기술을 기반으로 하는 오픈 소스 웹 애플리케이션으로, moleculemmeng020425가 개발했습니다.

AI 제스처 인식 기술을 기반으로 사용자는 제스처를 통해 크리스마스 트리의 모양(모이는 모양과 흩어지는 모양)을 쉽게 조절하고 시점을 자유롭게 회전할 수 있습니다.더욱 흥미로운 점은 이것이 단순한 크리스마스 트리가 아니라는 것입니다. 사용자는 개인적인 추억이 담긴 사진을 업로드하여 추억으로 가득한 인터랙티브 아트 갤러리로 트리를 꾸밀 수도 있습니다.

수천 개의 정교한 입자 효과, 눈부신 조명 쇼, 그리고 공중에 매달린 귀중한 폴라로이드 사진들이 어우러져 고급스럽고 생동감 넘치는 가상 크리스마스 트리를 만들어냅니다. 현재,"제스처 인식을 기반으로 한 3D 크리스마스 트리" 튜토리얼이 HyperAI 웹사이트(hyper.ai)에 게시되었습니다.이 글에서는 HyperAI의 상징적인 로고를 예시로 사용했으며, 관심 있는 독자분들은 원클릭 배포 튜토리얼을 통해 자신만의 크리스마스 트리를 만들어 보실 수 있습니다.

튜토리얼 링크:

https://go.hyper.ai/C06qS

이 튜토리얼은 CPU만 사용하여 온라인으로 체험할 수 있으며, HyperAI의 컴퓨팅 플랫폼은 사용자에게 항상 무료 CPU 사용 시간을 제공한다는 점을 알려드립니다. 자세한 내용은 아래를 클릭하세요 ⬇️

https://hyper.ai/docs/membership

아래 이미지에 튜토리얼 예시가 나와 있습니다. 이미지 오른쪽 상단에 있는 제스처를 사용하여 크리스마스 트리의 모양을 조정할 수 있습니다.

데모 실행

1. hyper.ai 홈페이지에 접속한 후, "제스처 인식 기반 3D 크리스마스 트리"를 선택하거나 "튜토리얼" 페이지로 이동하여 선택하세요. 그런 다음 "온라인으로 튜토리얼 실행"을 클릭하세요.

2. 페이지가 리디렉션된 후 오른쪽 상단의 "복제"를 클릭하여 튜토리얼을 자신의 컨테이너로 복제합니다.

참고: 페이지 오른쪽 상단에서 언어를 변경할 수 있습니다. 현재 중국어와 영어로만 제공됩니다. 이 튜토리얼에서는 영어로 된 단계를 안내합니다.

3. "Free CPU"와 "PyTorch" 이미지를 선택하고, "Pay As You Go"를 선택한 다음, "Continue job execution"을 클릭합니다.

HyperAI는 신규 사용자를 위한 가입 보너스를 제공합니다. 단 $1로 5시간 동안 RTX 5090 컴퓨팅 파워를 이용할 수 있으며(정가는 $7), 이 리소스는 무기한으로 사용 가능합니다.

4. 리소스 할당을 기다리세요. 첫 번째 복제에는 약 3분이 소요됩니다. 상태가 "실행 중"으로 변경되면 "API 주소" 옆의 이동 화살표를 클릭하여 데모 페이지로 이동하세요.

효과 시연

1. 사진을 준비하세요

프로젝트 디렉토리에서 `/openbayes/home/christmas-tree/public/photos/` 폴더를 찾으세요. 상단/표지 이미지는 `top.jpg`로 이름을 지정하세요(이 이미지는 트리의 꼭대기에 있는 3D 오각형 별에 표시됩니다). 나무 줄기 사진은 `1.jpg`, `2.jpg`, `3.jpg` 등으로 이름을 지정하세요. 권장 사항: 정사각형 또는 4:3 비율의 이미지를 사용하고 파일 크기를 작게 유지하세요(원활한 재생을 위해 이미지당 500KB 미만이 이상적입니다).

2. 사진을 교체하세요

사진을 /openbayes/home/christmas-tree/public/photos 폴더에 복사하여 기존 이미지를 덮어쓰세요. 파일 이름 형식은 변경하지 마세요(1.jpg, 2.jpg 등).

3. 사진 개수 조절 (증가 또는 감소)

사진을 추가하는 경우(예: 기본값인 31장에서 100장으로 늘리는 경우), dependencies.sh 파일을 열어야 합니다. 파일에 export VITE_TOTAL_PHOTOS=31이라는 내용이 있을 것입니다. "31"이라는 숫자를 실제 사진 개수로 수정하고 컨테이너를 닫은 후 다시 시작하십시오.

4. 제스처 제어 지침

이 프로젝트에는 AI 제스처 인식 시스템이 내장되어 있습니다. 작동하려면 카메라 앞에 서세요(화면 오른쪽 하단에 DEBUG 버튼이 있어 카메라 영상을 볼 수 있습니다).

🖐 손바닥이 흩어짐: 크리스마스 트리가 입자와 사진의 샤워로 폭발합니다.

✊ 주먹을 꽉 쥐고 (주먹을 꽉 쥐고) 조립하세요. 모든 요소가 완벽한 크리스마스 트리로 즉시 결합됩니다.

👋 손바닥을 좌우로 움직여 화면을 회전하세요. 손을 왼쪽으로 움직이면 나무가 왼쪽으로 돌고, 손을 오른쪽으로 움직이면 나무가 오른쪽으로 돌립니다.

다음은 그 효과를 보여주는 예시입니다.

위는 HyperAI가 이번에 추천하는 튜토리얼입니다. 누구나 와서 체험해 보세요!

튜토리얼 링크:

https://go.hyper.ai/C06qS