Hatena::ブログ(Diary)

YOSHIKI Diary このページをアンテナに追加 RSSフィード Twitter

2012-03-07

enchant.jsを使ってミニゲームを作ってみた

f:id:yoshiki71:20120307135531p:image

ミニゲームはこちらをクリック♪

enchant.jsがおもしろそう!

とうことでミニゲームを作ってみました。

enchant.js初めて!という方は、以前紹介したドットインストールを使えば、動画を見ながら楽しくやり方が学べます。

とりあえず

くまがかわいすぎて悶えてます。

とうことで、5秒で笑えるミニゲームをいじってみたい人はこちらへどうぞ。

くまたんと戯れてください♪

githubはこちらです。

ちなみにソースはこちら game.js

enchant();

window.onload = function() {

var game = new Game(320, 320);
game.fps = 10;
game.preload('chara1.gif');

game.onload = function() {

var bear = new Sprite(32, 32);
bear.image = game.assets['chara1.gif'];
bear.x = 100;
bear.y = 200;
bear.backgroundColor = 'green';

var bear2 = new Sprite(32, 32);
bear2.image = game.assets['chara1.gif'];
bear2.x = 200;
bear2.y = 200;
bear2.frame=8;
bear2.backgroundColor = 'red';

var label = new Label('click bear♪');
label.x = 5;
label.y = 5;
label.color = 'red';
label.font = "bold 24px 'Impact'"

var gameOverScene = new Scene();
bear.addEventListener('touchstart', function(){
bear.x += 10;
if (this.within(bear2, 20)){
label.text = 'hit!';
game.stop();
}
});
game.rootScene.addChild(label);
game.rootScene.addChild(bear);
game.rootScene.addChild(bear2);
};
game.start();
};

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

トラックバック - http://d.hatena.ne.jp/yoshiki71/20120307/1331096839
リンク元