8777ce4766
Some checks failed
CultMesh QUIC native / Build win32-x64 (pull_request) Has been skipped
CultMesh QUIC native / Build linux-x64 (pull_request) Has been skipped
CultMesh QUIC native / Release native binaries (pull_request) Has been skipped
CultMesh portability and performance / ubuntu-latest one-command multiplayer onboarding (pull_request) Failing after 37s
CultMesh portability and performance / ubuntu-latest reactive semantics and leases (pull_request) Failing after 31s
CultMesh QUIC native / Verify committed binaries match SHA256SUMS (pull_request) Failing after 36s
CultMesh portability and performance / windows-latest one-command multiplayer onboarding (pull_request) Has been cancelled
CultMesh portability and performance / windows-latest reactive semantics and leases (pull_request) Has been cancelled
CultNet cross-runtime interop / C# / TypeScript / Rust / Python / Kotlin (pull_request) Has been cancelled
Authority holds one arena document in a CultCache and serves it over CultMesh; two cultmesh-browser clients join, move and leave, and see each other. Tested with real WebSockets. Browser run, persistence, remote trust and CI wiring are marked not yet on the recipe page. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
17 lines
871 B
TypeScript
17 lines
871 B
TypeScript
import { joinArena } from "./client.ts";
|
|
import { arenaSize, type ArenaState } from "./schema.ts";
|
|
|
|
const canvas = document.querySelector("canvas")!;
|
|
const ctx = canvas.getContext("2d")!;
|
|
const scale = canvas.width / arenaSize;
|
|
|
|
const game = await joinArena(`ws://${location.host}/odin`, `browser-${crypto.randomUUID()}`, (state: ArenaState, me: string) => {
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
for (const [id, p] of Object.entries(state.players)) {
|
|
ctx.fillStyle = id === me ? "#f5c542" : "#6aa9ff";
|
|
ctx.fillRect(p.x * scale, p.y * scale, scale * 2, scale * 2);
|
|
}
|
|
});
|
|
const keys: Record<string, [number, number]> = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] };
|
|
addEventListener("keydown", e => { const d = keys[e.key]; if (d) void game.move(...d); });
|
|
addEventListener("pagehide", () => void game.leave());
|