AI to 3D Website with Three.js — Part 2: GBL Bake Texture & Styling

Описание: In Part 2 of this series, we continue transforming an AI-generated concept into a fully interactive 3D website with Three.js.

In this episode we focus on production and integration steps:
• UV mapping
• Exporting optimized GLB assets with baked textures
• Importing and styling the 3D scene inside Three.js
• Building the website UI with HTML, CSS, and GSAP animations
• Using Claude directly from the terminal to speed up UI layout and component scaffolding

By the end of this part, the project moves from raw 3D assets to a styled, animated, and interactive web experience — ready for advanced interactions and polish.

This series documents the full workflow:
from AI concept → to real-time 3D website.

Part 1: AI to 3D Website with Three.js — Part 1: AI Concept, 3D Modeling & Scene Setup
Part 3: Coming soon

00:00 Intro
00:18 Recap
00:28 Update Ship 3D Modeling
00:55 UV Mapping & Texture Baking
01:49 GLB Export
02:02 Texture details in Photoshop
02:54 Adding ship to Threejs Scene
03:51 "Buddy" baking
04:17 UI/Layout Styling
06:56 Adding Buddy to Scene
07:16 Final Result
07:25 Next Steps

If you're into Three.js, WebGL, creative coding, or interactive websites — you're in the right place.

🔗 Social
X (Twitter): https://x.com/cortiz2894
GitHub: https://github.com/cortiz2894

My game – Laser Drift: https://laserdrift.com/

🎵 Music
Password Infinity by Evgeny Bardyuzha
80s Synth Wave, Ascendence by Eugene Barduja