Playroom

Playroom：数分でマルチプレイヤーゲームを構築

Playroomとは？

Playroomは、ウェブベースのゲーム専用に設計された最新のマルチプレイヤーバックエンドです。サーバーの設定の複雑さを気にすることなく、開発者はゲームを簡単に構築および拡張できます。カジュアルゲームからAI搭載の世界まで、幅広いマルチプレイヤーエクスペリエンスを作成するのに理想的なソリューションです。

Playroomの仕組み

Playroomは、プレイヤー間のリアルタイム同期と通信を処理するスケーラブルなバックエンドを提供することにより、マルチプレイヤーゲームの開発を簡素化します。WebSocket、TCP、またはWebRTCプロトコルを管理する代わりに、開発者はゲームロジックとユーザーエクスペリエンスに集中できます。Playroomは基盤となるインフラストラクチャを自動的に管理し、低レイテンシーとシームレスな接続を保証します。Playroomの核心はそのシンプルなAPIにあり、開発者はゲームルームの状態を簡単に設定および取得できます。この状態は、すべてのプレイヤーと画面間で自動的に同期されます。

主な機能と利点：

• バックエンド設定不要： サーバー側のコーディングと管理の必要性を排除します。
• スケーラブルなマルチプレイヤーバックエンド： ソーシャルゲームおよびウェブベースのゲーム向けに設計されています。
• 低レイテンシー： 最適なパフォーマンスを得るために、WebRTCとWebSocketsを自動的に切り替えます。
• シンプルなAPI： ゲームの状態を設定および同期するための使いやすいAPI。
• 簡単な統合： マルチプレイヤーモジュールを任意のゲームエンジンにシームレスに統合します。
• AI統合： AIを活用した無限のコンテンツでゲームを構築します。
• クロスプラットフォームリソース： 拡大し続けるオープンソースゲームテンプレートのライブラリにアクセスします。

Playroomのコア機能：

• リアルタイムモバイルおよびウェブゲーム： 幅広い視聴者に向けて魅力的なエクスペリエンスを作成します。
• アバター付きのソーシャルワールド： ゲーム内コミュニケーションを備えた没入型ワールドを構築します。
• ストリームゲーム： マルチユーザーおよびマルチデバイス入力を受け入れるゲームを開発します。
• AI搭載ゲーム： AI統合により、無限のコンテンツ生成をアンロックします。
• 埋め込みゲーム： 世界中の数百人のプレイヤーを接続します。

Playroomの使い方：

Playroomの使用を開始するには、npmを使用して必要なパッケージをインストールします。

npm install --save playroomkit react react-dom

Playroomは、次のものを含むさまざまなゲームエンジンとフレームワークをサポートしています。

• React
• Unity
• Threejs
• Godot
• Cocos
• Phaser
• PixiJs
• WebXR
• Playcanvas
• ReactPhaser

ReactでPlayroomを使用する基本的な例を次に示します。

import { insertCoin, myPlayer, usePlayersList } from 'playroomkit';
import ReactNipple from 'react-nipple';

function Game(){
  // Hook that returns an array of players in the room.
  const players = usePlayersList();

  // We render all players and a joystick for current player.
  return (
    <Physics gravity={{y: 1600}}>
      {players.map((playerState) => (
        <Player key={playerState.id} player={playerState} />
      ))}

      <ReactNipple
          onEnd={()=> myPlayer().setState("dir", undefined)}
          onPlain={(e, data)=> 
            myPlayer().setState("dir", data.direction)} />
    </Physics>
  )
}

function Player({player}){
  // Playroom hooks to get and set a player's state.
  // Setting state here will automatically sync value 
  // with other players.
  const [pos, setPos] = usePlayerState(player, "position", {x: 0, y: 0});
  const [dir] = usePlayerState(player, "dir")

  const [bodyRef, setBodyRef] = useRef(null);

  useState(()=>{
    // One player acts as a host, host checks the joystick state for
    // each player, applies forces to the player and updates their pos.
    if (!isHost() || !dir) return;
    if (dir.x === "left"){
      bodyRef.current.applyForce({x: -100, y: 0});
    }
    if (dir.x === "right"){
      bodyRef.current.applyForce({x: 100, y: 0});
    }
    if (dir.y === "up"){
      bodyRef.current.applyForce({x: 0, y: -100});
    }
  }, [dir]);

  return (
    <Sprite
      ref={setBodyRef}
      x={pos.x}
      y={pos.y}
      onPositionChange={(pos)=> setPos(pos)}
      color={player.getProfile().color.hex}
    />
  )
}

// Initiates the lobby UI and resolves promise
// when the players have all connected in the same room.
insertCoin().then(()=>{
  ReactDOM.render(<Game />, document.getElementById("root"));
})

Playroomが重要な理由

Playroomは、開発を簡素化し、メンテナンスを削減し、迅速なスケーリングを可能にする包括的なバックエンドソリューションを提供することにより、マルチプレイヤーゲームの構築の課題に対処します。これにより、開発者はインフラストラクチャの複雑さに悩まされることなく、革新的で魅力的なゲームエクスペリエンスの作成に集中できます。Playroomは、WebSocket、TCP、およびwebRTCプロトコル、およびサーバー監視を管理することにより、開発およびメンテナンス時間を節約し、開発者はゲーム自体に集中できます。PlayroomのサーバーレスアーキテクチャとローコードSDKにより、インディークリエイターから大規模チームまで、幅広い開発者がマルチプレイヤーゲーム開発にアクセスできるようになります。

Playroomはどこで使用できますか？

Playroomは、次のものを含むさまざまなタイプのマルチプレイヤーゲームの開発に最適です。

• カジュアルゲーム： 素早く簡単なマルチプレイヤーエクスペリエンス。
• ソーシャルゲーム： アバターとゲーム内コミュニケーションを備えたワールド。
• ストリーミングゲーム： マルチユーザーおよびマルチデバイス入力を受け入れるゲーム。
• AI搭載ゲーム： AIによって生成された無制限のコンテンツを備えたゲーム。
• 埋め込みゲーム： 世界中の数百人のプレイヤーを接続するゲーム。

Playroomは、魅力的でスケーラブルなマルチプレイヤーゲームを作成しようとしている開発者にとって強力なツールです。ゼロバックエンド設定、シンプルなAPI、およびさまざまなゲームエンジンのサポートにより、初心者と経験豊富なゲーム開発者の両方にとって優れた選択肢となります。