# Built a web app with AI using Three.js WebGL that turns mo
> 采集时间: 2026-07-20 11:43:19
> 作者: Techartist (@techartist_)
> 来源: https://x.com/techartist_/status/2078851941891989686
> 共 9 条帖子
---
## 2026-07-19 22:38:20
Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓
[▶ 视频](https://x.com/techartist_/status/2078851941891989686)
视频缩略图: 
---
## 2026-07-19 22:38:21
1. I had coded a planetary gear inspired assembly in the past, fed it to AI and asked it to list multiple concepts featuring multiple mechanical/geometrical structures with a UI including navigation and information about them. ↓
[▶ 视频](https://x.com/techartist_/status/2078851944345632920)
视频缩略图: 
> **引用的帖子**
> @techartist_
> Made a fun browser-based interactive mechanics study in 3D, exploring a conceptual planetary gear-inspired assembly with metallic surfaces, frosted liquid-glass casing, exploded motion, and clickable callouts.
> [查看原帖](https://x.com/techartist_/status/2078851944345632920)
---
## 2026-07-19 22:38:22
2. I also had coded another web app, the UI of which I have a liking for. Fed it to AI and now asked it to write a prompt for the new app with UI variation, the concept I picked and reference to both the codes. ↓
[▶ 视频](https://x.com/techartist_/status/2078851947164266735)
视频缩略图: 
> **引用的帖子**
> @techartist_
> Built an interactive 3D astrophysics web app exploring Three-Body Resonance, Lagrange Fields, Roche Disruption & Accretion Disk Dynamics with dark-mode UI, sci-fi telemetry & info panels.
>
> UI Design → ChatGPT Images 2
> Code → Gemini 3.1 Pro
> Music → Suno 5.5
> [查看原帖](https://x.com/techartist_/status/2078851947164266735)
---
## 2026-07-19 22:38:22
3. Final step was to feed AI with both the codes and the prompt. The final result needed an iteration or two but wasn't lacking anything complicated.
---
## 2026-07-19 23:28:49
Gpt 5.6 sol, from prompt to code. appreciate the kind words mate
---
## 2026-07-20 01:15:01
Thank you and true mate, the whole process itself is satisfying.
---
## 2026-07-20 01:18:02
Thank you mate, I am just that guy who has been spending a lot of time on building stuff. Really makes my day when people like it.
---
## 2026-07-20 01:19:40
Appreciate the kind words
---
## 2026-07-20 01:19:56
Glad you liked it
---
---
## 中文翻译
# 使用 AI、Three.js 和 WebGL 构建了一个将运动、机械和对称性转化为交互式 3D 体验的 Web 应用
> 采集时间: 2026-07-20 11:43:19
> 作者: Techartist (@techartist_)
> 来源: https://x.com/techartist_/status/2078851941891989686
> 共 9 条帖子
---
## 2026-07-19 22:38:20
Built a web app with AI using Three.js + WebGL that turns motion, mechanics and symmetry into an interactive 3D experience featuring a gear mechanism, gyroscope, turbine, coil and geometric structures. Workflow ↓
[▶ 视频](https://x.com/techartist_/status/2078851941891989686)
视频缩略图: 
---
## 2026-07-19 22:38:21
1. I had coded a planetary gear inspired assembly in the past, fed it to AI and asked it to list multiple concepts featuring multiple mechanical/geometrical structures with a UI including navigation and information about them. ↓
[▶ 视频](https://x.com/techartist_/status/2078851944345632920)
视频缩略图: 
> **引用的帖子**
> @techartist_
> Made a fun browser-based interactive mechanics study in 3D, exploring a conceptual planetary gear-inspired assembly with metallic surfaces, frosted liquid-glass casing, exploded motion, and clickable callouts.
> [查看原帖](https://x.com/techartist_/status/2078851944345632920)
---
## 2026-07-19 22:38:22
2. I also had coded another web app, the UI of which I have a liking for. Fed it to AI and now asked it to write a prompt for the new app with UI variation, the concept I picked and reference to both the codes. ↓
[▶ 视频](https://x.com/techartist_/status/2078851947164266735)
视频缩略图: 
> **引用的帖子**
> @techartist_
> Built an interactive 3D astrophysics web app exploring Three-Body Resonance, Lagrange Fields, Roche Disruption & Accretion Disk Dynamics with dark-mode UI, sci-fi telemetry & info panels.
>
> UI Design → ChatGPT Images 2
> Code → Gemini 3.1 Pro
> Music → Suno 5.5
> [查看原帖](https://x.com/techartist_/status/2078851947164266735)
---
## 2026-07-19 22:38:22
3. Final step was to feed AI with both the codes and the prompt. The final result needed an iteration or two but wasn't lacking anything complicated.
---
## 2026-07-19 23:28:49
Gpt 5.6 sol, from prompt to code. appreciate the kind words mate
---
## 2026-07-20 01:15:01
Thank you and true mate, the whole process itself is satisfying.
---
## 2026-07-20 01:18:02
Thank you mate, I am just that guy who has been spending a lot of time on building stuff. Really makes my day when people like it.
---
## 2026-07-20 01:19:40
Appreciate the kind words
---
## 2026-07-20 01:19:56
Glad you liked it
---