JavaScriptでドラゴンクエストのようなRPGをつくる（2） の続きです。
VIDEO
プレイヤーによる攻撃 敵を攻撃するときは通常攻撃と攻撃魔法があります。前者のときは引数falseでFight関数が、後者のときは引数trueで同関数が呼び出されます。
// 通常攻撃
function NormalAttack ( ) {
Fight ( false ) ;
}
// 魔法による攻撃
function Magic1 ( ) {
if ( playerMP > = 3 ) {
playerMP -= 3 ;
Fight ( true ) ;
}
}
Fight関数は敵を攻撃する処理をおこないます。攻撃の結果は自作関数ShowAttackResultで表示されます。そのあと敵を倒したときはOnPlayerWin関数で、敵を倒せなかったときはEnemyAttack関数を実行して敵に攻撃をさせます。
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
27
28
29
30
31
32
33
34
35
36
function Fight ( isMagic ) {
if ( ! showCommandButtons )
return ;
showCommandButtons = false ;
let wait = 750 ;
messageOnBattle = ` $ { playerName } の攻撃` ;
let interval = wait ;
let interval2 = wait * 2 ;
if ( isMagic ) {
interval = wait * 2 ;
interval2 = wait * 3 ;
setTimeout ( ( ) => {
messageOnBattle = ` $ { playerName } は$ { magicName } を唱えた` ;
magicSound . currentTime = 0 ;
magicSound . play ( ) ;
} , wait ) ;
}
let isPlayerWin = false ;
setTimeout ( ( ) => {
isPlayerWin = ShowAttackResult ( isMagic ) ;
} , interval ) ;
setTimeout ( ( ) => {
if ( isPlayerWin ) {
OnPlayerWin ( wait ) ;
return ;
}
EnemyAttack ( wait ) ;
} , interval2 ) ;
}
ShowAttackResult関数はプレイヤーによる攻撃結果を取得して表示します。その攻撃で敵を倒すことができた場合はtrueを、そうでない場合はfalseを返します。
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
27
28
29
30
31
32
33
34
35
36
function ShowAttackResult ( isMagic ) {
// 敵に与えるダメージを乱数で取得
let damage = Math . ceil ( Math . random ( ) * 10 ) ;
// 攻撃魔法を用いたときはダメージを加重する
if ( isMagic )
damage += 16 ;
if ( scene == SCENE_ZAKO_BATTLE ) {
if ( isMagic )
messageOnBattle = ` 敵に$ { damage } のダメージ` ;
else
messageOnBattle = ` 敵に$ { damage } のダメージ` ;
hitSound . currentTime = 0 ;
hitSound . play ( ) ;
enemyHP -= damage ;
if ( enemyHP < = 0 )
return true ;
else
return false ;
}
if ( scene == SCENE_BOSS_BATTLE ) {
if ( isMagic )
messageOnBattle = ` 魔王に$ { damage } のダメージ` ;
else
messageOnBattle = ` 魔王に$ { damage } のダメージ` ;
hitSound . currentTime = 0 ;
hitSound . play ( ) ;
bossHP -= damage ;
if ( bossHP < = 0 )
return true ;
else
return false ;
}
return false ;
}
敵を倒したときの処理 OnPlayerWin関数は敵を倒したあとの処理をおこないます。
ザコ敵を倒したらシーンはSCENE_BLACK_OUTを経てSCENE_FIELDに変わります。ボス敵を倒したときはゲームクリアの処理をおこないます。
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
27
28
29
30
31
32
33
function OnPlayerWin ( wait ) {
if ( scene == SCENE_ZAKO_BATTLE ) {
messageOnBattle = ` 敵をたおした。` ;
}
if ( scene == SCENE_BOSS_BATTLE ) {
messageOnBattle = ` 魔王をたおした。` ;
cleared = true ;
}
StopBgm ( ) ;
battleEndSound . currentTime = 0 ;
battleEndSound . play ( ) ;
setTimeout ( ( ) => {
messageOnBattle = '' ;
if ( scene == SCENE_ZAKO_BATTLE ) {
scene = SCENE_BLACK_OUT ;
setTimeout ( ( ) => {
playerMaxHP ++;
scene = SCENE_FIELD ;
PlayBgm ( bgm ) ;
} , wait ) ;
}
if ( scene == SCENE_BOSS_BATTLE ) {
scene = SCENE_BLACK_OUT ;
setTimeout ( ( ) => {
ToGameClear ( ) ;
} , wait * 2 ) ;
}
} , wait ) ;
}
ゲームクリア後の処理 ゲームクリア後の処理を行なうToGameClear関数を示します。
シーンをSCENE_MY_CASTLEに戻してプレイヤーをゲーム開始時の位置に戻します。そして王女にお礼の言葉を語らせます。そのあと’ＧＡＭＥ ＣＬＥＡＲ’の文字ともう一度ゲームをするためのボタンを表示させます。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
function ToGameClear ( ) {
scene = SCENE_MY_CASTLE ;
PlayBgm ( bgm ) ;
cleared = true ;
InitPlayerPosition ( ) ;
message = "魔王を倒していただき\nありがとうございました。" ;
let wait = 2000 ;
setTimeout ( ( ) => {
message = 'ＧＡＭＥ ＣＬＥＡＲ' ;
} , wait ) ;
setTimeout ( ( ) => {
if ( $ retry ! = null )
$ retry . style . display = 'block' ;
} , wait * 2 ) ;
}
敵の攻撃 敵を攻撃してそのターンで倒すことができなかった場合は敵の攻撃がおこなわれます。攻撃の結果、プレイヤーのHPが0にならなかった場合は次のターンに移ります。HPが0になった場合はプレイヤーの負けです。OnLosePlayer関数を呼び出して敗戦後の処理をおこないます。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function EnemyAttack ( wait ) {
if ( scene == SCENE_ZAKO_BATTLE )
messageOnBattle = ` 敵の攻撃` ;
if ( scene == SCENE_BOSS_BATTLE )
messageOnBattle = ` 魔王の攻撃` ;
setTimeout ( ( ) => {
let damage = Math . ceil ( Math . random ( ) * 10 ) ;
messageOnBattle = ` $ { playerName } に$ { damage } のダメージ` ;
damageSound . currentTime = 0 ;
damageSound . play ( ) ;
playerHP -= damage ;
if ( playerHP < 0 )
playerHP = 0 ;
setTimeout ( ( ) => {
if ( playerHP > 0 )
showCommandButtons = true ;
else
OnLosePlayer ( wait ) ;
} , wait ) ;
} , wait ) ;
}
敗北時の処理 敵にやられてしまったときの処理を示します。自分の城に移動し、王女に’おお、死んでしまうとは情けない。’という定番の台詞を語らせます。
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
27
28
29
30
31
32
33
34
35
function OnLosePlayer ( wait ) {
messageOnBattle = ` $ { playerName } はきずつきたおれた` ;
StopBgm ( ) ;
setTimeout ( ( ) => {
scene = SCENE_BLACK_OUT ;
setTimeout ( ( ) => {
// スタート地点に戻る
messageOnBattle = ` ` ;
ToStart ( ) ;
} , wait * 2 ) ;
} , wait ) ;
}
function ToStart ( ) {
scene = SCENE_MY_CASTLE ;
InitPlayerPosition ( ) ;
playerHP = playerMaxHP ;
playerMP = playerMaxMP ;
PlayBgm ( bgm ) ;
let talkSpeed = 2000 ;
message = 'おお、死んでしまうとは情けない。' ;
setTimeout ( ( ) => {
message = 'もう一度チャンスをやる。\n今度こそ魔法を倒してこい。' ;
} , talkSpeed ) ;
setTimeout ( ( ) => {
message = '' ;
} , talkSpeed * 2 ) ;
}
回復魔法 回復魔法を唱えたときの処理を示します。MP3を減らしてプレイヤーのHPを全回復させ、敵に攻撃させます。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
function Magic2 ( ) {
let wait = 750 ;
if ( ! showCommandButtons | | playerMP < 3 )
return ;
showCommandButtons = false ;
playerMP -= 3 ;
messageOnBattle = ` $ { playerName } は回復魔法を使った` ;
magicSound . currentTime = 0 ;
magicSound . play ( ) ;
setTimeout ( ( ) => {
messageOnBattle = ` $ { playerName } のHP が全回復した` ;
playerHP = playerMaxHP ;
} , wait ) ;
setTimeout ( ( ) => {
EnemyAttack ( wait ) ;
} , wait * 2 ) ;
}
ゲーム開始と再プレイ 最後にゲームを開始するための処理と再プレイするときの処理を示します。
開始ボタンをクリックしたときはStart関数が呼び出されます。ゲームをスタートするためのボタンを非表示にし、王女に魔王を倒すように依頼させます。
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
function Start ( ) {
if ( $ start ! = null )
$ start . style . display = 'none' ;
InitPlayerStatus ( ) ;
InitPlayerPosition ( ) ;
cleared = false ;
PlayBgm ( bgm ) ;
message = ` $ { playerName } さま、お願いです。\ n 東の城にいる魔王を倒してください。` ;
messageOnBattle = '' ;
let talkSpeed = 2000 ;
setTimeout ( ( ) => {
message = '体力を消耗したら\n私のもとに戻ってきてください。' ;
} , talkSpeed ) ;
setTimeout ( ( ) => {
message = 'けっして無理はなさらぬように。' ;
} , talkSpeed * 2 ) ;
setTimeout ( ( ) => {
message = '' ;
this . talking = false ;
started = true ;
} , talkSpeed * 3 ) ;
}
InitPlayerStatus関数はプレイヤーのHPとMPを初期の最大HPとMPに設定します。
function InitPlayerStatus ( ) {
playerMaxHP = initPlayerMaxHP ;
playerHP = playerMaxHP ;
playerMaxMP = initPlayerMaxMP ;
playerMP = playerMaxMP ;
}
再プレイするボタンをクリックしたときはRetry関数が呼び出されます。
function Retry ( ) {
if ( $ retry ! = null )
$ retry . style . display = 'none' ;
Start ( ) ;
}
鳩でも分かるC#管理人からのお願い
できる仕事であれば請け負います。鳩でもわかるC#管理人はクラウドワークスに在宅ワーカーとして登録しています。お仕事の依頼もお待ちしております。
⇒ 仕事を依頼する
コメントについて
コメントで英語などの外国語でコメントをされる方がいますが、管理人は日本語以外はわからないので基本的に内容が理解できず、承認することもありません。それからへんな薬を売っているサイトやリンク先のサイトが存在しないというスパムコメントも多々あります。
Some people make comments in foreign languages such as English, but since the manager does not understand anything other than Japanese, he basically cannot understand the content and does not approve it. Please use Japanese when making comments.
そんななか日本語のコメントもいただけるようになりました。「○○という変数はどこで宣言されているのか？」「××というメソッドはどこにあるのか」「例外が発生する」「いっそのことソース丸ごとくれ」という質問ですが、管理人としては嬉しく思います。「自分が書いた記事は読まれているんだな」と。疑問点には可能な限り答えます。記事に問題があれば修正いたします。
そのうえでお願いがあります。「匿名」という味も素っ気もない名前ではなく、捨てハンでいいのでなにかハンドルネームをつくってほしいと思います。
管理人のモチベーションアップのために
よろしければご支援お願いします。
⇒ 管理人の物乞いリスト
