täysin vaikuttunut Google Gemini 3 + three.js.. Juuri loin 3D-tuotteen interaktiivisen sovelluksen ilman lainkaan koodausta.. käytä käsieleitä kääntämiseen, skaalaamiseen, xyz:n ja 3D-mallin valaistuksen ohjaamiseen Tekoäly ottaa vallan.. hyväksy tai ei Alla oleva opetus, jossa on kehotteita ja koodia:

1. En voi uskoa, että ihmiset, joilla ei ole lainkaan koodikokemusta, voivat rakentaa tällaista edistynyttä verkkosivustoa tekoälyn avulla nyt voit chatata (tekstiviestillä) tekoälyagentin kanssa lisätäksesi 3D-malleja, toimintoja ja säätääksesi käyttöliittymää.. Tämä on uskomatonta.. Sovelluksen esikatselu: koodi ja kehotteet lopussa

2. Muunna 3D-malli .gltf-muotoon Se tunnistaa nyt vain tämän muodon, voit käyttää mitä tahansa 3D-ohjelmistoa muuntamiseen, varmista että tekstuurit on oikein sovellettu Voit myös tehdä 3D-animaatioita täällä Tässä on Vision Pro -malli, jota voit testata:

3. lataa gltf 3D-malli suoraan Tein tämän Gemini 3 Prolla, mutta päällä , se mahdollistaa 3D-mallin lataamisen suoraan kolmannen osapuolen tallennustilan sijaan, mikä on paljon kätevämpää

4. lisää funktioita Pyysin sitä lisäämään liukusäätimiä 3D-mallin X-, Y- ja Z-asemien hallintaan, ne tekivät sen muutamassa sekunnissa ja toimivat täydellisesti..

5. luo 3D-ympäristö Voit luoda kiinteän 3D-maailman tuotteellesi ja pyytää sitä lisäämään valaistusta, heittämään varjoja lattialle ja lisäämään sisävarjon itse tuotteelle

6. Korjaa bugit Se yleensä analysoi sovelluksen ja korjaa bugit automaattisesti, voit myös kopioida virheen tai ottaa kuvakaappauksen pyytääksesi agenttia korjaamaan

Alla olevassa blogissa jaan kaiken, mitä tarvitset tämän Vision Pro -tyylisen 3D-interaktiivisen verkkosivuston uudelleenluomiseen, jonka rakensin ilmaiseksi @emergentlabs - täsmälleen tämän sovelluksen luomiseen käytetty kehote - .gltf 3D Vision Pro animaatiolla - koko lähdekoodi VSCODE:ssa

Jos pidit tätä inspiroivana, seuraa @EHuanglu oppiaksesi tekoälyn ja tykkää ja julkaise uudelleen, jotta useammat tietävät 👇