高性能开源无限画布引擎 | Rust + WebGPU + WASM
InfiniteCanvas 是一个使用 Rust 和 WebGPU 构建的高性能无限画布引擎，目标是提供对标 Figma 性能的开源解决方案。
- ✅ 高性能渲染：支持 100,000+ 元素流畅运行
- ✅ WebGPU 加速：GPU 并行渲染
- ✅ WASM 编译：接近原生性能
- ✅ 内存安全：Rust 零成本抽象
- ✅ 开源协议：MIT/Apache 2.0
infinitecanvas_engine/
├── crates/ # Rust 工作空间
│ ├── engine/ # 核心渲染引擎
│ ├── wasm/ # WASM 绑定层
│ └── math/ # 数学库
├── packages/ # TypeScript/JS 工作空间
│ ├── core/ # TS 封装层
│ └── examples/ # 示例应用
├── www/ # 主 Web 应用
├── docs/ # 文档
│ ├── design/ # 设计文档
│ └── references/ # 参考资料
└── .github/workflows/ # CI/CD 配置
- Rust 1.75+
- Node.js 18+
- pnpm 8+
# 克隆仓库
git clone https://github.com/shinjiyu/infinitecanvas_engine.git
cd infinitecanvas_engine
# 安装 Rust 工具链
rustup target add wasm32-unknown-unknown
cargo install wasm-pack
# 安装 Node 依赖
pnpm install
# 构建项目
pnpm build# 启动开发服务器
pnpm dev
# 运行测试
pnpm test
# 构建 WASM
pnpm build:wasm- ✅ 项目结构搭建
- ⏳ M1: 核心渲染引擎 (10 个任务)
- ⏳ M2: 交互系统 (10 个任务)
- ⏳ M3: 场景管理 (9 个任务)
- ⏳ M4: 多人协同 (10 个任务)
MIT OR Apache-2.0
Yu Zhenyu (@shinjiyu)
这个项目是我探索 AI 辅助软件开发 (AI-Assisted Software Development) 的实践：
- 我的工作：整体架构设计、技术方案规划、接口定义、开发计划拆分
- AI 的工作：Rust/WebGPU/WASM 等技术栈的具体实现细节
这个实践验证了：在 AI 时代，工程师的核心价值在于 架构思维 和 问题分解能力，而不是记住每种语言的语法。通过 AI 辅助，可以快速跨越技术栈边界，专注于解决真正的问题。