JavaScriptの初心者ゲーム開発者向けの素材の選択

以下に提供される資料は基本にのみ影響します。基本は、ゲームを作成することを決めたものの、どこから始めればよいかわからない人を開始できる最初の段階です。 適切なオプションは、関連する文献や記事を調べたり、既製のゲームの例を検討したり、さまざまなプログラムやソリューションのソースを表示したりすることです。

これらの資料は、「それを行う方法」を示すふりをするものではなく、何がどのように機能するかを明確に理解するのに役立ちますが、それを正しく行う方法は開発者のみが決定します。 ただし、これらの資料は非常に視覚的であり、JavaScriptでゲームを作成することの簡単さを説明しているので、誰かがこれらの資料をさらなる作業に動機付けることができます。

1. requestAnimationFrameの概念の検討。
最新のJavaScriptゲームの場合、ゲームがプレーヤーのイベントに反応してインタラクティブ性を示す場合、イベントベースの動作モデルを使用できます。または、ゲームオブジェクトの状態を追跡し、ロジックに従ってユーザーに応答するゲームループを使用できます。 私たちはそのようなサイクルについて話している:
見る


2.ゲームアプリケーションの音楽を確認します。
開発者が1ゲームサイクルでは不十分であり、グラフィックやアニメーションに加えてゲームにサウンドを含めることができることを理解すると、HTML5オーディオが助けになります。 サウンドを操作する方法のシンプルさとアクセシビリティを見てみましょう。
見る


3. JavaScriptアプリケーションでYandexの翻訳者と連携します。
特定の単語を翻訳する必要がある場合や、ユーザーがいくつかの単語の翻訳を推測する必要のあるクールなおもちゃを作成する必要がある場合があります。 この場合、Yandexのトランスレーター、またはJavaScriptアプリケーションから使用できるAPIを使用できます。
見る


4. Yandex Speech Kitでテキストを再生します。
場合によってはテキストの音声が必要になることがあります。PHPまたはCで松葉杖を記述せず、サーバー(存在する場合)にさまざまな音声機能を積まないために、Yandexの既製のソリューションを使用できます。 以下は、JavaScriptアプリケーションからテキストリーダーAPIを使用する方法に関する資料です。
見る


5. JavaScriptでの画像のアニメーション。
JSゲームアプリケーションには、さまざまなプリミティブのアニメーションに加えて、キャンバスを使用して画像をレンダリングする機能があります。 この資料では、JavaScriptを使用してキャンバス上の画像をアニメーション化する方法に関する詳細情報を提供します。
見る


6. JavaScriptの全画面モード。
一部のゲームは、フルスクリーンに展開すると快適に実行されます。 HTML5テクノロジーはこれを簡単にします。
見る


8.キーボードイベント処理、複数のキーストローク、キーコードおよび記号。
どんなゲームも、ある種の双方向性を意味します。 1つのマウスだけで遊ぶことができるのは素晴らしいことですが、マウスのほかに、ほとんどのPCユーザーはキーボードを持っています。 この資料では、キーボードの操作、単一キー、複数キー、それらの組み合わせ、およびキーボードイベントの処理を一般的に検討しています。
見る



UPD
これらの資料は使用手順ではなく、JavaScriptゲーム開発プロセスに入るのが簡単であることを示すことのみを目的としています。

Source: https://habr.com/ru/post/J278621/


All Articles