skycoiner

マルチプレイヤーコインコレクターゲーム

HTML5、CSS3、および JavaScript を使用して実装され、WebSocket を介したリアルタイム通信機能を備えた協力的な 2D マルチプレイヤー ゲーム。

目次

• 特徴
• はじめる
• ゲームプレイ
• 使用されている技術
• セットアップ手順
• 貢献する
• スクリーンショット
• ライセンス

特徴

• リアルタイムのプレーヤーの動きの同期。
• 2 人のプレイヤーのスコア追跡機能付きのコイン コレクション。
• コイン収集に関するシンプルな音声フィードバック。
• さまざまな画面サイズに対応したレスポンシブデザイン。

ゲームプレイ

1. ゲームを開始し、ルーム コードを他のプレイヤーと共有して、参加するように招待します。
2. 矢印キーまたは WASD コントロールを使用して、ゲーム領域内でキャラクターを移動します。
3. ゲームエリアに散らばるコインを集めてスコアを増やしてください。
4. リアルタイム更新により、両方のプレイヤーが同じゲーム状態を確認できるようになります。

使用されている技術

• 構造とコンテンツはHTML5 。
• スタイルとアニメーションのためのCSS3 。
• ロジック、イベント処理、および WebSocket または同様のプロトコルを介したリアルタイム通信用のJavaScript 。
• ピアツーピア接続の確立とプレーヤー間のデータ送信のためのWebSocket 。

セットアップ手順

前提条件

• 最新の Web ブラウザ (Chrome、Firefox、Edge)。
• 必要に応じてバックエンド サーバーを実行するために、npm/yarn がインストールされた Node.js。 (オプション: 静的ファイルサーバーを使用しない場合。)

インストール手順

1. このリポジトリのクローンをローカル マシンに作成します。

   git clone [email protected]:AlexZ005/skycoiner.git

2. プロジェクト ディレクトリに移動します。開発目的では、ゲーム ファイルを提供するためにローカル Web サーバーを起動する必要がある場合があります。バックエンドが関与しない場合は、live-server (npm パッケージ) のような単純な HTTP サーバーを使用します。

   npm install -g live-server # Install live-server globally
   live-server .            # Start the server in this directory

あるいは、index.html をブラウザの新しいタブに移動するだけです。

スクリーンショット

ゲームのスクリーンショットはリリースページにあります。

貢献する

貢献は大歓迎です！改善、バグ修正、新機能などについては、プル リクエストを送信してください。必ず既存のコード スタイルに従い、必要に応じてテストを含めてください。

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。