повністю вражений Google Gemini 3 + three.js.. щойно створив інтерактивний додаток для 3D-продукту без жодного кодування... використовуйте жест руки для обертання, масштабування, керування xyz та освітленням 3D-моделі Штучний інтелект бере гору... Погоджуйся чи ні Туторіал з підказками та кодом нижче:

1. Не можу повірити, що люди без жодного досвіду в програмуванні можуть створити такий просунутий сайт за допомогою ШІ ви можете чатуватися (текст) з AI агентом, щоб додавати 3D-моделі, функції та коригувати інтерфейс. Це просто неймовірно... Прев'ю додатку: код і підказки наприкінці

2. Конвертувати 3D-модель у формат .gltf Тепер він може розпізнати лише цей формат, можна використовувати будь-яке 3D-програмне забезпечення для конвертації, щоб переконатися, що текстури правильно застосовані Тут також можна робити 3D-анімації Ось модель Vision Pro для тестування:

3. Завантажити GLTF 3D-модель напряму Я робив це з Gemini 3 Pro, але на , це дозволяє завантажувати 3D-модель напряму замість використання стороннього сховища, що набагато зручніше

4. Додати функції Я попросив додати повзунки для керування позиціями x, y, z у 3D-моделі, вони зробили це за кілька секунд і працюють ідеально...

5. створити 3D-середовище ви можете створити фіксований 3D-світ для свого продукту і навіть попросити його додати освітлення, тінь на підлогу та додати внутрішню тінь для самого продукту

6. виправлення багів Зазвичай він автоматично аналізує додаток і виправляє помилки, ви також можете скопіювати помилку або просто зробити скріншот, щоб попросити агента виправити

У блозі нижче я ділюся всім, що вам потрібно, щоб відтворити цей 3D-інтерактивний вебсайт у стилі Vision Pro, який я створив безкоштовно за допомогою @emergentlabs - точний запит, який використовується для створення цього додатку - .gltf 3D Vision Pro з анімацією - повний вихідний код на VSCODE

Якщо це вас надихнуло, слідкуйте за @EHuanglu, щоб вивчати ШІ І ставте лайки та публікуйте знову, щоб більше людей знали 👇 про це