Kiwi.js是一个语法友好的开源Html5 2D游戏引擎,文档丰富。
Kiwi.js是用State来管理游戏场景的, state的切换也就是场景的切换了。
Kiwi.js内置许多方便的components,例如huds用于显示head 元素, input 用于鼠标、键盘、触摸控制, box用于物理碰撞检测等等。
相关特性和介绍 http://www.kiwijs.org/
首先来做个helloworld界面吧。
Game.js
//游戏选项
var gameOptions = {
width: 480,
height: 320
};
//创建游戏
var myGame = new Kiwi.Game("game", "myGame", null, gameOptions);
//创建State
var helloState = new Kiwi.State("hello");
helloState.create = function(){
Kiwi.State.prototype.create.call(this);
this.helloText = new Kiwi.HUD.Widget.TextField(this.game, 'Hello KiwiJs', myGame.stage.width/2, myGame.stage.height/2);
this.game.huds.defaultHUD.addWidget(this.helloText);
};
myGame.states.addState(helloState);
myGame.states.switchState("hello");
hello.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Hello KiwiJs</title>
<script type="text/javascript" src="kiwi/kiwi.js"></script>
<script type="text/javascript" src="Game.js"></script>
</head>
<body>
</body>
</html>
完了就能在屏幕上显示hello 了