całkowicie zaskoczony Google Gemini 3 + three.js.. właśnie wygenerowałem interaktywną aplikację 3D z produktem bez żadnego kodowania.. użyj gestów ręką, aby obracać, skalować, kontrolować xyz i oświetlenie modelu 3D AI przejmuje kontrolę.. zaakceptuj to lub nie tutorial z podpowiedziami i kodem poniżej:

1. Nie mogę uwierzyć, że ludzie bez żadnego doświadczenia w kodowaniu mogą teraz zbudować zaawansowaną stronę internetową jak ta z AI. Możesz rozmawiać (tekstowo) z agentem AI, aby dodać modele 3D, funkcje i dostosować interfejs użytkownika.. to jest niesamowite.. podgląd aplikacji: kody i podpowiedzi na końcu

2. konwertuj model 3D do formatu .gltf obecnie rozpoznaje tylko ten format, możesz użyć dowolnego oprogramowania 3D do konwersji, upewnij się, że tekstury są prawidłowo zastosowane możesz również tworzyć animacje 3D tutaj oto model vision pro do przetestowania:

3. przesyłanie modelu 3D w formacie gltf bezpośrednio Zrobiłem to z Gemini 3 pro, ale na , pozwala nam przesłać model 3D bezpośrednio zamiast korzystać z zewnętrznego magazynu, co jest znacznie bardziej wygodne

4. dodaj funkcje poprosiłem, aby dodało suwaki do kontrolowania pozycji x, y, z modelu 3D, zrobili to w kilka sekund i działa to doskonale..

5. stwórz środowisko 3D możesz stworzyć stały świat 3D dla swojego produktu, a nawet poprosić o dodanie oświetlenia, rzucenie cienia na podłogę i dodanie cienia wewnętrznego dla samego produktu

6. napraw błędy zwykle analizuje aplikację i automatycznie naprawia błędy, możesz także skopiować błąd lub po prostu zrobić zrzut ekranu, aby poprosić agenta o naprawę

W poniższym blogu dzielę się wszystkim, co musisz wiedzieć, aby odtworzyć tę stronę internetową w stylu Vision Pro 3D interaktywną, którą zbudowałem za darmo, używając @emergentlabs - dokładny prompt użyty do wygenerowania tej aplikacji - .gltf 3D vision pro z animacją - pełny kod źródłowy w VSCODE

jeśli to cię zainspirowało, obserwuj @EHuanglu, aby nauczyć się AI i polub oraz udostępnij, aby więcej osób się dowiedziało 👇