[[Programing]]
ここは、enchant.jsをはじめるときに涩妥な、ごくごく答塑弄...
enchant.jsに烧掳のサンプルのアクションゲ〖ム(\examples\ac...
enchant.jsは、ゲ〖ムプログラムを侯るためのライブラリプロ...
HTML5とJavascriptという祷窖で侯られていて、パソコンだけじ...
ここでは、警しずつコ〖ドを剩花にしていって、クマが瘤り搀...
-[[9leap : 30擅、リンゴ礁めゲ〖ム by y_catch - どこでも头...
-30擅粗で、できるだけたくさんリンゴを礁めてください。
-焊宝の甜磅キ〖で、クマが瘤ります。
-焊布の浇机エリアを蝗うと、マウスクリック(パソコン)、タッ...
もう警しゲ〖ムらしくした。
-[[9leap : 30擅、リンゴ礁めゲ〖ムPart2:http://9leap.net/g...
#ref(1176_140.gif)
#contents
*ダウンロ〖ド [#yc6b9b9f]
-[[enchant.js - HTML5 + JavaScript Game Engine:http://enc...
*涩妥なファイル [#b8f4e08f]
enchant.jsから、肌のファイルを艰り叫します。
クマ茶咙(bear.gif)は、猖紊しています。
- enchant.js¨enchant.js塑挛
- game.js¨ゲ〖ムのメインプログラム
- index.html¨メインプログラムを钙び叫すHTMLファイル。こ...
- bear.gif:茶咙ファイル
#ref(bear.gif)
* index.html [#nde0ff97]
ゲ〖ムを悸乖するには、 index.htmlをダブルクリック。ここか...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-widt...
<meta name="apple-mobile-web-app-capable" conten...
<meta name="apple-mobile-web-app-status-bar-styl...
<title>Sample Game</title>
<script type="text/javascript" src="enchant.js">...
<script type="text/javascript" src="game.js"></s...
<style type="text/css">
body {
margin: 0;
}
</style>
</head>
<body>
</body>
</html>
* game.jsの答塑コ〖ド [#b1f8a8b5]
ゲ〖ムのメインプログラムであるgame.jsの答塑弄な菇喇を界戎...
**部もしないコ〖ド [#z5168b76]
これが、答塑妨。いちおう、茶咙ファイル(bear.gif)を粕み哈...
布淡のテキストをgame.jsというテキストファイルとして瘦赂す...
enchant();
window.onload = function() {
var game = new Game(320, 320); //ゲ〖ム茶烫を肋年
game.preload('bear.gif'); //茶咙ファイルを粕み哈み
game.onload = function() {
//≈{∽と≈}∽の粗に、ゲ〖ムの瓢侯を淡揭する
}
game.start();
}
**茶咙をただ山绩する [#qb76c8e5]
涟揭のファイルを今き垂えて、スプライト怠墙(Sprite)で茶咙...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
game.rootScene.addChild(bear);
}
game.start();
}
**山绩する茶咙を恃える [#p7e99849]
剩眶のイメ〖ジを积っている茶咙の眷圭、スプライトで侍のイ...
クマが殊いているアニメ〖ションなどに蝗えます(まだ殊きませ...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
bear.frame = 1;
game.rootScene.addChild(bear);
}
game.start();
}
**山绩疤弥を回年 [#mb934d47]
スプライトの疤弥を回年
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
bear.x = 150;
bear.y = 150;
bear.frame = 1;
game.rootScene.addChild(bear);
}
game.start();
}
**キ〖掐蜗で茶咙を磊り仑え [#s89a6625]
焊宝の甜磅キ〖を病して、茶咙を磊り仑え
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.x = 150;
bear.y = 150;
if(game.input.left) bear.frame = 1;
if(game.input.right) bear.frame = 2;
});
game.rootScene.addChild(bear);
}
game.start();
}
**アニメ〖ション１ [#f6c15a11]
焊宝の甜磅キ〖で、その眷で瘤る
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.x = 150;
bear.y = 150;
if(game.input.right) {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
}
if(game.input.left) {
if(bear.frame == 4) {
bear.frame = 5;
} else {
bear.frame = 4;
}
}
});
game.rootScene.addChild(bear);
}
game.start();
}
**アニメ〖ション２ [#v06aaf4f]
焊宝の甜磅キ〖で瘤る。噬は痰浑。
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.y = 150;
if(game.input.right) {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
bear.x += 5;
}
if(game.input.left) {
if(bear.frame == 4) {
bear.frame = 5;
} else {
bear.frame = 4;
}
bear.x -= 5;
}
});
game.rootScene.addChild(bear);
}
game.start();
}
**アニメ〖ション３ [#r9bd2f81]
焊宝の甜磅キ〖で瘤る。噬で贿まる。
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.y = 150;
if(game.input.right) {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
if (bear.x < 300) {
bear.x += 5;
} else {
bear.x = 300;
}
}
if(game.input.left) {
if(bear.frame == 4) {
bear.frame = 5;
} else {
bear.frame = 4;
}
if (bear.x > 0) {
bear.x -= 5;
} else {
bear.x = 0;
}
}
});
game.rootScene.addChild(bear);
}
game.start();
}
**サンプル [#t3df58f2]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-焊宝の甜磅キ〖で、クマが瘤ります。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson1.lzh)
*矢机を山绩する [#rff46cbc]
茶烫惧に矢机を山绩するには、ラベル怠墙(Label)を蝗います。
**茶烫惧婶に盖年で矢机を山绩する [#u7bfd3f6]
≈Running Bear:∽という矢机を山绩する
enchant();
window.onload = function() {
var game = new Game(320, 320);
var label = new Label("Running Bear:");
label.x = 0;
label.y = 0;
game.rootScene.addChild(label);
game.start();
}
**矢机を今き垂える [#l4d79b5d]
盖年ではなく、山绩している矢机を恃步させる
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload("bear.gif");
var label = new Label("Running Bear:");
label.x = 0;
label.y = 0;
game.rootScene.addChild(label);
game.onload = function() {
var label_time = new Label();
label_time.x = 0;
label_time.y = 14;
label_time.addEventListener('enterframe', functi...
label_time.text = game.frame;
});
game.rootScene.addChild(label_time);
}
game.start();
}
**アニメ〖ションと矢机山绩 [#x93a3f15]
クマが瘤り、沸册箕粗が山绩されます。
アニメ〖ションのスピ〖ドを≈game.fps = 15;∽で拇腊してい...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload("bear.gif");
game.fps = 15;
var label = new Label("Running Bear:");
label.x = 0;
label.y = 0;
game.rootScene.addChild(label);
game.onload = function() {
//ラベルで矢机山绩
var label_time = new Label();
label_time.x = 0;
label_time.y = 14;
　　　　label_time.addEventListener('enterframe',...
label_time.text = game.frame;
});
game.rootScene.addChild(label_time);
//スプライトでクマ山绩
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
bear.x += 5
if (bear.x > 300) {
bear.x = 0;
}
bear.y = 50;
});
game.rootScene.addChild(bear);
}
game.start();
}
**サンプル [#dcb86424]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-クマが瘤り、沸册箕粗が山绩されます。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson2.lzh)
*跟蔡不を叫す [#o4cfc1f5]
ゲ〖ムに跟蔡不がつくと、弛しさ擒笼です。
**とにかく不を叫す [#hab3d314]
サウンドファイル()を粕み哈んで、それを≈.play∽で浩栏しま...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('jump.wav');
game.onload = function() {
var sound = game.assets['jump.wav'].play();
sound.play();
};
game.start();
};
**拎侯にあわせて不を叫す。 [#se2442cc]
茶咙山绩のところに、浩栏を寥み哈みます。
ⅷ跟蔡不ファイルを粕み哈めなくて、部刨か鹅汐しました。ench...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('jump.wav', 'bear.gif');
game.onload = function() {
game.assets['jump.wav'].play();
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
if(game.input.right) {
var sound = game.assets['jump.wav'].clone();
sound.play();
}
});
game.rootScene.addChild(bear);
};
game.start();
};
**サンプル [#m807a206]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-宝甜磅キ〖で不が叫ます。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson4.lzh)
*茶咙を婶墒步する [#h52552ae]
プログラムは、いくつかの婶墒の寥み圭わせとして侯ると、侯...
**キャラ茶咙を婶墒步 [#n27ba729]
Kumaという婶墒(オブジェクト)を年盗。それをplayer1とplayer...
ひとつの肋纷哭(Kuma)から、剩眶の婶墒を侯り叫しています。...
enchant();
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
enchant.Sprite.call(this, 20, 30);
this.image = game.assets['bear.gif'];
this.x = x; this.y = y; this.frame = 0;
game.rootScene.addChild(this);
}
});
window.onload = function() {
game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
player1 = new Kuma(0, 0);
player1.frame = 1;
player2 = new Kuma(30, 0);
player2.frame = 2;
}
game.start();
}
**婶墒步した茶咙を败瓢 [#ia4fd2e6]
婶墒では、婶墒の肋纷哭娄で瓢侯を年盗できます。ここでは、K...
enchant();
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
enchant.Sprite.call(this, 20, 30);
this.image = game.assets['bear.gif'];
this.x = x; this.y = y; this.frame = 0;
game.rootScene.addChild(this);
},
move_right: function() {
this.x += 5;
},
move_left: function() {
this.x -= 5;
}
});
window.onload = function() {
game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
player = new Kuma(0, 0);
game.addEventListener('enterframe', function() {
if(game.input.right) {
player.move_right();
}
if(game.input.left) {
player.move_left();
}
});
}
game.start();
}
**婶墒步したキャラのアニメ〖ション [#q6b81d2f]
くっつけてみた。キ〖掐蜗の浮叫は、婶墒娄に败瓢した。これ...
キャラは焊宝キ〖で拎侥できる。
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.KUMA_WIDTH = 20;
this.KUMA_HEIGHT = 30;
this.KUMA_Y = 50;
this.dir = 0; //渴乖数羹 0:宝(right)、1:焊(left)
this.walk = 0; //殊乖ポ〖ズ 0:匿贿 1:宝颅 2:焊颅
this.step = 5;
enchant.Sprite.call(this, this.KUMA_WIDTH, this.KUMA_H...
this.image = game.assets['bear.gif'];
this.x = x;
this.y = this.KUMA_Y;
this.frame = 0;
this.addEventListener('enterframe', function() {
if(game.input.right) {
this.move_right();
} else if(game.input.left) {
this.move_left();
} else {
this.move_stop();
}
this.change_frame();
});
game.rootScene.addChild(this);
},
move_right: function() {
this.dir = 0;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x < (SCREEN_WIDTH - this.KUMA_WIDTH)) {
this.x += this.step;
} else {
this.x = SCREEN_WIDTH - this.KUMA_WIDTH;
}
},
move_left: function() {
this.dir = 1;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x > 0) {
this.x -= this.step;
} else {
this.x = 0;
}
},
move_stop: function(){
if(this.walk !== 0) {
game.assets['jump.wav'].play();
}
this.walk = 0;
},
change_frame: function() {
this.frame = this.dir * 3 + this.walk;
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.preload('jump.wav', 'bear.gif');
game.onload = function() {
player = new Kuma(0, 0);
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-焊宝の甜磅キ〖でクマが瘤ります。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson5.lzh)
*剩眶のパ〖ツを瓢かす [#f49c9150]
アクションゲ〖ムでは、剩眶の浓怠やタ〖ゲットが判眷します...
**剩眶の茶咙を山绩する [#he4e0e00]
まず剩眶の茶咙を山绩する涟に、茶咙をひとつだけ婶墒步して...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('icon0.gif');
game.onload = function() {
target = new Apple(100, 0);
}
game.start();
}
**剩眶の茶咙を瓢かす [#oda390f1]
これを猖陇して剩眶キャラを瓢かせるようにすると、こうなり...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('icon0.gif');
game.onload = function() {
targets = [];
game.rootScene.addEventListener('enterframe', function...
if((game.frame % 10) == 0){
var x = Math.floor(Math.random() * 300);
targets[game.frame] = new Apple(x, 0);
}
});
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson6-2.lzh)
これに、蹋数キャラを烧け裁えると、それらしくなってきます...
**极キャラ(拎侥できる)と浓キャラを票箕に山绩する [#v823b7...
焊宝キ〖で拎侥できる极キャラと、浓キャラを票箕に山绩する...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
//拎侥できる极キャラ
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.KUMA_WIDTH = 20;
this.KUMA_HEIGHT = 30;
this.KUMA_Y = 200;
this.dir = 0; //渴乖数羹 0:宝(right)、1:焊(left)
this.walk = 0; //殊乖ポ〖ズ 0:匿贿 1:宝颅 2:焊颅
this.step = 5;
enchant.Sprite.call(this, this.KUMA_WIDTH, this.KUMA_H...
this.image = game.assets['bear.gif'];
this.x = x;
this.y = this.KUMA_Y;
this.frame = 0;
this.addEventListener('enterframe', function() {
if(game.input.right) {
this.move_right();
} else if(game.input.left) {
this.move_left();
} else {
this.move_stop();
}
this.change_frame();
});
game.rootScene.addChild(this);
},
move_right: function() {
this.dir = 0;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x < (SCREEN_WIDTH - this.KUMA_WIDTH)) {
this.x += this.step;
} else {
this.x = SCREEN_WIDTH - this.KUMA_WIDTH;
}
},
move_left: function() {
this.dir = 1;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x > 0) {
this.x -= this.step;
} else {
this.x = 0;
}
},
move_stop: function(){
if(this.walk !== 0) {
game.assets['jump.wav'].play();
}
this.walk = 0;
},
change_frame: function() {
this.frame = this.dir * 3 + this.walk;
}
});
//剩眶山绩される陵缄キャラ
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('bear.gif', 'icon0.gif', 'jump.wav');
game.onload = function() {
player = new Kuma(0, 0);
targets = [];
game.rootScene.addEventListener('enterframe', function...
if((game.frame % 10) == 0){
var x = Math.floor(Math.random() * 300);
targets[game.frame] = new Apple(x, 0);
}
});
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson6-3.lzh)
これに碰たり冉年を烧け裁えると、ゲ〖ムっぽくなりますね。
**碰り冉年 [#vf730204]
极キャラと陵缄キャラが儡卡したかどうか、碰り冉年を乖いま...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
score = 0;
//拎侥できる极キャラ
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.KUMA_WIDTH = 20;
this.KUMA_HEIGHT = 30;
this.KUMA_Y = 200;
this.dir = 0; //渴乖数羹 0:宝(right)、1:焊(left)
this.walk = 0; //殊乖ポ〖ズ 0:匿贿 1:宝颅 2:焊颅
this.step = 5;
enchant.Sprite.call(this, this.KUMA_WIDTH, this.KUMA_H...
this.image = game.assets['bear.gif'];
this.x = x;
this.y = this.KUMA_Y;
this.frame = 0;
this.addEventListener('enterframe', function() {
if(game.input.right) {
this.move_right();
} else if(game.input.left) {
this.move_left();
} else {
this.move_stop();
}
this.change_frame();
});
game.rootScene.addChild(this);
},
move_right: function() {
this.dir = 0;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x < (SCREEN_WIDTH - this.KUMA_WIDTH)) {
this.x += this.step;
} else {
this.x = SCREEN_WIDTH - this.KUMA_WIDTH;
}
},
move_left: function() {
this.dir = 1;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x > 0) {
this.x -= this.step;
} else {
this.x = 0;
}
},
move_stop: function(){
this.walk = 0;
},
change_frame: function() {
this.frame = this.dir * 3 + this.walk;
}
});
//剩眶山绩される陵缄キャラ
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
//碰り冉年
if(this.intersect(player)){
this.remove();
game.assets['jump.wav'].play();
}
//布眉に毗茫
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('bear.gif', 'icon0.gif', 'jump.wav');
game.onload = function() {
player = new Kuma(0, 0);
targets = [];
game.rootScene.addEventListener('enterframe', function...
if((game.frame % 10) == 0){
var x = Math.floor(Math.random() * 300);
targets[game.frame] = new Apple(x, 0);
}
});
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson7.lzh)
*ゲ〖ム侯喇に守网なプラグイン [#o7f33f99]
enchant.jsは、プラグイン(plugin)で怠墙を橙磨できます。
ゲ〖ムを侯るときも、プラグインを宠脱すると侯度跟唯が惧が...
-[[plugin】enchant.js - HTML5 + JavaScript Game Engine:ht...
布淡も徊雇になります。
-[[enchant.jsで海まで侯ったゲ〖ムを∝9leap≠慌屯にする数...
**プラグインの蝗い数 [#x47ae7cf]
プラグインは、enchant.jsと票じフォルダか、その木布のplugi...
enchant.jsを豺培した眷圭は、稿荚になっています。
それから、プラグインが涩妥とする茶咙を票じフォルダに脱罢...
-nineleap.enchant.jsの眷圭
--start.png
--end.png
--font.png
-ui.enchant.jsの眷圭
--apad.png
--pad.png
あとは、index.htmlにプラグインファイルの淡揭を纳裁します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-widt...
<meta name="apple-mobile-web-app-capable" conten...
<meta name="apple-mobile-web-app-status-bar-styl...
<title>enchant</title>
<script type="text/javascript" src="enchant.js">...
<script type="text/javascript" src="plugins/nine...
<script type="text/javascript" src="plugins/util...
<script type="text/javascript" src="plugins/ui.e...
<script type="text/javascript" src="game.js"></s...
<style type="text/css">
body {margin: 0;}
</style>
</head>
<body>
</body>
</html>
惧淡では、10-11乖誊でpluginsフォルダにあるプラグインファ...
**スタ〖ト茶烫 [#g122127c]
nineleap.enchant.jsを粕み哈むと、ゲ〖ムスタ〖ト箕に极瓢弄...
**姜位茶烫 [#h45a6768]
nineleap.enchant.jsを粕み哈み、ゲ〖ム姜位すべきところに布...
game.end(game.score, "game end");
game.scoreは、评爬を呈羌した恃眶。
**タイム山绩 [#df53f786]
プログラム塑挛(game.onload = function()のところ)に、布淡...
timeLabel = new TimeLabel(8, 8);
game.rootScene.addChild(timeLabel);
布淡のように今くとカウントダウン。
timeLabel = new TimeLabel(8, 8, "countdown");
timeLabel.time = 30;
game.rootScene.addChild(timeLabel);
山绩するラベルを恃构するには
timeLabel.label = "LIFE:";
附哼の沸册箕粗を艰り叫すには、
A = timeLabel.label;
**スコア山绩 [#w26baaee]
プログラム塑挛の介袋步婶尸(window.onload = function() )に...
game.score = 0; //评爬の介袋步
プログラム塑挛(game.onload = function()のところ)に、布淡...
scoreLabel = new ScoreLabel(40, 8);
game.rootScene.addChild(scoreLabel);
ゲ〖ムの评爬纳裁コ〖ドとして、布淡のコ〖ドを今きます。
game.score += 10;
山绩するラベルを恃构するには
scoreLabel.label = "APPLE:";
**宛眶を侯る(ランダム山绩) [#f8deb4c9]
浓キャラや俱巢湿などをバラバラに山绩することをランダム山...
A = rand(10); //
**タッチパッド滦炳 [#y718b9d7]
スマ〖トフォンなどのタッチパッド滦炳にするには、布淡のコ...
var pad = new Pad();
pad.x = 0;
pad.y = 220;
game.rootScene.addChild(pad);
pad.xとpad.yで、拎侯脱パッドの山绩疤弥を回年。
**サンプル [#t3df58f2]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-30擅粗で、できるだけたくさんリンゴを礁めてください。
-焊宝の甜磅キ〖で、クマが瘤ります。
-焊布の浇机エリアを蝗うと、マウスクリック(パソコン)、タッ...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson8.lzh)
*ゲ〖ム茶烫を脚ね圭わせる [#hfa3967f]
剩花なゲ〖ム茶烫を山绩させるときは、脚ね圭わせるように侯...
enchant.jsでは、このように脚ねる茶烫をシ〖ン(Scene)と钙び...
-[[enchant.jsのサンプルコ〖ドを豺粕する∈RPG试その1∷ | I...
-[[≮enchant.js≯ ≈呵庐でクルマを捐りこなすゲ〖ム∽の祷...
*ゲ〖ムを9leapで给倡する [#q01863b9]
9leapは、enchant.jsを蝗ったゲ〖ムの抨蛊サイト。抨蛊された...
-[[9leap : トップペ〖ジ - どこでも头べる、抨蛊房ゲ〖ムサ...
ログインするとゲ〖ムの抨蛊ˇコメントの抨蛊が材墙になるほ...
票じゲ〖ムでプレイしたTwitterでフォロ〖している客の攫鼠...
ゲ〖ムをお丹に掐りに纳裁して、稿から头ぶこともできます。
9leapにログインするには、Twitterアカウントが涩妥です。
**抨蛊数恕 [#r7d51209]
やり数は、こちらが徊雇になります。
-[[iPad 2が碰たるプログラミングコンテストサイト∝9leap≠...
**9leapに抨蛊してみた [#c4044f76]
-[[9leap : 30擅、リンゴ礁めゲ〖ム by y_catch - どこでも头...
*秦肥】マップの山绩 [#m1aa7ffd]
ゲ〖ムを侯るとき、キャラクタ〖だけではさびしいので、秦肥...
秦肥には、秦肥咖を回年する数恕と茶咙を回年する数恕があり...
**秦肥咖の回年 [#g6911641]
秦肥咖を回年するには、肌のようにシ〖ン(game.rootScene)の...
game.rootScene.backgroundColor = 'rgb(182, 255, 255)';
**秦肥茶咙の山绩 [#n13e96b1]
秦肥茶咙の山绩するには、まず秦肥の傅になる燎亨茶咙を脱罢...
#ref(map2.gif)
この9∵3マスの茶咙は、肌のように戎规を充り碰てます。
0, 1, 2, 3, 4, 5, 6, 7, 8
9,10,11,12,13,14,15,16,17
18,19,20,21,22,23,24,25,26
肌に、この茶咙をどのようにならべるか、眶猛で回年します。
燎亨茶咙を芹弥したいところには、その戎规を回年します。
なにもないところは≈-1∽を回年します。
海搀は、玻20マス、侥10マスの茶咙を秦肥として山绩します。
var blocks = [
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],
[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],
];　
これを悸狠に芹弥するには、肌のようにします。
-game.preload('bear.gif', 'map2.gif'); で燎亨茶咙を粕み哈む
-肌のコ〖ドで秦肥を回年
var map = new Map(16, 16);
map.image = game.assets['map2.gif'];
map.loadData(blocks);
-game.rootScene.addChild(map); で、呵稿に判峡
**サンプル [#b332014e]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-秦肥が山绩され、焊宝の甜磅キ〖でクマが瘤ります。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson3.lzh)
*nakamura001 サンプル礁 [#z2822510]
ここまで、シコシコとenchant.jsのサンプルを侯ってきたら、...
-[[nakamura001 @ ウィキ - トップペ〖ジ/JavaScriptゲ〖ム/...
-キャラクタ〖を宝に败瓢 [[ソ〖ス:http://tsuyobi.heteml.jp...
-キャラクタ〖を数羹キ〖で败瓢 [[ソ〖ス:http://tsuyobi.het...
-饼牲败瓢借妄(キャラクタ〖の茶咙瓤啪) [[豺棱:http://d.hat...
-タップした疤弥にキャラクタ〖を败瓢 [[ソ〖ス:http://tsuyo...
-ラベルの山绩 [[ソ〖ス:http://tsuyobi.heteml.jp/html/java...
-碰たり冉年(ライブラリのメソッドを蝗わずに极涟で冉年) [[...
-碰たり冉年(ライブラリのメソッドで冉年) [[ソ〖ス:http://t...
-キャラクタ〖アニメ〖ションの数恕 [[豺棱:http://d.hatena....
-キャラクタ〖の纳裁数恕 [[豺棱:http://d.hatena.ne.jp/naka...
-贾の败瓢借妄 [[豺棱:http://d.hatena.ne.jp/nakamura001/20...
-レイヤ〖の涟稿簇犯を雇胃したキャラクタ〖纳裁数恕 [[豺棱:...
-庶湿俐觉に湿を抨げる数恕 [[豺棱:http://d.hatena.ne.jp/na...
*git [#ecca0cf8]
-[[ycatch/test_enchant.js - GitHub:https://github.com/yca...

[[Programing]]
ここは、enchant.jsをはじめるときに涩妥な、ごくごく答塑弄...
enchant.jsに烧掳のサンプルのアクションゲ〖ム(\examples\ac...
enchant.jsは、ゲ〖ムプログラムを侯るためのライブラリプロ...
HTML5とJavascriptという祷窖で侯られていて、パソコンだけじ...
ここでは、警しずつコ〖ドを剩花にしていって、クマが瘤り搀...
-[[9leap : 30擅、リンゴ礁めゲ〖ム by y_catch - どこでも头...
-30擅粗で、できるだけたくさんリンゴを礁めてください。
-焊宝の甜磅キ〖で、クマが瘤ります。
-焊布の浇机エリアを蝗うと、マウスクリック(パソコン)、タッ...
もう警しゲ〖ムらしくした。
-[[9leap : 30擅、リンゴ礁めゲ〖ムPart2:http://9leap.net/g...
#ref(1176_140.gif)
#contents
*ダウンロ〖ド [#yc6b9b9f]
-[[enchant.js - HTML5 + JavaScript Game Engine:http://enc...
*涩妥なファイル [#b8f4e08f]
enchant.jsから、肌のファイルを艰り叫します。
クマ茶咙(bear.gif)は、猖紊しています。
- enchant.js¨enchant.js塑挛
- game.js¨ゲ〖ムのメインプログラム
- index.html¨メインプログラムを钙び叫すHTMLファイル。こ...
- bear.gif:茶咙ファイル
#ref(bear.gif)
* index.html [#nde0ff97]
ゲ〖ムを悸乖するには、 index.htmlをダブルクリック。ここか...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-widt...
<meta name="apple-mobile-web-app-capable" conten...
<meta name="apple-mobile-web-app-status-bar-styl...
<title>Sample Game</title>
<script type="text/javascript" src="enchant.js">...
<script type="text/javascript" src="game.js"></s...
<style type="text/css">
body {
margin: 0;
}
</style>
</head>
<body>
</body>
</html>
* game.jsの答塑コ〖ド [#b1f8a8b5]
ゲ〖ムのメインプログラムであるgame.jsの答塑弄な菇喇を界戎...
**部もしないコ〖ド [#z5168b76]
これが、答塑妨。いちおう、茶咙ファイル(bear.gif)を粕み哈...
布淡のテキストをgame.jsというテキストファイルとして瘦赂す...
enchant();
window.onload = function() {
var game = new Game(320, 320); //ゲ〖ム茶烫を肋年
game.preload('bear.gif'); //茶咙ファイルを粕み哈み
game.onload = function() {
//≈{∽と≈}∽の粗に、ゲ〖ムの瓢侯を淡揭する
}
game.start();
}
**茶咙をただ山绩する [#qb76c8e5]
涟揭のファイルを今き垂えて、スプライト怠墙(Sprite)で茶咙...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
game.rootScene.addChild(bear);
}
game.start();
}
**山绩する茶咙を恃える [#p7e99849]
剩眶のイメ〖ジを积っている茶咙の眷圭、スプライトで侍のイ...
クマが殊いているアニメ〖ションなどに蝗えます(まだ殊きませ...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
bear.frame = 1;
game.rootScene.addChild(bear);
}
game.start();
}
**山绩疤弥を回年 [#mb934d47]
スプライトの疤弥を回年
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
bear.x = 150;
bear.y = 150;
bear.frame = 1;
game.rootScene.addChild(bear);
}
game.start();
}
**キ〖掐蜗で茶咙を磊り仑え [#s89a6625]
焊宝の甜磅キ〖を病して、茶咙を磊り仑え
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.x = 150;
bear.y = 150;
if(game.input.left) bear.frame = 1;
if(game.input.right) bear.frame = 2;
});
game.rootScene.addChild(bear);
}
game.start();
}
**アニメ〖ション１ [#f6c15a11]
焊宝の甜磅キ〖で、その眷で瘤る
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.x = 150;
bear.y = 150;
if(game.input.right) {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
}
if(game.input.left) {
if(bear.frame == 4) {
bear.frame = 5;
} else {
bear.frame = 4;
}
}
});
game.rootScene.addChild(bear);
}
game.start();
}
**アニメ〖ション２ [#v06aaf4f]
焊宝の甜磅キ〖で瘤る。噬は痰浑。
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.y = 150;
if(game.input.right) {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
bear.x += 5;
}
if(game.input.left) {
if(bear.frame == 4) {
bear.frame = 5;
} else {
bear.frame = 4;
}
bear.x -= 5;
}
});
game.rootScene.addChild(bear);
}
game.start();
}
**アニメ〖ション３ [#r9bd2f81]
焊宝の甜磅キ〖で瘤る。噬で贿まる。
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
bear.y = 150;
if(game.input.right) {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
if (bear.x < 300) {
bear.x += 5;
} else {
bear.x = 300;
}
}
if(game.input.left) {
if(bear.frame == 4) {
bear.frame = 5;
} else {
bear.frame = 4;
}
if (bear.x > 0) {
bear.x -= 5;
} else {
bear.x = 0;
}
}
});
game.rootScene.addChild(bear);
}
game.start();
}
**サンプル [#t3df58f2]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-焊宝の甜磅キ〖で、クマが瘤ります。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson1.lzh)
*矢机を山绩する [#rff46cbc]
茶烫惧に矢机を山绩するには、ラベル怠墙(Label)を蝗います。
**茶烫惧婶に盖年で矢机を山绩する [#u7bfd3f6]
≈Running Bear:∽という矢机を山绩する
enchant();
window.onload = function() {
var game = new Game(320, 320);
var label = new Label("Running Bear:");
label.x = 0;
label.y = 0;
game.rootScene.addChild(label);
game.start();
}
**矢机を今き垂える [#l4d79b5d]
盖年ではなく、山绩している矢机を恃步させる
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload("bear.gif");
var label = new Label("Running Bear:");
label.x = 0;
label.y = 0;
game.rootScene.addChild(label);
game.onload = function() {
var label_time = new Label();
label_time.x = 0;
label_time.y = 14;
label_time.addEventListener('enterframe', functi...
label_time.text = game.frame;
});
game.rootScene.addChild(label_time);
}
game.start();
}
**アニメ〖ションと矢机山绩 [#x93a3f15]
クマが瘤り、沸册箕粗が山绩されます。
アニメ〖ションのスピ〖ドを≈game.fps = 15;∽で拇腊してい...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload("bear.gif");
game.fps = 15;
var label = new Label("Running Bear:");
label.x = 0;
label.y = 0;
game.rootScene.addChild(label);
game.onload = function() {
//ラベルで矢机山绩
var label_time = new Label();
label_time.x = 0;
label_time.y = 14;
　　　　label_time.addEventListener('enterframe',...
label_time.text = game.frame;
});
game.rootScene.addChild(label_time);
//スプライトでクマ山绩
var bear = new Sprite(20, 30);
　　　　bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
if(bear.frame == 1) {
bear.frame = 2;
} else {
bear.frame = 1;
}
bear.x += 5
if (bear.x > 300) {
bear.x = 0;
}
bear.y = 50;
});
game.rootScene.addChild(bear);
}
game.start();
}
**サンプル [#dcb86424]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-クマが瘤り、沸册箕粗が山绩されます。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson2.lzh)
*跟蔡不を叫す [#o4cfc1f5]
ゲ〖ムに跟蔡不がつくと、弛しさ擒笼です。
**とにかく不を叫す [#hab3d314]
サウンドファイル()を粕み哈んで、それを≈.play∽で浩栏しま...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('jump.wav');
game.onload = function() {
var sound = game.assets['jump.wav'].play();
sound.play();
};
game.start();
};
**拎侯にあわせて不を叫す。 [#se2442cc]
茶咙山绩のところに、浩栏を寥み哈みます。
ⅷ跟蔡不ファイルを粕み哈めなくて、部刨か鹅汐しました。ench...
enchant();
window.onload = function() {
var game = new Game(320, 320);
game.preload('jump.wav', 'bear.gif');
game.onload = function() {
game.assets['jump.wav'].play();
var bear = new Sprite(20, 30);
bear.image = game.assets['bear.gif'];
bear.addEventListener('enterframe', function() {
if(game.input.right) {
var sound = game.assets['jump.wav'].clone();
sound.play();
}
});
game.rootScene.addChild(bear);
};
game.start();
};
**サンプル [#m807a206]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-宝甜磅キ〖で不が叫ます。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson4.lzh)
*茶咙を婶墒步する [#h52552ae]
プログラムは、いくつかの婶墒の寥み圭わせとして侯ると、侯...
**キャラ茶咙を婶墒步 [#n27ba729]
Kumaという婶墒(オブジェクト)を年盗。それをplayer1とplayer...
ひとつの肋纷哭(Kuma)から、剩眶の婶墒を侯り叫しています。...
enchant();
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
enchant.Sprite.call(this, 20, 30);
this.image = game.assets['bear.gif'];
this.x = x; this.y = y; this.frame = 0;
game.rootScene.addChild(this);
}
});
window.onload = function() {
game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
player1 = new Kuma(0, 0);
player1.frame = 1;
player2 = new Kuma(30, 0);
player2.frame = 2;
}
game.start();
}
**婶墒步した茶咙を败瓢 [#ia4fd2e6]
婶墒では、婶墒の肋纷哭娄で瓢侯を年盗できます。ここでは、K...
enchant();
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
enchant.Sprite.call(this, 20, 30);
this.image = game.assets['bear.gif'];
this.x = x; this.y = y; this.frame = 0;
game.rootScene.addChild(this);
},
move_right: function() {
this.x += 5;
},
move_left: function() {
this.x -= 5;
}
});
window.onload = function() {
game = new Game(320, 320);
game.preload('bear.gif');
game.onload = function() {
player = new Kuma(0, 0);
game.addEventListener('enterframe', function() {
if(game.input.right) {
player.move_right();
}
if(game.input.left) {
player.move_left();
}
});
}
game.start();
}
**婶墒步したキャラのアニメ〖ション [#q6b81d2f]
くっつけてみた。キ〖掐蜗の浮叫は、婶墒娄に败瓢した。これ...
キャラは焊宝キ〖で拎侥できる。
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.KUMA_WIDTH = 20;
this.KUMA_HEIGHT = 30;
this.KUMA_Y = 50;
this.dir = 0; //渴乖数羹 0:宝(right)、1:焊(left)
this.walk = 0; //殊乖ポ〖ズ 0:匿贿 1:宝颅 2:焊颅
this.step = 5;
enchant.Sprite.call(this, this.KUMA_WIDTH, this.KUMA_H...
this.image = game.assets['bear.gif'];
this.x = x;
this.y = this.KUMA_Y;
this.frame = 0;
this.addEventListener('enterframe', function() {
if(game.input.right) {
this.move_right();
} else if(game.input.left) {
this.move_left();
} else {
this.move_stop();
}
this.change_frame();
});
game.rootScene.addChild(this);
},
move_right: function() {
this.dir = 0;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x < (SCREEN_WIDTH - this.KUMA_WIDTH)) {
this.x += this.step;
} else {
this.x = SCREEN_WIDTH - this.KUMA_WIDTH;
}
},
move_left: function() {
this.dir = 1;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x > 0) {
this.x -= this.step;
} else {
this.x = 0;
}
},
move_stop: function(){
if(this.walk !== 0) {
game.assets['jump.wav'].play();
}
this.walk = 0;
},
change_frame: function() {
this.frame = this.dir * 3 + this.walk;
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.preload('jump.wav', 'bear.gif');
game.onload = function() {
player = new Kuma(0, 0);
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-焊宝の甜磅キ〖でクマが瘤ります。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson5.lzh)
*剩眶のパ〖ツを瓢かす [#f49c9150]
アクションゲ〖ムでは、剩眶の浓怠やタ〖ゲットが判眷します...
**剩眶の茶咙を山绩する [#he4e0e00]
まず剩眶の茶咙を山绩する涟に、茶咙をひとつだけ婶墒步して...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('icon0.gif');
game.onload = function() {
target = new Apple(100, 0);
}
game.start();
}
**剩眶の茶咙を瓢かす [#oda390f1]
これを猖陇して剩眶キャラを瓢かせるようにすると、こうなり...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('icon0.gif');
game.onload = function() {
targets = [];
game.rootScene.addEventListener('enterframe', function...
if((game.frame % 10) == 0){
var x = Math.floor(Math.random() * 300);
targets[game.frame] = new Apple(x, 0);
}
});
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson6-2.lzh)
これに、蹋数キャラを烧け裁えると、それらしくなってきます...
**极キャラ(拎侥できる)と浓キャラを票箕に山绩する [#v823b7...
焊宝キ〖で拎侥できる极キャラと、浓キャラを票箕に山绩する...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
//拎侥できる极キャラ
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.KUMA_WIDTH = 20;
this.KUMA_HEIGHT = 30;
this.KUMA_Y = 200;
this.dir = 0; //渴乖数羹 0:宝(right)、1:焊(left)
this.walk = 0; //殊乖ポ〖ズ 0:匿贿 1:宝颅 2:焊颅
this.step = 5;
enchant.Sprite.call(this, this.KUMA_WIDTH, this.KUMA_H...
this.image = game.assets['bear.gif'];
this.x = x;
this.y = this.KUMA_Y;
this.frame = 0;
this.addEventListener('enterframe', function() {
if(game.input.right) {
this.move_right();
} else if(game.input.left) {
this.move_left();
} else {
this.move_stop();
}
this.change_frame();
});
game.rootScene.addChild(this);
},
move_right: function() {
this.dir = 0;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x < (SCREEN_WIDTH - this.KUMA_WIDTH)) {
this.x += this.step;
} else {
this.x = SCREEN_WIDTH - this.KUMA_WIDTH;
}
},
move_left: function() {
this.dir = 1;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x > 0) {
this.x -= this.step;
} else {
this.x = 0;
}
},
move_stop: function(){
if(this.walk !== 0) {
game.assets['jump.wav'].play();
}
this.walk = 0;
},
change_frame: function() {
this.frame = this.dir * 3 + this.walk;
}
});
//剩眶山绩される陵缄キャラ
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('bear.gif', 'icon0.gif', 'jump.wav');
game.onload = function() {
player = new Kuma(0, 0);
targets = [];
game.rootScene.addEventListener('enterframe', function...
if((game.frame % 10) == 0){
var x = Math.floor(Math.random() * 300);
targets[game.frame] = new Apple(x, 0);
}
});
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson6-3.lzh)
これに碰たり冉年を烧け裁えると、ゲ〖ムっぽくなりますね。
**碰り冉年 [#vf730204]
极キャラと陵缄キャラが儡卡したかどうか、碰り冉年を乖いま...
enchant();
SCREEN_WIDTH = 320;
SCREEN_HEIGHT = 320;
score = 0;
//拎侥できる极キャラ
var Kuma = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.KUMA_WIDTH = 20;
this.KUMA_HEIGHT = 30;
this.KUMA_Y = 200;
this.dir = 0; //渴乖数羹 0:宝(right)、1:焊(left)
this.walk = 0; //殊乖ポ〖ズ 0:匿贿 1:宝颅 2:焊颅
this.step = 5;
enchant.Sprite.call(this, this.KUMA_WIDTH, this.KUMA_H...
this.image = game.assets['bear.gif'];
this.x = x;
this.y = this.KUMA_Y;
this.frame = 0;
this.addEventListener('enterframe', function() {
if(game.input.right) {
this.move_right();
} else if(game.input.left) {
this.move_left();
} else {
this.move_stop();
}
this.change_frame();
});
game.rootScene.addChild(this);
},
move_right: function() {
this.dir = 0;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x < (SCREEN_WIDTH - this.KUMA_WIDTH)) {
this.x += this.step;
} else {
this.x = SCREEN_WIDTH - this.KUMA_WIDTH;
}
},
move_left: function() {
this.dir = 1;
if((this.walk == 0) || (this.walk == 2)){
this.walk = 1;
} else if(this.walk == 1) {
this.walk = 2;
}
if (this.x > 0) {
this.x -= this.step;
} else {
this.x = 0;
}
},
move_stop: function(){
this.walk = 0;
},
change_frame: function() {
this.frame = this.dir * 3 + this.walk;
}
});
//剩眶山绩される陵缄キャラ
var Apple = enchant.Class.create(enchant.Sprite, {
initialize: function(x, y){
this.WIDTH = 16;
this.HEIGHT = 16;
this.STEP = 5;
enchant.Sprite.call(this, this.WIDTH, this.HEIGHT);
this.image = game.assets['icon0.gif'];
this.x = x;
this.y = y;
this.frame = 15;
this.addEventListener('enterframe', function(){
this.move_step();
});
game.rootScene.addChild(this);
},
move_step: function() {
this.y += this.STEP;
//碰り冉年
if(this.intersect(player)){
this.remove();
game.assets['jump.wav'].play();
}
//布眉に毗茫
if (this.y >= (SCREEN_HEIGHT - this.HEIGHT)) {
this.remove();
}
},
remove: function(){
game.rootScene.removeChild(this);
}
});
window.onload = function() {
game = new Game(SCREEN_WIDTH, SCREEN_HEIGHT);
game.fps = 15;
game.preload('bear.gif', 'icon0.gif', 'jump.wav');
game.onload = function() {
player = new Kuma(0, 0);
targets = [];
game.rootScene.addEventListener('enterframe', function...
if((game.frame % 10) == 0){
var x = Math.floor(Math.random() * 300);
targets[game.frame] = new Apple(x, 0);
}
});
}
game.start();
}
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson7.lzh)
*ゲ〖ム侯喇に守网なプラグイン [#o7f33f99]
enchant.jsは、プラグイン(plugin)で怠墙を橙磨できます。
ゲ〖ムを侯るときも、プラグインを宠脱すると侯度跟唯が惧が...
-[[plugin】enchant.js - HTML5 + JavaScript Game Engine:ht...
布淡も徊雇になります。
-[[enchant.jsで海まで侯ったゲ〖ムを∝9leap≠慌屯にする数...
**プラグインの蝗い数 [#x47ae7cf]
プラグインは、enchant.jsと票じフォルダか、その木布のplugi...
enchant.jsを豺培した眷圭は、稿荚になっています。
それから、プラグインが涩妥とする茶咙を票じフォルダに脱罢...
-nineleap.enchant.jsの眷圭
--start.png
--end.png
--font.png
-ui.enchant.jsの眷圭
--apad.png
--pad.png
あとは、index.htmlにプラグインファイルの淡揭を纳裁します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-widt...
<meta name="apple-mobile-web-app-capable" conten...
<meta name="apple-mobile-web-app-status-bar-styl...
<title>enchant</title>
<script type="text/javascript" src="enchant.js">...
<script type="text/javascript" src="plugins/nine...
<script type="text/javascript" src="plugins/util...
<script type="text/javascript" src="plugins/ui.e...
<script type="text/javascript" src="game.js"></s...
<style type="text/css">
body {margin: 0;}
</style>
</head>
<body>
</body>
</html>
惧淡では、10-11乖誊でpluginsフォルダにあるプラグインファ...
**スタ〖ト茶烫 [#g122127c]
nineleap.enchant.jsを粕み哈むと、ゲ〖ムスタ〖ト箕に极瓢弄...
**姜位茶烫 [#h45a6768]
nineleap.enchant.jsを粕み哈み、ゲ〖ム姜位すべきところに布...
game.end(game.score, "game end");
game.scoreは、评爬を呈羌した恃眶。
**タイム山绩 [#df53f786]
プログラム塑挛(game.onload = function()のところ)に、布淡...
timeLabel = new TimeLabel(8, 8);
game.rootScene.addChild(timeLabel);
布淡のように今くとカウントダウン。
timeLabel = new TimeLabel(8, 8, "countdown");
timeLabel.time = 30;
game.rootScene.addChild(timeLabel);
山绩するラベルを恃构するには
timeLabel.label = "LIFE:";
附哼の沸册箕粗を艰り叫すには、
A = timeLabel.label;
**スコア山绩 [#w26baaee]
プログラム塑挛の介袋步婶尸(window.onload = function() )に...
game.score = 0; //评爬の介袋步
プログラム塑挛(game.onload = function()のところ)に、布淡...
scoreLabel = new ScoreLabel(40, 8);
game.rootScene.addChild(scoreLabel);
ゲ〖ムの评爬纳裁コ〖ドとして、布淡のコ〖ドを今きます。
game.score += 10;
山绩するラベルを恃构するには
scoreLabel.label = "APPLE:";
**宛眶を侯る(ランダム山绩) [#f8deb4c9]
浓キャラや俱巢湿などをバラバラに山绩することをランダム山...
A = rand(10); //
**タッチパッド滦炳 [#y718b9d7]
スマ〖トフォンなどのタッチパッド滦炳にするには、布淡のコ...
var pad = new Pad();
pad.x = 0;
pad.y = 220;
game.rootScene.addChild(pad);
pad.xとpad.yで、拎侯脱パッドの山绩疤弥を回年。
**サンプル [#t3df58f2]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-30擅粗で、できるだけたくさんリンゴを礁めてください。
-焊宝の甜磅キ〖で、クマが瘤ります。
-焊布の浇机エリアを蝗うと、マウスクリック(パソコン)、タッ...
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson8.lzh)
*ゲ〖ム茶烫を脚ね圭わせる [#hfa3967f]
剩花なゲ〖ム茶烫を山绩させるときは、脚ね圭わせるように侯...
enchant.jsでは、このように脚ねる茶烫をシ〖ン(Scene)と钙び...
-[[enchant.jsのサンプルコ〖ドを豺粕する∈RPG试その1∷ | I...
-[[≮enchant.js≯ ≈呵庐でクルマを捐りこなすゲ〖ム∽の祷...
*ゲ〖ムを9leapで给倡する [#q01863b9]
9leapは、enchant.jsを蝗ったゲ〖ムの抨蛊サイト。抨蛊された...
-[[9leap : トップペ〖ジ - どこでも头べる、抨蛊房ゲ〖ムサ...
ログインするとゲ〖ムの抨蛊ˇコメントの抨蛊が材墙になるほ...
票じゲ〖ムでプレイしたTwitterでフォロ〖している客の攫鼠...
ゲ〖ムをお丹に掐りに纳裁して、稿から头ぶこともできます。
9leapにログインするには、Twitterアカウントが涩妥です。
**抨蛊数恕 [#r7d51209]
やり数は、こちらが徊雇になります。
-[[iPad 2が碰たるプログラミングコンテストサイト∝9leap≠...
**9leapに抨蛊してみた [#c4044f76]
-[[9leap : 30擅、リンゴ礁めゲ〖ム by y_catch - どこでも头...
*秦肥】マップの山绩 [#m1aa7ffd]
ゲ〖ムを侯るとき、キャラクタ〖だけではさびしいので、秦肥...
秦肥には、秦肥咖を回年する数恕と茶咙を回年する数恕があり...
**秦肥咖の回年 [#g6911641]
秦肥咖を回年するには、肌のようにシ〖ン(game.rootScene)の...
game.rootScene.backgroundColor = 'rgb(182, 255, 255)';
**秦肥茶咙の山绩 [#n13e96b1]
秦肥茶咙の山绩するには、まず秦肥の傅になる燎亨茶咙を脱罢...
#ref(map2.gif)
この9∵3マスの茶咙は、肌のように戎规を充り碰てます。
0, 1, 2, 3, 4, 5, 6, 7, 8
9,10,11,12,13,14,15,16,17
18,19,20,21,22,23,24,25,26
肌に、この茶咙をどのようにならべるか、眶猛で回年します。
燎亨茶咙を芹弥したいところには、その戎规を回年します。
なにもないところは≈-1∽を回年します。
海搀は、玻20マス、侥10マスの茶咙を秦肥として山绩します。
var blocks = [
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,-1,...
[4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4],
[3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3,3],
];　
これを悸狠に芹弥するには、肌のようにします。
-game.preload('bear.gif', 'map2.gif'); で燎亨茶咙を粕み哈む
-肌のコ〖ドで秦肥を回年
var map = new Map(16, 16);
map.image = game.assets['map2.gif'];
map.loadData(blocks);
-game.rootScene.addChild(map); で、呵稿に判峡
**サンプル [#b332014e]
-[[サンプルプログラムを悸乖する:http://www.catch.jp/progr...
-秦肥が山绩され、焊宝の甜磅キ〖でクマが瘤ります。
-[[ソ〖スコ〖ド:http://www.catch.jp/program/enchant.js/le...
ここまでで窗喇したファイル
#ref(enchant_sample_lesson3.lzh)
*nakamura001 サンプル礁 [#z2822510]
ここまで、シコシコとenchant.jsのサンプルを侯ってきたら、...
-[[nakamura001 @ ウィキ - トップペ〖ジ/JavaScriptゲ〖ム/...
-キャラクタ〖を宝に败瓢 [[ソ〖ス:http://tsuyobi.heteml.jp...
-キャラクタ〖を数羹キ〖で败瓢 [[ソ〖ス:http://tsuyobi.het...
-饼牲败瓢借妄(キャラクタ〖の茶咙瓤啪) [[豺棱:http://d.hat...
-タップした疤弥にキャラクタ〖を败瓢 [[ソ〖ス:http://tsuyo...
-ラベルの山绩 [[ソ〖ス:http://tsuyobi.heteml.jp/html/java...
-碰たり冉年(ライブラリのメソッドを蝗わずに极涟で冉年) [[...
-碰たり冉年(ライブラリのメソッドで冉年) [[ソ〖ス:http://t...
-キャラクタ〖アニメ〖ションの数恕 [[豺棱:http://d.hatena....
-キャラクタ〖の纳裁数恕 [[豺棱:http://d.hatena.ne.jp/naka...
-贾の败瓢借妄 [[豺棱:http://d.hatena.ne.jp/nakamura001/20...
-レイヤ〖の涟稿簇犯を雇胃したキャラクタ〖纳裁数恕 [[豺棱:...
-庶湿俐觉に湿を抨げる数恕 [[豺棱:http://d.hatena.ne.jp/na...
*git [#ecca0cf8]
-[[ycatch/test_enchant.js - GitHub:https://github.com/yca...

enchant.js をテンプレ〖トにして侯喇