2012年3月16日金曜日

[enchant.js]画像ボタン

enchant.jsで、画像のボタンの追加。
ラベルにcssクラスを設定して、あとはCSSで記述してます。
どうやらラベルは表示されると<div>になるみたいです。


enchant();
window.onload = function() {
//ゲームオブジェクトの生成
var game = new Game(320, 320);

var buttonStart = new Label();
buttonStart._element.setAttribute('class','button');
buttonStart.width = 90;
buttonStart.addEventListener(Event.TOUCH_START,function(e){
//タッチ時に処理させたいコード記入部分
alert('クリックしました');
});
game.rootScene.addChild(buttonStart);

//ゲームの開始
game.start();
};

あとはCSSでどのようにでもなるので、Javascriptは便利ですね。

0 件のコメント:

コメントを投稿