webgl seascape video
A vibe-coded generative art piece — play it in your browser, no install. 🌊 A showcase of Shader & 3D tech videos written by Opus 5.5 — realistic seascape, stylized shaders, black-hole cosmos, voxel Jiangnan valley. Play live in the browser or replay the video render process. 由 Opus 5.5 制作的 Shader / 3D 技术视频合集，可在线交互，完全开源。
Vote and save it — continue with GitHub or sign in free
Made this, @holooooo? See how many people played it → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
这是 WebGL / Shader 教学视频系列的整理版。根目录的 index.html 是总入口；每一期都在 episodes/ 下拥有自己的 index.html，提供实时渲染播放器、独立交互场景，以及字幕、提示词和原始会话。页面不嵌入 MP4。
每期首页的「交互探索」打开独立的 interactive.html。前三期直接在页面内调用原有 WebGL 着色器，没有视频、iframe 或自动分镜；选择阶段后会一直停留在该阶段，海浪、云和星空继续实时运动。
前三期的操作：拖动旋转、滚轮缩放、右键或 Shift 拖动平移；点击场景后使用 WASD 移动，Q/E 降低/升高。触屏单指旋转、双指缩放和平移。左右方向键选择阶段，空格暂停/继续运动，R 重置视角，H 隐藏/显示界面。「场景参数」可调光照、云量、水位或黑洞质量等；「恢复本阶段参数」恢复默认值。手机端参数默认折叠，点开即可调整。
同一组阶段切换时保留相机，第 2 期因此可在相同视角比较风格。第 3 期的二维像素网格通过滑杆交互，不使用三维相机；进入海面、黑洞或宇宙场景组时会切换到适合的视角。宇宙演化时刻由滑杆单独控制，不会自动推进。URL 的 #阶段ID 可用于收藏阶段，例如 interactive.html#normals。暂停只冻结运动，仍可操作相机和参数。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
chart 3d
Pie, bars, polar and area charts in 3D, with an entrance. One HTML file, no dependencies.
hexbin
A point cloud counted into 3D hexagon towers. One HTML file, no dependencies.
orbital
Data as orbits, axes or a bending mesh. One HTML file, no dependencies.
particle dance
Particles that dance along patterns and 3D forms. One HTML file, no dependencies.
particles 3d
A WebGL2 cloud of up to 300,000 particles. One HTML file, no dependencies.
sunburst
A hierarchy as a 3D sunburst with height. One HTML file, no dependencies.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
