The Multiplayer Framework Developers Love

import { Client } from "@kidsgames/sdk";
import { useRoom, useRoomState } from "@kidsgames/react";

const client = new Client("https://your-server.com");

function Game() {
  const { room, isConnecting } = useRoom(
    () => client.joinOrCreate("game_room"),
  );
  const state = useRoomState(room);

  if (isConnecting) return <p>Connecting...</p>;

  return (
    <ul>
      {state?.players.map((player, key) => (
        <li key={key}>Player at {player.x}, {player.y}</li>
      ))}
    </ul>
  );
}

using KidsGames;
using KidsGames.Schema;

var client = new Client("https://your-server.com");
var room = await client.JoinOrCreate<GameState>("game_room");
var callbacks = Callbacks.Get(room);

callbacks.OnAdd(state => state.players, (sessionId, player) => {
    AddSpriteForPlayer(player);
    callbacks.OnChange(player, () =>
        MoveSprite(sessionId, player.x, player.y));
});

callbacks.OnRemove(state => state.players, (sessionId, player) =>
    RemoveSpriteForPlayer(sessionId));

await room.Send("move", new { x = 10, y = 20 });

var client: KidsGamesClient = KidsGames.create_client()
client.set_endpoint("wss://your-server.com")
var room: KidsGamesRoom = client.join_or_create("game_room")

room.joined.connect(func():
    var callbacks = KidsGames.callbacks(room)

    callbacks.on_add("players", func(player, key):
        add_sprite_for_player(player)
        callbacks.on_change(player, func():
            move_sprite(key, player.x, player.y)
        )
    )

    callbacks.on_remove("players", func(player, key):
        remove_sprite_for_player(key)
    )

    room.send("move", {"x": 10, "y": 20})
)

client = new KidsGamesClient("https://your-server.com");
room = client.join_or_create("game_room");
callbacks = KidsGamesCallbacks(room);

callbacks.on_add("players", function(player, key) {
    add_sprite_for_player(player);
    callbacks.on_change(player, function() {
        move_sprite(key, player.x, player.y);
    });
});

callbacks.on_remove("players", function(player, key) {
    remove_sprite_for_player(key);
});

room.send("move", { x: 10, y: 20 });

local KidsGamesSDK = require "kidsgames.sdk"

local client = KidsGamesSDK.Client("https://your-server.com")
client:join_or_create("game_room", function(room)
    local callbacks = KidsGamesSDK.callbacks(room)

    callbacks:on_add("players", function(player, key)
        add_sprite_for_player(player)
        callbacks:on_change(player, function()
            move_sprite(key, player.x, player.y)
        end)
    end)

    callbacks:on_remove("players", function(player, key)
        remove_sprite_for_player(key)
    end)

    room:send("move", { x = 10, y = 20 })
end)

import io.kidsgames.Client;
import io.kidsgames.schema.Callbacks;

var client = new Client("https://your-server.com");
client.joinOrCreate("game_room", [], MyRoomState, function(err, room) {
    var callbacks = Callbacks.get(room);

    callbacks.onAdd("players", (player, key) -> {
        addSpriteForPlayer(player);
        callbacks.onChange(player, () ->
            moveSprite(key, player.x, player.y));
    });

    callbacks.onRemove("players", (player, key) ->
        removeSpriteForPlayer(key));

    room.send("move", {x: 10, y: 20});
});

#include "kidsgames.h"

kidsgames_client_t* client = kidsgames_client_new("https://your-server.com");
kidsgames_room_t* room = kidsgames_join_or_create(client, "game_room");
kidsgames_callbacks_t* callbacks = kidsgames_callbacks_get(room);

void on_player_add(kidsgames_state_t* player, const char* key) {
    add_sprite_for_player(player);
    kidsgames_on_change(callbacks, player, on_player_change, (void*)key);
}

void on_player_change(kidsgames_state_t* player, void* ctx) {
    float x = kidsgames_get_float(player, "x");
    float y = kidsgames_get_float(player, "y");
    move_sprite((const char*)ctx, x, y);
}

kidsgames_on_add(callbacks, "players", on_player_add, NULL);
kidsgames_on_remove(callbacks, "players", on_player_remove, NULL);
kidsgames_room_send(room, "move", data, data_len);

const client = new KidsGames.Client("https://your-server.com");
const room = await client.joinOrCreate("game_room");
const callbacks = KidsGames.Callbacks.get(room);

callbacks.onAdd("players", (player, key) => {
    const sprite = runtime.objects.Player.createInstance("Game", player.x, player.y);
    callbacks.onChange(player, () => {
        sprite.x = player.x;
        sprite.y = player.y;
    });
});

callbacks.onRemove("players", (player, key) => {
    // destroy sprite instance
});

room.send("move", { x: 10, y: 20 });