ハン シュンピン H5 ゲーム開発戦車戦ビデオ ソース コード コースウェア共有

黄舟
リリース: 2017-12-04 11:28:16
オリジナル
2795 人が閲覧しました

「Han Shuping H5 ゲーム開発戦車戦闘ビデオ チュートリアル」は、HTML5 を使用して戦車戦闘ゲームを作成する方法を紹介しており、1 つの 3D コマを作成します。 -ダウンタンクバトルゲーム。最も基本的な操作から敵AI、ゲームシステム全体まで、完全なゲームを実現するために段階的にガイドします。このチュートリアルでは、プログラムと Unity の使用に焦点を当てているため、アート リソースについてはあまり触れません。 Unity の公式トレーニング デイのリソース パッケージを使用します

ハン シュンピン H5 ゲーム開発戦車戦ビデオ ソース コード コースウェア共有

コース再生アドレス: http://www.php.cn/course/409.html

教師の指導スタイル:

講義はフレンドリーで自然で、見せかけや意図的な誇張はなく、平等、協力、調和の雰囲気の中で、雄弁かつ注意深く話します。シンプルで実際の教育状況への知識の探求、生徒は静かに考え、黙って承認することで知識を獲得します

このビデオのより難しい部分は、制作アイデアです:

キーボードイベントトリガー問題:

プレイヤーがキーを押して移動する戦車を制御する必要がある場合、多くの人が最初に考えるのは、対応する移動関数を対応するキーの onkeydown イベントにバインドすることです。

一般的に、このように書くと問題があります。つまり、老人がゆっくり手を離して、一定時間キーを押した場合にのみキーボードイベントをトリガーするなどの状況を防ぐためです。イベントは継続的にトリガーされます。

この問題がゲームに反映されると、ボタンを押してから一定時間が経過すると戦車が常に動き続け、ゲーム体験に大きな影響を与えます。

この問題の解決策は非常に簡単です:

let keyInfo = {};     //按键是否被按下的信息let aKey = [72 , 74 , 87 , 83 , 65 , 68 , 38 , 40 , 37 , 39 , 17];      //这里面的数字是wasdhj等按键的键值
for (let i = 0; i < aKey.length; i++) {
    keyInfo[aKey[i]] = {
        pressed : false
    }
}
ログイン後にコピー

キーのキー値を属性名として使用し、キーのステータスを keyInfo オブジェクトに保存します。初期値は false です。キーが押されていないことを示します。

キーボード上の対応するキーが押されると、押されたキーのキー値である keyCode がイベント デリゲートを通じて直接キャプチャされます。

onkeydown イベントがトリガーされた後、keyInfo の対応する属性を true に設定し、キーが押されたことを示します。onkeyup イベントがトリガーされた後、keyInfo の対応する属性を false に設定します。

最後に、ゲームをループして、keyInfo 内の対応するキーの属性の信頼性を検出し、対応する操作を実行します。

パスの問題:

戦車と弾丸の間の衝突問題については言及しませんが、パスの問題は次のとおりです。基本的には、戦車と弾丸 (弾丸の問題は実際にはもう少し複雑で、後で詳しく説明します) がマップ上で移動できる場所と移動できない場所を決定することですが、この問題はそれほど複雑ではありませんが、私の意見では、それが重要です。その後の質問の多くは Lu Jin を中心に展開されるため、ゲーム全体の核心であると言えます。

お待ちください

ここでは、ソース コード リソースのダウンロードもお勧めします:http://www.php.cn/xiazai/learn/2048

リソースはビデオ コースウェアと ppt を共有します:

  1. マテリアル

  2. ドキュメント

  3. ソースコード

以上がハン シュンピン H5 ゲーム開発戦車戦ビデオ ソース コード コースウェア共有の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート