用 AI 辅助创作（Vibecoding）打造的交互式 HTML 作品集 —— 覆盖物理模拟、数学可视化、经典游戏复刻等领域。
A collection of interactive HTML experiments built with AI-assisted Vibecoding — spanning physics simulations, math visualizations, and classic game recreations.
| # | 作品 | 描述 | 预览 |
|---|---|---|---|
| 1 | 愤怒的小鸟 | 经典弹弓物理游戏，拖拽发射小鸟击倒绿猪 | Anger bird.html |
| 2 | 双摆模型 | 混沌双摆系统的实时动力学模拟 | Double Pendulum.html |
| 3 | 傅里叶变换演示 | 用旋转矢量合成任意图形的可视化 | fourier-transform-demo.html |
| 4 | Minecraft 克隆 | 3D 体素沙盒世界，放置与破坏方块 | Minecraft Demo.html |
| 5 | 光线追踪 | 实时渲染金属球与几何体的反射效果 | raytracing.html |
| 6 | 三维魔方 | 可旋转的 3D Rubik's Cube | rubiks-cube.html |
| 7 | 太阳系 | 3D 行星运动的轨道模拟 | solar-system.html |
| 8 | 太阳系 Pro | 增强版太阳系，含更多细节和交互 | solar-system-pro.html |
| 9 | 三体模拟 | 三体问题中的混沌行星轨道 | three-body-sim.html |
| 10 | 冰雹猜想 | 科拉茨猜想 (Collatz Conjecture) 的可视化 | 冰雹猜想.html |
每个 HTML 文件都是独立的，无需任何构建工具或依赖。
# 克隆仓库
git clone https://github.com/YOUR_USERNAME/vibecoding-gallery.git
cd vibecoding-gallery
# 直接用浏览器打开任意文件
# Windows:
start "愤怒的小鸟.html"
# macOS:
open "愤怒的小鸟.html"
# Linux:
xdg-open "愤怒的小鸟.html"或者直接双击 .html 文件在浏览器中打开！
- 纯 HTML/CSS/JavaScript — 零依赖，零构建
- Canvas API — 2D 渲染（双摆、傅里叶、冰雹猜想）
- Three.js (CDN) — 3D 渲染（魔方、太阳系、Minecraft、三体）
- Web Audio API — 音效（Minecraft 等）
- 原生 DOM — 游戏 UI 交互
所有作品均通过与 AI 对话的方式创作完成（Vibecoding），展示了 AI 辅助编程在创意编程、物理模拟、游戏开发等领域的可能性。
"Vibecoding" 是一种新兴的编程范式：你只需用自然语言描述想法，AI 负责生成代码。这个仓库记录了我在这个过程中的探索与成果。
MIT License — 详见 LICENSE 文件。
- Three.js — 强大的 3D 渲染库
- Nous Research — Hermes Agent，驱动 Vibecoding 的 AI 引擎
- 所有在开源社区分享知识的人们 🙏
Made with ❤️ and AI vibes