'%3e%3crect%20width='1024'%20height='1024'%20fill='black'/%3e%3crect%20x='477.008'%20y='-227'%20width='96'%20height='1400'%20transform='rotate(9%20477.008%20-227)'%20fill='%23333333'/%3e%3crect%20x='696.008'%20y='-227'%20width='96'%20height='1400'%20transform='rotate(9%20696.008%20-227)'%20fill='%23666666'/%3e%3crect%20x='915.008'%20y='-229'%20width='96'%20height='1400'%20transform='rotate(9%20915.008%20-229)'%20fill='%23999999'/%3e%3crect%20x='800'%20y='682'%20width='32'%20height='32'%20fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3_3'%3e%3crect%20width='1024'%20height='1024'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)
mote
轻量级 Web 2D 游戏引擎
ECS 架构 · WebGPU 渲染 · 浏览器内嵌编辑器
ECS
WebGPU / WebGL2
WGSL
TypeScript
Preact
Vite
核心特性
ECS 架构
Entity-Component-System 设计，数据驱动，一人即可完全掌控全部代码。
WebGPU 渲染
原生 WebGPU + WGSL Shader，自动回退 WebGL2，保留完整 Shader 能力。
浏览器编辑器
Blender 风格布局，视口实时预览，纯前端零后端，打开即编辑。
单文件打包
一键 bundle 成独立 HTML，双击运行，无需服务器，直接分享。
示例游戏
快速开始
git clone https://github.com/IceRiverr/mote.git
cd mote && npm install
npm run dev # 启动开发服务器
npm run build # 构建全部
npm run bundle # 打包成单个 HTML
npm run deploy # 构建并部署
cd mote && npm install
npm run dev # 启动开发服务器
npm run build # 构建全部
npm run bundle # 打包成单个 HTML
npm run deploy # 构建并部署