子供が物に当たってしまう場合、その親もイライラするとやはり同じように物に当たる、という傾向がある場合があります。子供は親を見て育つので、怒りの発散方法が物に当たるという場面を見るとやはり同じことをします。しかしそこで親が声を荒げると逆効果になりますので、まずは冷静に子供の話を聞くことが大切です。怒鳴ったり恐怖で子供をコントロールしようとしても、根本のストレスを取り除いていないので親の目の届いてないところに怒りの矛先を向けるだけです。もし怒りを感じた場合、どう感情をコントロールするか教えてあげましょう。物に当たりたくなったら深呼吸をする、粘土などを与えて思い切り握るなど、イライラしたら→「物に当たる」を、何か別の手段で解消する手立てを提案します。無料でマイナビエージェントに相談してみる！多くの採用担当者は、あなたの「人となり」を判断する材料として「趣味特技」欄までチェックしています。だから、適切に趣...いまいち難しくてなかなか正しい意味を調べることのない「ご健勝」「ご多幸」という言葉。調べてみると意外に簡単で、何に...「ご査収ください／ご査収願いします／ご査収くださいますよう」と、ビジネスで使用される「ご査収」という言葉ですが、何...選考で要求される履歴書。しかし、どんな風に書いたら良いのか分からない、という方も多いのではないかと思います。そんな...通勤経路とは何でしょうか。通勤経路の届け出を提出したことがある人は多いと思います。通勤経路の書き方が良く分からない...ナガオカ ユキ ゲームはブラウザ上で動作するのでPC・スマホ・タブレット関係なく遊べますが基本スマホで遊ぶことを前提にデザインして開発しています。 Languageゲームタグ内部リンク第1回：前回は障害物を出すようにしたので今回は障害物と自機との当たり判定と当たった時の処理を追加していこうと思います。出来上がりはこんな感じ(‘ω’)ノ目次まず最初に当たり判定について簡単に説明したいと思います(`・ω・´)私たちが遊ぶテレビゲームというのは画面に画像が表示されて、その画像を操作したりして遊ぶわけなんですけど、これはただ画面に画像が表示されているだけで実際に当たるなんてことは当然ないわけです。なのでプログラムで当たったかどうか判別する処理を書いて、そしてゲームが実行されている間ずっと当たったか当たってないかという判定(当たり判定)をコンピューターがしています。で、その当たり判定の基本的な判定方法として矩形(四角)の当たり判定と円の当たり判定というのがあります。どちらを使うかはゲームによるんですが、マリオのようなアクションゲームでは矩形を使います。なぜなら、マリオを想像してもらえば分かりやすいと思うんですがブロックなど四角のものがステージを構成しています。なので矩形の当たり判定を用いた方が正しく判定されやすいわけです。円の当たり判定はシューティングゲームに使われます。敵の弾など丸いものが多いため円の当たり判定の方が向いているわけです。もちろん他にも当たり判定の方法はありますが最初に覚えるべき当たり判定はこの2つです(というかこれ以外は数学の知識が無いと対応できないです。私もまだちゃんとできていない(^^;))。で、今回は一応アクションゲームなので矩形の当たり判定をとりあえず使ってやってみましょう(・∀・)で、enchant.jsには当たり判定処理が最初から入っていて使うことができます。が、これが画像の大きさ(自機だと128×128）で判定してしまうので余白の部分でも当たってしまい実用的ではありません(；´Д｀)というわけで私が作った当たり判定を使いましょう。これをプログラムのどこかに追加してください。あ、解説はググってください(^^;)（解説が大変なので。。）当たり判定の関数をメインループから直接呼んでもいいんですが当たった場合の処理を自機や障害物に書くことになるのでちょっと違うやり方にしてみます。まず障害物クラスにこのようにメソッドを追加します。引数はplayerです。そして障害物クラスからPlayrerクラスの当たり判定メソッドそ呼びます。プレイヤークラスにcollisionメソッドを追加します。このなかで当たり判定関数を呼び出して判定します。そして最初の当たり判定の呼び出しをMainGameScene内のループ処理に書きます。これで当たった場合にコンソールに「hit!」と表示されます。（F12を押してコンソールってタグのところね）ここで一つ別件ですが説明しておきたいことがあります。MainGameSceneループ内にいくつか処理を書きましたが実はこれらは各クラスのonenterframe内に書くことができます。じゃあ、なんでわざわざメインループ内に書いたのか？で、話を当たり判定に戻して、障害物・プレイヤークラスの各collisionメソッド内のif文はtrueが帰ってきたら当たっているので当たった処理を書きます。この方がメインループ内で当たり判定をしてから各クラスの処理用メソッドを呼ぶより書きやすいんじゃないかな、と私は思ってます(^^;)enchant.jsの当たり判定は画像の大きさのまま判定してしまうので自作関数で当たり判定をすることにしたのに今の段階では画像の幅でやってて自作関数でやってる意味がないです(^^;)なので当たる範囲を変更します。（当たり判定の状況が分かり辛いのでスクロールスピードを落として確認してね）今現在はこの画像の黒枠の部分が当たり判定の位置になっているんですがこれを黄色の枠まで狭めます。これで多少は当たり判定がマシになると思います。というわけで、当たる範囲を保存する変数を作ります。Playerクラスのinitializeメソッド内に以下のような変数を作成します。この配列は左端・右端・上端・下端の位置を順に入れてます。それぞれの位置は自機のx座標y座標からの位置にしています。数値はだいたいできめましたけど(^^;)で、当たり判定のところをのように修正します。障害物も同様に修正します。これで当たり判定の範囲が良くなったと思います。ただ、当たり判定はゲームにとってはとても大事な部分なのでゲームができてきたら実際にプレーしながら修正していく必要があると思います。また、今回は当たり判定の範囲が一つしかないですが、キャラの状態によっては(ジャンプ中、しゃがむなど)で切り替える必要も出てきます。本格的にゲームを作ろうとなってくるとかなり大変な作業になってくる部分だと思います(；´Д｀)当たり判定はつけたものの当たっても自機は平然と走り続けてます(^^;)当たったらどうにかなってもらわないとゲームにならないので当たったときの処理を作っていきましょう。ではプログラムを追加していくわけですが、今回はいっぱいあります(^^;)まずは生きてるか死んでるかのフラグをPlayerクラスに作ります。でPlayerクラスの当たり判定部分を変更します。もうすでに当たっていた場合は当たり判定の必要がないのでreturnで抜けます。まだ当たっていない状態で当たったらフラグをtrueにして画像の切り替えなどをします。そしてonenterframeにやられたときの処理を追加します。ジャンプと同じような処理で画面下に落下させます。画面外に出たらゲームオーバーシーンに切り替えます。それ以降の処理は必要ないのでreturnで抜けます。jumpメソッド内もすでに当たっていた場合は抜けるようにしておきます（操作させない）これで自機が障害物にあたったら泣きながらぴょんと飛び上がって落ちていくようになります。当たり判定の処理もついて一応ゲームという感じに出来上がりました(*´ω｀)ここまでのプログラムはこちらで確認できます→で、丁度区切りもいいのでランゲー講座はこれで終わりにしようかと思います。本当はもうちょっと色々つけたりしたかったんですけど、そうなると色々変更箇所が出てきて説明が大変になってくるのでここで切り上げることにしました(;´･ω･)なのでここから先はご自分で考えて修正したり付け足したりしてみてください(‘ω’)ノ最後に改めてもう一度言わせていただきたいんですが、今回のこの講座は「素人開発者の私の個人的な開発スタイル」です。私なりのやり方に過ぎないです。なので私のやり方を鵜呑みにせず自分なりにいろいろ考えて「こうした方がもっと良くない？」というのを探していってください。きっとあるはずです（自分でそんなこと言うのもなんですけどね（；^ω^））というわけで、ランゲー講座はここまで。お疲れさまでした(‘ω’)ノ【シェアしとく？】※コメントはまだありません※