Kiwi.js

Kiwi.js 简介

Kiwi.js 是一款开源 HTML5 游戏框架，主打极速 WebGL 渲染，面向移动端与桌面浏览器。它提供状态管理、资源加载、精灵、文本、粒子等常用游戏对象，并可借助 CocoonJS 将游戏打包为 iOS/Android 原生应用。

核心特性

• 高性能渲染：自研 WebGL 渲染管线，缓存矩阵运算结果，减少运行时开销；同时支持 Canvas 回退。
• 状态管理：每个游戏状态包含可选的预加载、创建、更新循环与销毁阶段，便于组织游戏流程。
• 资源管理：支持图片、音频与数据文件的加载，可按需选择一次性加载或按状态加载。
• 游戏对象：提供精灵、图像、文本、粒子等可渲染对象，并支持通过 WebGL Shader 编写渲染插件。
• 移动发布：与 CocoonJS 配合，可将游戏封装为原生 App。

基本使用示意

var game = new Kiwi.Game('game-container', 'MyGame', MyState);

var MyState = new Kiwi.State('MyState');
MyState.preload = function () {
  this.addImage('logo', 'assets/logo.png');
};
MyState.create = function () {
  var sprite = new Kiwi.GameObjects.Sprite(this, this.textures.logo, 100, 100);
  this.addChild(sprite);
};

适用与注意

Kiwi.js 适合制作 2D 网页小游戏、学习 HTML5 游戏引擎架构，或作为 WebGL 渲染的参考实现。需要注意的是，项目近年更新节奏较慢，社区与中文资料有限，若用于现代前端工程化项目，需自行完成构建与模块集成。

更多文档与示例可访问官方网站 www.kiwijs.org。