# 宇宙ゲームを作ろう より高度なJavaScriptの基礎を学ぶための宇宙ゲーム このレッスンでは、自分自身の宇宙ゲームを作る方法を学びます。「スペースインベーダー」というゲームをプレイしたことがあるなら、このゲームのアイデアは同じです。宇宙船を操縦して、上から降りてくるモンスターを撃つというものです。完成したゲームは以下のようになります: ![完成したゲーム](../../../6-space-game/images/pewpew.gif) この6つのレッスンで以下のことを学びます: - **Canvas要素と対話**して画面に描画する方法を学ぶ - **デカルト座標系**を理解する - **Pub-Subパターン**を学び、保守性と拡張性の高いゲームアーキテクチャを構築する - **Async/Await**を活用してゲームリソースを読み込む - **キーボードイベント**を処理する方法を学ぶ ## 概要 - 理論 - [JavaScriptでゲームを作るための導入](1-introduction/README.md) - 実践 - [Canvasへの描画](2-drawing-to-canvas/README.md) - [画面上の要素を移動させる](3-moving-elements-around/README.md) - [衝突判定](4-collision-detection/README.md) - [スコアの管理](5-keeping-score/README.md) - [ゲームの終了と再スタート](6-end-condition/README.md) ## クレジット このゲームで使用したアセットは https://www.kenney.nl/ から提供されています。 ゲーム制作に興味があるなら、これらは非常に優れたアセットです。多くが無料で、一部は有料です。 **免責事項**: この文書は、AI翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があることをご承知おきください。元の言語で記載された文書が公式な情報源とみなされるべきです。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤認について、当方は一切の責任を負いません。