You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/ja/4-typing-game/typing-game/assignment.md

5.0 KiB

新しいキーボードゲームを作成する

手順

タイピングゲームでイベント駆動型プログラミングの基礎を習得した今、次はあなたの創造力を発揮する番ですイベント処理、DOM操作、ユーザーインタラクションパターンの理解を示すために、独自のキーボードベースのゲームを設計・構築してください。

キーボードイベントを使用して特定のタスクを達成する小さなゲームを作成してください。これは、異なるタイプのタイピングゲーム、キー入力で画面にピクセルを描画するアートアプリケーション、矢印キーで操作するシンプルなアーケードスタイルのゲーム、またはあなたが思いつく他の創造的なコンセプトでも構いません。創造力を発揮し、異なるキーが異なる動作を引き起こす方法を考えてみましょう!

ゲームに含めるべき要素:

要件 説明 目的
イベントリスナー 少なくとも3つの異なるキーボードイベントに応答する イベント処理の理解を示す
視覚的フィードバック ユーザー入力に即座に視覚的な反応を提供する DOM操作の習得を示す
ゲームロジック スコアリング、レベル、または進行メカニズムを含む アプリケーション状態の実装を練習する
ユーザーインターフェース 明確な指示と直感的な操作 ユーザーエクスペリエンスデザインスキルを向上させる

考慮すべき創造的なプロジェクトアイデア:

  • リズムゲーム: 音楽や視覚的なキューに合わせてキーを押す
  • ピクセルアートクリエイター: 異なるキーで異なる色やパターンを描画する
  • ワードビルダー: 特定の順序で文字を入力して単語を作成する
  • スネークゲーム: 矢印キーで蛇を操作してアイテムを集める
  • 音楽シンセサイザー: 異なるキーで異なる音符や音を再生する
  • スピードタイピングのバリエーション: カテゴリー別タイピング(プログラミング用語、外国語など)
  • キーボードドラマー: キーをドラム音にマッピングしてビートを作成する

実装ガイドライン:

  • シンプルなコンセプトから始めて、徐々に複雑さを増す
  • スムーズで反応の良い操作に焦点を当てる
  • ゲームの状態やプレイヤーの進行状況を明確に示す視覚的な指標を含める
  • 異なるユーザーでテストして直感的なゲームプレイを確認する
  • コードをドキュメント化してイベント処理戦略を説明するコメントを追加する

評価基準

基準 優秀 適切 改善が必要
機能性 複数の機能を備えた完成度の高いゲームで、スムーズなゲームプレイが可能 キーボードイベント処理を示す基本的な機能を備えた動作するゲーム 機能が限られているか、重大なバグがある最小限の実装
コード品質 ベストプラクティスに従った効率的なイベント処理を備えた、整理されたコメント付きコード 適切なイベントリスナーとDOM操作を使用した読みやすいコード 基本的なコード構造で、整理に問題があるか非効率的な実装
ユーザーエクスペリエンス 直感的な操作、明確なフィードバック、プロフェッショナルな印象のゲームプレイ 機能的なインターフェースで十分なユーザーガイダンスと反応の良い操作 不明瞭な指示や反応が悪い基本的なインターフェース
創造性 キーボードイベントの革新的な使用と創造的な問題解決を備えた独自のコンセプト 一般的なゲームパターンの興味深いバリエーションで、イベント処理をうまく活用 創造的要素が最小限の基本的なコンセプトのシンプルな実装

免責事項:
この文書はAI翻訳サービスCo-op Translatorを使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があります。元の言語で記載された文書を正式な情報源としてご参照ください。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤認について、当社は一切の責任を負いません。