オンラインチュートリアル | AIジェスチャー認識とCPUのみを使用して多様な3Dクリスマスツリーをカスタマイズ
クリスマスツリーの飾り付けは、ほぼすべての家庭にとって、ホリデーシーズンのお祝いに欠かせないものとなっています。色とりどりのライトが枝に巻き付けられ、隙間にはオーナメントや写真がゆっくりと飾られ、ライトが点灯した瞬間、お祭り気分が一気に盛り上がります。
クリスマスが近づいてきましたので、HyperAIは皆様のために「サイバークリスマスツリー」をご用意しました。この3Dクリスマスツリーは、React、Three.js（R3F）、AIジェスチャー認識をベースにしたオープンソースのウェブアプリケーションで、molecularmmeng020425によって作成されました。
AIジェスチャー認識に基づき、ユーザーはジェスチャーを使ってクリスマスツリーの形状（収束と拡散）を簡単に制御し、視点を自由に回転させることができます。さらに興味深いのは、これはただのクリスマスツリーではないということです。ユーザーは、自分だけの特別な意味のある写真をアップロードすることで、思い出が詰まったインタラクティブなアートギャラリーに飾り付けることができます。
数千もの精巧なパーティクルエフェクト、まばゆい光のショー、そして吊り下げられた貴重なポラロイド写真が織りなす、豪華で鮮やかなバーチャルクリスマスツリー。現在、「ジェスチャー認識に基づく 3D クリスマス ツリー」チュートリアルが、HyperAI Web サイト (hyper.ai) で公開されました。この記事では、HyperAI の象徴的なロゴを例として使用しています。興味のある読者は、ワンクリック展開チュートリアルを使用して独自のクリスマスツリーをカスタマイズできます。
チュートリアルのリンク:
このチュートリアルはCPUのみを使用してオンラインで体験でき、HyperAIのコンピューティングプラットフォームはユーザーに永続的に無料のCPU使用時間を提供していることを付け加えておきます。詳細はこちらをクリック⬇️
https://hyper.ai/docs/membership
チュートリアルの例は以下の画像に示されています。ジェスチャーを使ってクリスマスツリーの形を調整できます（画像右上）。
デモの実行
1. hyper.aiのホームページにアクセスしたら、「ジェスチャー認識に基づく3Dクリスマスツリー」を選択するか、「チュートリアル」ページに移動して選択します。「このチュートリアルをオンラインで実行」をクリックします。
2. ページがリダイレクトされたら、右上隅の「複製」をクリックして、チュートリアルを独自のコンテナーに複製します。
注：ページの右上で言語を切り替えることができます。現在、中国語と英語が利用可能です。このチュートリアルでは英語で手順を説明します。
3.「Free CPU」と「PyTorch」イメージを選択し、「Pay As You Go」を選択して、「ジョブ実行を続行」をクリックします。
HyperAI は新規ユーザー向けに登録ボーナスを提供しています。わずか $1 で、RTX 5090 のコンピューティング パワー (元の価格は $7) を 5 時間利用でき、リソースは無期限に有効です。
4. リソースの割り当てをお待ちください。最初のクローン作成には約3分かかります。ステータスが「実行中」に変わったら、「APIアドレス」の横にあるジャンプ矢印をクリックしてデモページへ移動してください。
効果実証
1. 写真を用意する
プロジェクトディレクトリ内のフォルダ「/openbayes/home/christmas-tree/public/photos/」を見つけます。トップ/カバー画像の名前は「top.jpg」とします（ツリーの頂上にある3Dの五芒星に表示されます）。幹の写真の名前は「1.jpg」、「2.jpg」、「3.jpg」などとします。推奨事項：正方形または4:3のアスペクト比の画像を使用し、ファイルサイズを小さく抑えてください（スムーズな再生を確保するため、1枚あたり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がおすすめするチュートリアルです。ぜひ皆さんも体験してみてください！
チュートリアルのリンク:
