背景レイヤーを使ってボスを作ろう

ここでは背景マップチップを使ってオリジナルのボスを作る方法を記述しています。
必要最低限なものは用意しておいてください。

スペシャルサンクス

Ten Years Ago様

マップチップに当たり判定をつける方法

まさおコンストラクション3.0以降ではマップチップのコードを取得するメソッドが用意されています。
背景用マップチップのコードを取得するにはgetMapChip2()メソッドを使います。
今回は当たり判定をつけたいので、主人公の位置のマップチップコードが知りたいので

mapchip_code = Applet1.getMapChip2(Applet1.getMyX(),Applet1.getMyY());

if( mapchip_code >= 1 ) {
	Applet1.setMyMiss(2);
}

if( mapchip_code >= 30 && Applet1.getMyVY() >= 10 ) {
	Applet1.setMyPress(3);
	boss_hp = boss_hp - 1;
}

取得したマップチップコードが30以上。そして主人公の落下速度が10以上である場合
主人公にボスを踏んだ時の動作をさせ、ボスの現在のHPを1減らし、その値を次のボスのHPとする。

背景マップチップの配置

次にプログラムを記述してマップチップを配置する方法を説明します。
マップチップを配置するにはsetMapChip2()メソッドを使います。
以下のように記述することで指定した座標にマップチップを配置することができます。

Applet1.setMapChip2(0,0,1);

ボスのパラメータを決める

それでは実際にボスを作っていくことにしましょう。
そのためには必要なパラメータを初期化します。
最低限必要なパラメータはボスのx座標とy座標、そしてボスのHPです。
それではパラメータを初期化するプログラムを見ていくことにしましょう。
ですがその前にこちらを参照してプログラムの動かし方の違いを理解してください。

非同期式の場合

function init() {
	boss_x = 20;	//ボスのx座標
	boss_y = 27;	//ボスのy座標
	boss_hp = 3;	//ボスのHP

	その他初期化したい変数など
}

timerID = setInterval("mainLoop()",100);	//mainLoop()を0.1秒毎に実行する

function mainLoop() {

	if(Applet1.getMode() < 2) {
		return;
	}

	if(Applet1.getJSMes() == 1) {		//ゲーム開始のメッセージを受けた
		Applet1.setJSMes(0);		//メッセージを受けたことを報告	
		init();				//init()を実行する
	}

	以下プログラムが続く

}

timerID = setInterval("mainLoop()",100);により0.1秒毎に関数mainLoop()が実行される
mainLoop()が実行され、ゲームが始まっていなければreturn;が読まれプログラムが終了する
そうでなければそれ以降のプログラムが実行される。
ゲームを開始するとgetJSMes()の働きにより1が出力される。
このときに関数init()が呼ばれ、値が設定される。
ゲーム開始時の状態を維持しないため、別の値をアプレット側に返す。
以降動作させたいプログラムが呼び出される。

同期式の場合

//グローバル変数
var init_f = false;	//  JavaApplet 起動時の初期化をしたかのフラグ

//  JavaApplet から全てのモードで  描画直前に呼び出される
function userJS(Offscreen_g,mode,view_x,view_y) {


	//  JavaApplet 起動時の初期化
	if(init_f == false) {
		init_f = true;

		//  JavaApplet 起動時の初期化
		userInitJS();
	}


	if(mode >= 100  &&  mode < 200) {
		//  ゲーム中
		if(Applet1.getJSMes() == 1) {
			//  ゲーム開始

			//  JavaApplet からのメッセージをクリアー
			Applet1.setJSMes(0);

			//  JavaScript ゲーム開始を呼び出す
			userGameStartJS();
		}

		//  JavaScript ゲーム中を呼び出す
		userGameJS(Offscreen_g,view_x,view_y);
	}

}


//  JavaApplet 起動時に JavaScript から１回だけ呼び出される
function userInitJS() {
}

function userGameStartJS() {
	boss_x = 20;
	boss_y = 27;
	boss_hp = 3;

	その他初期化したい変数など
}

funciton userGameJS(Offscreen_g,view_x,view_y) {
	メインプログラムを記述する
}

ボスの制御を行う

ここまではボスを作るための準備段階でした。いよいよボスの動きを扱うということに触れていきます。

サンプルとしてボスを左に1マス移動させるプログラムを考えることにします。
ボスの大きさはまさおのボスと同じ64*64とします。
まず、ボスのx座標,y座標を指定する変数boss_xとboss_yを用意し、64*64のボスを配置します。

function userGameJS(Offscreen_g,view_x,view_y) {

	if(boss_jyoutai == 100) {					//ゲーム開始時のボスの状態(値を100とする)
		Applet1.setMapChip2(boss_x,boss_y,1);		//左上
		Applet1.setMapChip2(boss_x+1,boss_y,2);		//右上
		Applet1.setMapChip2(boss_x,boss_y+1,3);		//左下
		Applet1.setMapChip2(boss_x+1,boss_y+1,4);		//右下
	}

}

function userGameJS(Offscreen_g,view_x,view_y) {
	…
	else if(boss_jyoutai == 200) {
		boss_x = boss_x - 1;				//ボスが1マス左に移動する
		Applet1.setMapChip2(boss_x,boss_y,1);		//左上
		Applet1.setMapChip2(boss_x+1,boss_y,2);		//右上
		Applet1.setMapChip2(boss_x,boss_y+1,3);		//左下
		Applet1.setMapChip2(boss_x+1,boss_y+1,4);		//右下

		Applet1.setMapChip2(boss_x+2,boss_y,0);		//過去のボスの右上の画像を消す
		Applet1.setMapChip2(boss_x+2,boss_y+1,0);		//過去のボスの右下の画像を消す
	}
}

○：空白
□：マップチップ
■：ゴミマップチップ

移動前

○○○○○□□○○○
○○○○○□□○○○


移動後
○○○○□□■○○○
○○○○□□■○○○

○：空白
□：マップチップ
■：ゴミマップチップ

移動前

○○○○○□□○○○
○○○○○□□○○○


移動後
○○○○□□○○○○
○○○○□□○○○○

最後に

ここで説明していることは基本的な部分です。
またここで書いたサンプルでは動きが速すぎるので、自分で考えて動きを制御してください。
様々なサイトを巡って「技」を盗んでいきましょう。