mshumer
精选
Claude-of-Duty
A browser-based first-person shooter built entirely with procedural generation and orchestrated AI agents, featuring 55k lines of Three.js/WebGL2 code and no art assets.
AI 仓库情报摘要
FR-AI / ANALYSIS为什么值得关注
展示了借助AI编码和图像生成快速制作一个精致的3D交互式展示，支持滚动、拖拽和触摸控制。
适合谁使用
- Three.js开发者
- 创意编程人员
- 作品集构建者
- AI辅助原型设计爱好者
典型使用场景
- 饮料的互动式产品展示
- 学习基于滚动的3D过渡效果
- 探索AI生成纹理的工作流
- 快速搭建交互式演示用于作品集
项目优势
- 在20–30分钟内借助AI完成
- 支持鼠标、触摸、键盘和滚动控制
- 响应式相机确保主角罐完全可见
- 包含可拖拽水平排列和聚光灯效果
使用前须知
- 纹理为AI生成，非官方品牌图案
- 演示使用了受商标保护的品牌名称（仅用于演示）
- 因快速开发可能缺乏广泛的跨浏览器或性能优化
README 快速开始
CAN/DO
A scroll-driven Three.js soda-can showcase with a draggable lineup, a dark studio scene, and a top-lit hero can.
Built in 20–30 minutes
This demonstration was built by GPT-5.6 Sol Ultra in roughly 20–30 minutes, with Fatih directing the visual and interaction changes. The process started from a short reference video and moved through a handful of prompts: build the Three.js scroll choreography, fix the full-height framing, add horizontal can browsing, simplify the typography, generate recognizable label textures, and finish with a dark spotlighted stage.
What is in the demo
- Seven textured cans arranged as a draggable horizontal lineup.
- Scroll-driven transitions between lineup, hero, burst, and finale states.
- A warm spotlight that follows the highlighted Sprite can from above.
- Responsive camera fitting so the hero can remains fully visible.
- Mouse, trackpad, touch, button, and keyboard controls.
Assets and texture generation
- 3D can: “Soda Can” by Jeremy, downloaded from Poly Pizza and used under CC BY 3.0.
- Can textures: created with OpenAI ImageGen through the Codex imagegen skill as flat, cylindrical 2:1 label textures.
- Rendering and interaction: Three.js and Vite.
The label images are AI-generated demonstration graphics, not official packaging artwork. Coca-Cola, 7UP, Dr Pepper, Sprite, Fanta, Pepsi, and Mountain Dew are trademarks of their respective owners.
Run locally
npm install
npm run dev
Create a production build with:
npm run build
The main branch is automatically built and deployed to GitHub Pages through
the included GitHub Actions workflow.
项目描述
A scroll-driven Three.js soda-can showcase built by GPT-5.6 Sol Ultra in 20–30 minutes.
相关仓库与替代方案
根据分类、Topic 和编程语言匹配的相似项目。
gnipbao
精选
story-to-handdrawn-video
A Remotion-based tool that converts Chinese story text or ordered hand-drawn images into vertical hand-drawn diary-comic animation with handwritten captions, left-to-right reveals, optional page-curl transitions, and silent H.264 output for post-production dubbing.
7-e1even
精选
learn-agent
A collection of notes on building coding agents, derived from the production development of the desktop agent Reina, with each mechanism simplified into a zero-dependency, single-file Node.js demo.