案件獲得できなかったら全額返金!未経験からプロのエンジニアスキルを身につけ、フリーエンジニアとして稼げるまで徹底サポート。オンラインでも教室でも学習可

”本気で”エンジニアを目指すなら『TECH BOOST』キャリアから逆算された講座内容で、あなたの未来をサポートします!

これなら誰でも簡単にプログラミングが始められる!HackforPlayの紹介【キーイベント使い方】

Pocket

キーイベントを使ってスライムを操作

今回はキーイベント使い方を紹介します。まずは、具体的にどんな使い方ができるのかを見ていきましょう

①Hキーを押すとHP(たいりょく)が増える

②Cキーを押して透明になり、もう一度押すと元に戻る

③W,A,S,Dキーを使ってスライムを操作

それでは、それぞれの作り方を紹介していきます。

①Hキーを押すとHP(たいりょく)が増える

Cキーを押した時について書きたい時は、このようなコードを使います

3行目、// ここに処理を書くと書かれた所に、HPを増やすコードを書いていきます

すると……

Hキーを押すとHP(たいりょく)が増える

Hキーを押すたびにHPが増えるようになりました!連打するほどHPアップ!!

②Cキーを押して透明になり、もう一度押すと元に戻る

まずは、不透明度のコードについて

Cキーを押して透明にするコードは以下のようになります

3行目のplayer.opacity = 0;に注目!このコードはプレイヤーの見た目の不透明度についてのコードです

下の画像のように、この数字が0だと完全に透明。1の時は普通に見えるようになり、0.4などの数字にすることで、半透明になります。

opacityは0から1の間の数字で指定します

今回は0を指定したので……

Cキーを押すと透明になる

Cキーを押すと透明に!でも、このコードでは彼はずーーーっと透明のままです

では、if文を使って透明←→通常を切り替えられるようにしていきます

if文では、「もし、▲▲なら◯◯する」という条件分岐を指定できます

これは、if文の書き方のイメージです。「プレイヤーは今見える状態か?」などの条件を指定し、

見える状態の時→プレイヤー透明にする

そうでない時(透明の時)→プレイヤーを見えるようにする

という条件分岐をします

では、具体的なコードにしてみましょう

3行目のif (player.opacity > 0)に注目!ここで条件を指定しています

今回は「もしplayer.opacity0より大きい時(完全に透明ではない時)」という条件にしてみました

このコードによって……

Cキーを押すたびに透明と見える状態を切り替える

Cキーを押すたびに、透明←→通常を切り替えられるようになりました!!

③W,A,S,Dキーを使ってスライムを操作

プレイヤーは矢印↑←↓→キーで操作できますが、同時にW,A,S,Dキーを使って、スライムも操作できるようにしてみましょう

コードはこうなります

item1.walk(1, { x: 0, y: -1 })という感じのコードで上下左右に歩くことができます

Qキーを押して攻撃できるようにもしてみました

スライムもプレイヤーも操作できるようになりました

スライムを操作してプレイヤーを倒す下克上!!

HackforPlayが二人で遊べるゲームになりました

ファミリーを変えて協力プレイ

先ほどのコードの中から、スライムの設定ついて書かれたコードを見てみましょう

スライムについてのコード

3行目のitem1.family = ('▼ ファミリー', Family.ドクリツ);に注目!

このボタンをクリックして、ファミリーをFamily.プレイヤーに変えることで「このスライムはプレイヤーの仲間」という設定にできます

スライムのファミリーをプレイヤーに

仲間同士では攻撃が当たりません。そのため、プレイヤーとスライム 二人協力プレイのゲームが作れるようになります

投稿者:プロナビ編集部

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

プログラミングで挫折しそうなら、現役エンジニアにマンツーマンで相談してみませんか?オンラインのプログラミングスクール「TechAcademy」のメンターが対応。

この記事が気に入ったら
いいね!しよう

プロナビの最新情報をお届けします

あわせて読みたい

関連記事

ページ上部へ戻る