enchant.jsでボタン的なものを表示させるコード


こんな感じのボタンを表示させる方法


index.htmlのcss部分に数行コードを入れる必要があります

index.html

.button{
	text-align:center;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

そいで以下が表示させるコード

game.js

var buttonStart = new Label();
buttonStart._element.setAttribute('class','button');
buttonStart.width = 130;
buttonStart.text = 'スタート';
buttonStart.backgroundColor = 'red';
buttonStart.font = '2em"Ariar"';
buttonStart.addEventListener('touchend',function(e){
		//タッチ時に処理させたいコード記入部分
});
game.rootScene.addChild(buttonStart);


Labelオブジェクトを代入したものに『._element.setAttribute('class','button');』を入れれば取りあえずオッケーです。後は自分で微調整してやりましょう。