Online-Tutorial | Gestalten Sie Verschiedene 3D-Weihnachtsbäume Mithilfe Von KI-Gestenerkennung Und Nur Der CPU
Das Schmücken des Weihnachtsbaums ist für fast jede Familie ein unverzichtbarer Bestandteil der Weihnachtsfeierlichkeiten geworden. Bunte Lichterketten werden um die Zweige gewickelt, Ornamente und Fotos füllen nach und nach die Lücken, und sobald die Lichter eingeschaltet werden, herrscht festliche Stimmung.
Weihnachten steht vor der Tür und HyperAI hat einen „virtuellen Weihnachtsbaum“ für alle vorbereitet. Der 3D-Weihnachtsbaum ist eine Open-Source-Webanwendung, die auf React, Three.js (R3F) und KI-Gestenerkennung basiert und von moleculemmeng020425 entwickelt wurde.
Auf Basis der KI-Gestenerkennung können Benutzer die Form des Weihnachtsbaums (Zusammenlaufen und Auseinanderweichen) einfach per Gesten steuern und den Blickwinkel frei drehen.Noch interessanter ist jedoch, dass es sich hier nicht um einen gewöhnlichen Weihnachtsbaum handelt. Durch das Hochladen persönlicher und bedeutungsvoller Bilder können Nutzer ihn in eine interaktive Kunstgalerie voller Erinnerungen verwandeln.
Tausende exquisite Partikeleffekte, eine atemberaubende Lichtshow und kostbare Polaroidfotos verschmelzen zu einem luxuriösen und lebendigen virtuellen Weihnachtsbaum.Das Tutorial „3D-Weihnachtsbaum basierend auf Gestenerkennung“ ist jetzt auf der HyperAI-Website (hyper.ai) verfügbar.Dieser Artikel verwendet das bekannte Logo von HyperAI als Beispiel, und interessierte Leser sind herzlich eingeladen, ihren eigenen Weihnachtsbaum mithilfe der Ein-Klick-Bereitstellungsanleitung zu gestalten.
Link zum Tutorial:
Erwähnenswert ist, dass dieses Tutorial online ausschließlich mit CPU-Leistung durchgeführt werden kann und die Rechenplattform von HyperAI Nutzern dauerhaft kostenlose CPU-Nutzungszeit zur Verfügung stellt. Klicken Sie hier, um mehr zu erfahren ⬇️
https://hyper.ai/docs/membership
Das Tutorial-Beispiel ist im Bild unten dargestellt. Sie können die Form des Weihnachtsbaums mithilfe von Gesten anpassen (oben rechts im Bild):
Demolauf
1. Nachdem Sie die Startseite von hyper.ai aufgerufen haben, wählen Sie „3D-Weihnachtsbaum basierend auf Gestenerkennung“ oder gehen Sie zur Seite „Tutorials“, um ihn auszuwählen. Klicken Sie anschließend auf „Dieses Tutorial online ausführen“.
2. Nachdem die Seite weitergeleitet wurde, klicken Sie oben rechts auf „Klonen“, um das Tutorial in Ihren eigenen Container zu klonen.
Hinweis: Sie können die Sprache oben rechts auf der Seite ändern. Derzeit sind Chinesisch und Englisch verfügbar. Dieses Tutorial zeigt die Schritte auf Englisch.
3. Wählen Sie „Free CPU“ und das Image „PyTorch“ aus, wählen Sie „Pay As You Go“ und klicken Sie auf „Continue job execution“.
HyperAI bietet Neukunden einen Registrierungsbonus: Für nur $1 erhalten Sie 5 Stunden Rechenleistung einer RTX 5090 (ursprünglich $7), und die Ressourcen sind unbegrenzt gültig.
4. Warten Sie auf die Ressourcenzuweisung. Der erste Klonvorgang dauert etwa 3 Minuten. Sobald der Status auf „Wird ausgeführt“ wechselt, klicken Sie auf den Pfeil neben „API-Adresse“, um zur Demoseite zu gelangen.
Effektdemonstration
1. Fotos vorbereiten
Suchen Sie im Projektverzeichnis den Ordner `/openbayes/home/christmas-tree/public/photos/`. Benennen Sie das Titelbild `top.jpg` (es wird auf dem 3D-Fünfzackstern an der Baumspitze angezeigt). Benennen Sie die Fotos des Baumstamms mit 1.jpg, 2.jpg, 3.jpg usw. Empfehlung: Verwenden Sie Bilder im quadratischen Format oder im 4:3-Format und achten Sie auf geringe Dateigrößen (idealerweise unter 500 KB pro Bild, um eine flüssige Wiedergabe zu gewährleisten).
2. Ersetzen Sie das Foto
Kopieren Sie einfach Ihre eigenen Fotos in den Ordner /openbayes/home/christmas-tree/public/photos und überschreiben Sie die vorhandenen Bilder. Bitte behalten Sie das Dateinamensformat bei (1.jpg, 2.jpg usw.).
3. Passen Sie die Anzahl der Fotos an (erhöhen oder verringern)
Wenn Sie weitere Fotos hinzufügen (z. B. von den standardmäßigen 31 auf 100 erhöhen), müssen Sie die Datei „dependencies.sh“ öffnen. Dort finden Sie die Zeile: „export VITE_TOTAL_PHOTOS=31“. Ändern Sie die Zahl „31“ in die tatsächliche Anzahl der Bilder, schließen Sie anschließend den Container und starten Sie ihn neu.
4. Gestensteuerungsanleitung
Dieses Projekt verfügt über ein integriertes KI-Gestenerkennungssystem. Bitte stellen Sie sich zur Bedienung vor die Kamera (in der unteren rechten Ecke des Bildschirms befindet sich eine DEBUG-Schaltfläche, um das Kamerabild anzuzeigen):
🖐 Offene Handfläche zerstreuen: Der Weihnachtsbaum explodiert in einen Schauer aus Partikeln und Fotos.
✊ Balle deine Faust (geschlossene Faust) und setze alles zusammen. Alle Elemente fügen sich im Handumdrehen zu einem perfekten Weihnachtsbaum zusammen.
👋 Bewege deine Handfläche nach links und rechts, um die Ansicht zu drehen. Bewege deine Hand nach links, und der Baum dreht sich nach links; bewege deine Hand nach rechts, und der Baum dreht sich nach rechts.
Im Folgenden wird der Effekt veranschaulicht:
Das Obige ist das diesmal von HyperAI empfohlene Tutorial. Jeder ist herzlich eingeladen, vorbeizukommen und es auszuprobieren!
Link zum Tutorial:
