この動画はプレミアム会員限定動画です。
閲覧するには登録が必要となります。
プレミアム会員の登録をする
プレミアム会員限定動画【JavaScriptで戦闘ゲーム制作 #8】討伐数を実装して、より複雑なゲームを作っていきましょう！
第８回目の動画では、敵の討伐数を実装してさらにゲームを複雑化していきます。
今どのくらい敵を倒したのか？どのくらい敵を倒せばクリアするのか？を数値として出していきましょう！
また、次の敵とエンカウントするための仕組みを独自モーダルウインドウを使って実装していきます。
最後までゲームを作れた方お疲れ様でした！
さらなる機能を追加したい方は、以下のようなものを参考に頑張ってみてください！
ゲームは拡張性がとてもあるので、自分が考えたものでも大丈夫です。
◯以下追加機能
・プレイヤーと敵のHPゲージが、50%以下になったらゲージをオレンジにする。20%以下になったら赤くする。
・敵を倒した時に、お金をもらい、その金額を常にどこかに表示する。
・お金をもらえるようになったら、敵ごとにもらえるお金を変更する。
・敵を倒した時に、経験値をもらえるようにする。これも敵ごとにもらえる値を設定する。
・経験値をもらえるようになったら、経験値20もらえるごとにレベルを１上げる。（経験値40もらったら一度にレベルを2上げる。60もらったらレベルを3あげる。）
・レベルが１上がるごとに、各能力値（攻撃・防御・最大HP）を２ずつ上げる。
・攻撃するボタンの横に、ファイアというボタンを追加して、相手の防御力を無視で固定で50ダメージを与えられるようにする。
・ファイアボタンを実装できたら、MP（マジックポイント）という概念を実装し、HPゲージの下にMPゲージを黄緑色で実装する。プレイヤーのMPを20に設定し、ファイアを一回使うごとにMPを5消費するようにする。MPが足りないときは、ファイアボタンを半透明にし、押せなくする。レベルが上がった時には、MPも同様に上げるようにする。
・「攻撃する」と「ファイア」ボタンの横に、さらにアイテムボタンを設置する。アイテムを押すと、モーダルウィンドウが開き、ポーションとマジックポーションを選べるようにする。それぞれ最初に３個ずつ所持しているものとし、０個になったら使えなくする。ポーションはHP５０回復。マジックポーションはMP２０回復とする。ちなみに、最大値を越えて回復しようとした場合、最大値になる。尚、アイテムを使ったら、その後敵から攻撃を受けるものとする。
・敵を倒した後、「次へ進む」ボタンが出てきた時に、その隣に「ショップ」というボタンを用意する。ショップを押すと買えるアイテムの一覧が出てきて、ポーションやマジックポーションを買うことができる。もちろん所持金以上に買うことはできない。
・ショップの機能が実装できたら、敵を倒すごとに３分の１の確率で、固有のアイテムを手に入れられることとする。固有のアイテムは、それぞれ売ることができる。また、ポーションなどは販売価格の半分の値段で売れるものとする。
他のJavaScriptでアプリを作るシリーズ「パスワードジェネレーターを作る」はこちら
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPyNata1roli-QVD9QtfnhJg/
このシリーズの動画再生リストは以下です。活用してください！
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPwvgMIsFAbGdqhgZdePBVuj/
今どのくらい敵を倒したのか？どのくらい敵を倒せばクリアするのか？を数値として出していきましょう！
また、次の敵とエンカウントするための仕組みを独自モーダルウインドウを使って実装していきます。
最後までゲームを作れた方お疲れ様でした！
さらなる機能を追加したい方は、以下のようなものを参考に頑張ってみてください！
ゲームは拡張性がとてもあるので、自分が考えたものでも大丈夫です。
◯以下追加機能
・プレイヤーと敵のHPゲージが、50%以下になったらゲージをオレンジにする。20%以下になったら赤くする。
・敵を倒した時に、お金をもらい、その金額を常にどこかに表示する。
・お金をもらえるようになったら、敵ごとにもらえるお金を変更する。
・敵を倒した時に、経験値をもらえるようにする。これも敵ごとにもらえる値を設定する。
・経験値をもらえるようになったら、経験値20もらえるごとにレベルを１上げる。（経験値40もらったら一度にレベルを2上げる。60もらったらレベルを3あげる。）
・レベルが１上がるごとに、各能力値（攻撃・防御・最大HP）を２ずつ上げる。
・攻撃するボタンの横に、ファイアというボタンを追加して、相手の防御力を無視で固定で50ダメージを与えられるようにする。
・ファイアボタンを実装できたら、MP（マジックポイント）という概念を実装し、HPゲージの下にMPゲージを黄緑色で実装する。プレイヤーのMPを20に設定し、ファイアを一回使うごとにMPを5消費するようにする。MPが足りないときは、ファイアボタンを半透明にし、押せなくする。レベルが上がった時には、MPも同様に上げるようにする。
・「攻撃する」と「ファイア」ボタンの横に、さらにアイテムボタンを設置する。アイテムを押すと、モーダルウィンドウが開き、ポーションとマジックポーションを選べるようにする。それぞれ最初に３個ずつ所持しているものとし、０個になったら使えなくする。ポーションはHP５０回復。マジックポーションはMP２０回復とする。ちなみに、最大値を越えて回復しようとした場合、最大値になる。尚、アイテムを使ったら、その後敵から攻撃を受けるものとする。
・敵を倒した後、「次へ進む」ボタンが出てきた時に、その隣に「ショップ」というボタンを用意する。ショップを押すと買えるアイテムの一覧が出てきて、ポーションやマジックポーションを買うことができる。もちろん所持金以上に買うことはできない。
・ショップの機能が実装できたら、敵を倒すごとに３分の１の確率で、固有のアイテムを手に入れられることとする。固有のアイテムは、それぞれ売ることができる。また、ポーションなどは販売価格の半分の値段で売れるものとする。
他のJavaScriptでアプリを作るシリーズ「パスワードジェネレーターを作る」はこちら
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPyNata1roli-QVD9QtfnhJg/
このシリーズの動画再生リストは以下です。活用してください！
https://factory-programming-mv.com/playlistDetails/PLv7E5OqNAIPwvgMIsFAbGdqhgZdePBVuj/