Playroom：几分钟内构建多人游戏

什么是 Playroom？

Playroom 是一个现代化的多人游戏后端，专为基于 Web 的游戏而设计。它允许开发者轻松构建和扩展游戏，而无需复杂的服务器设置。这使其成为创建各种多人游戏体验的理想解决方案，从休闲游戏到 AI 驱动的世界。

Playroom 如何工作？

Playroom 通过提供一个可扩展的后端来简化多人游戏开发，该后端处理玩家之间的实时同步和通信。开发者可以专注于游戏逻辑和用户体验，而无需管理 WebSocket、TCP 或 WebRTC 协议。Playroom 自动管理底层基础设施，确保低延迟和无缝连接。Playroom 的核心在于其简单的 API，它使开发者可以轻松设置和获取游戏室的状态。然后，此状态会在所有玩家和屏幕之间自动同步。

主要特性和优势：

零后端设置：无需服务器端编码和管理。
可扩展的多人游戏后端：专为社交和基于 Web 的游戏而设计。
低延迟：自动在 WebRTC 和 WebSockets 之间切换以获得最佳性能。
简单的 API：易于使用的 API，用于设置和同步游戏状态。
轻松集成：将多人游戏模块无缝集成到任何游戏引擎中。
AI 集成：构建由 AI 驱动的具有无限内容的游戏。
跨平台资源：访问不断扩展的开源游戏模板库。

Playroom 的核心功能：

实时移动和 Web 游戏：为广大受众创造引人入胜的体验。
带有头像的社交世界：构建具有游戏内交流的沉浸式世界。
流式游戏：开发可以接受多用户和多设备输入的游戏。
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 非常适合开发各种类型的多人游戏，包括：