Google Gemini 3 + three.js mě naprosto ohromil. právě jsem vytvořil interaktivní 3D produktovou aplikaci bez jakéhokoliv kódování... Pomocí gest rukou rotujte, škálujete, ovládáte xyz a osvětlíte 3D model AI přebírá kontrolu.. Přijmout nebo ne Tutoriál s prompty a kódem níže:

1. Nemůžu uvěřit, že lidé bez jakýchkoli zkušeností s programováním dokážou teď s AI vytvořit tak pokročilý web můžete chatovat (textovat) s AI agentem, přidávat 3D modely, funkce a upravovat uživatelské rozhraní... To je neuvěřitelné... Náhled aplikace: code&prompts na konci

2. Převod 3D modelu do formátu .gltf Teď už rozpozná jen tento formát, můžete použít jakýkoli 3D software k převodu, ujistěte se, že textury jsou správně aplikované Můžete zde také vytvářet 3D animace Tady je model Vision Pro, který můžete vyzkoušet:

3. Přímo nahrát GLTF 3D model Dělal jsem to s Gemini 3 Pro, ale na , umožňuje nám nahrát 3D model přímo místo použití úložiště třetích stran, což je mnohem pohodlnější

4. Přidat funkce Požádal jsem ho, aby mi přidal posuvníky pro ovládání poloh x, y, z 3D modelu, udělali to za pár sekund a funguje to perfektně...

5. vytvořit 3D prostředí můžete vytvořit pevný 3D svět pro svůj produkt, dokonce ho požádat, aby přidal osvětlení, vrhal stíny na podlahu a přidal vnitřní stín pro samotný produkt

6. oprava chyb Obvykle analyzuje aplikaci a opravuje chyby automaticky, můžete chybu také zkopírovat nebo prostě udělat screenshot, abyste mohli požádat agenta o opravu

V níže uvedeném blogu sdílím vše, co potřebujete k tomu, abyste znovu vytvořili tuto interaktivní webovou stránku ve stylu Vision Pro ve stylu 3D, kterou jsem zdarma vytvořil pomocí @emergentlabs - přesný prompt použitý k vytvoření této aplikace - .gltf 3D vision pro s animací - kompletní zdrojový kód na VSCODE

Pokud vás to inspirovalo, Sledujte @EHuanglu pro naučení se AI a lajkujte a znovu zveřejňujete, aby to vědělo víc lidí 👇