YOSHIKI Diary

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

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

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();
};

ツイートする

Permalink | コメント(0) | トラックバック(0) | 14:07