react
精选
react
React is a JavaScript library for building user interfaces with declarative, component-based, and cross-platform design.
AI 仓库情报摘要
FR-AI / ANALYSIS为什么值得关注
它展示了前沿的 WebGPU 渲染（three.js）、实时物理（box3d.js）以及通过 WebCodecs 导出的视频，全部集成在一个可分享的趣味玩具建造器中。
适合谁使用
- 探索 three.js 和 WebGPU 的 Web 开发者
- 原型设计物理交互的游戏开发者
- 制作虚拟玩具的创意编程者和爱好者
- 展示 3D 机械和物理原理的教育工作者
典型使用场景
- 虚拟建造并测试木质玩具机制
- 创建可分享的交互式 3D 模型（通过编码 URL）
- 学习和实验 three.js 的 WebGPU 渲染
- 原型设计简单的物理游戏或谜题
项目优势
- 使用实时的 WebGPU 渲染器和 GTAO，画面质量高
- 物理引擎（box3d.js）实现真实的运动和碰撞
- 内置 5 秒视频导出和玩具设计的 URL 分享功能
- 建造过程中自动保存到 LocalStorage
使用前须知
- 需要支持 WebGPU 的现代浏览器
- 仅限木质积木风格，没有自定义材质
- 不支持多人协作或共同建造
README 快速开始
Toys
A little toy maker. Snap wooden pieces together, make parts spin, then switch to Play and watch your toys come alive.
https://mrdoob.github.io/toys/
How to play
Build — Drag pieces from the palette onto the floor or onto your toy. Click a piece to select it: drag the orange handles to resize, S to make it spin, drag the teal pin to move the spin axis, D to duplicate onto the opposite side, delete to remove. Drag pieces to re-attach them, or drag the base piece to move the whole toy.
Play — space. Toys drop onto the floor and their motors start. Click a toy to focus the camera, R to reset. The eye in the toys list picks who's on stage.
Share — Records a five second clip and copies a link with the toys encoded in the URL. Everything is also saved to localStorage as you build.
Tech
相关仓库与替代方案
根据分类、Topic 和编程语言匹配的相似项目。
tandpfun
精选
wardrobe
A GPT‑image powered app that extracts individual garment cutouts from photos, organizes them into a digital wardrobe, and generates modeled outfit previews.
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.