Trend-Themen
#
Bonk Eco continues to show strength amid $USELESS rally
#
Pump.fun to raise $1B token sale, traders speculating on airdrop
#
Boop.Fun leading the way with a new launchpad on Solana.
total überwältigt von Google Gemini 3 + three.js..
habe gerade eine interaktive 3D-Produkt-App ohne Programmierung erstellt.. benutze Handgesten, um das 3D-Modell zu drehen, zu skalieren, xyz zu steuern und die Beleuchtung zu kontrollieren
AI übernimmt.. akzeptiere es oder nicht
tutorial mit Eingabeaufforderungen & Code unten:
1. Ich kann nicht glauben, dass Menschen ohne jegliche Programmiererfahrung jetzt mit AI eine so fortschrittliche Website wie diese erstellen können.
Du kannst mit dem AI-Agenten chatten (Text), um 3D-Modelle hinzuzufügen, Funktionen zu integrieren und die Benutzeroberfläche anzupassen.. das ist einfach unglaublich..
App-Vorschau:
Code & Eingabeaufforderungen am Ende
2. 3D-Modell in das .gltf-Format konvertieren
Es kann nur dieses Format erkennen, du kannst jede 3D-Software zur Konvertierung verwenden, stelle sicher, dass die Texturen richtig angewendet sind.
Du kannst hier auch 3D-Animationen erstellen.
Hier ist das Vision Pro-Modell, das du testen kannst:
3. GLTF 3D-Modell direkt hochladen
das habe ich mit Gemini 3 Pro gemacht, aber es erlaubt uns, das 3D-Modell direkt hochzuladen, anstatt einen Drittanbieter-Speicher zu verwenden, was viel praktischer ist.
4. Funktionen hinzufügen
Ich habe darum gebeten, Schieberegler hinzuzufügen, um die x-, y- und z-Positionen des 3D-Modells zu steuern. Sie haben das in wenigen Sekunden gemacht und es funktioniert perfekt.
5. Erstellen Sie eine 3D-Umgebung
Sie können eine feste 3D-Welt für Ihr Produkt erstellen und sogar darum bitten, Licht hinzuzufügen, Schatten auf den Boden zu werfen und einen inneren Schatten für das Produkt selbst hinzuzufügen
6. Fehler beheben
Es analysiert normalerweise die App und behebt Fehler automatisch. Sie können auch den Fehler kopieren oder einfach einen Screenshot machen, um den Agenten zu bitten, ihn zu beheben.
In dem untenstehenden Blog teile ich alles, was Sie benötigen, um diese Vision Pro–ähnliche 3D-interaktive Website, die ich kostenlos mit @emergentlabs erstellt habe, nachzubauen.
- die genaue Eingabeaufforderung, die verwendet wurde, um diese App zu generieren
- das .gltf 3D Vision Pro mit Animation
- den vollständigen Quellcode auf VSCODE
Wenn du das inspirierend fandest,
folge @EHuanglu, um mehr über AI zu lernen
und like & repost, um mehr Menschen davon zu erzählen 👇

12. Jan., 23:09
total überwältigt von Google Gemini 3 + three.js..
habe gerade eine interaktive 3D-Produkt-App ohne Programmierung erstellt.. benutze Handgesten, um das 3D-Modell zu drehen, zu skalieren, xyz zu steuern und die Beleuchtung zu kontrollieren
AI übernimmt.. akzeptiere es oder nicht
tutorial mit Eingabeaufforderungen & Code unten:
46
Top
Ranking
Favoriten