ReactPhaserTypeScript游戏站

ts online game template — React 游戏站模板

作者 ASteinheiser

React+Phaser+Colyseus 的实时在线游戏 monorepo 模板，含 Electron 桌面端与 PWA 支持。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

React + Phaser + Colyseus + Electron 组合，支持桌面端与 PWA

monorepo 结构，包含游戏逻辑、API、Web 站点三个应用

内置客户端预测（CSP）演示，适合 MMO 风格游戏

提供本地 PostgreSQL 数据库与 Prisma 迁移支持

集成 Supabase JWT 认证，并附有邮件模板

官方示例，被 Colyseus 文档收录

模板详细介绍

ts online game template 是一个面向实时在线游戏的 TypeScript monorepo 模板，采用 React 与 Phaser 负责渲染，Colyseus 处理 WebSocket 通信，Electron 打包桌面应用，并支持 PWA。项目结构清晰，包含三个应用（desktop/demo-game、game-api、web）和五个共享包（core-game、client-auth、ui、typescript-config、eslint-config），其中 core-game 可在客户端与服务端共享，并内置了客户端预测（CSP）演示。

可直接运行网页游戏Phaser

适合你的项目吗？

适用场景

需要快速搭建实时多人游戏原型或 MVP
希望在一个仓库中管理游戏客户端、服务器和营销网站
需要桌面端（Electron）与 Web 端（PWA）双端支持
适合学习 Phaser + Colyseus 集成及客户端预测实现

适合人群

熟悉 TypeScript 和 React 的开发者
愿意使用 pnpm、Turborepo 和 Docker 的团队
需要 Supabase 作为认证后端的项目
对 monorepo 和共享代码有需求的游戏项目

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
需要安装 Node.js（版本见 .nvmrc）、pnpm、Docker Desktop 和 Turborepo。
2
首次运行需创建 Supabase 项目并配置环境变量，同时设置 Redirect URLs。
3
本地开发需启动 PostgreSQL 数据库并同步 Prisma 迁移。
4
生产部署涉及多个服务，建议参考 README 中的部署章节。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用，仅需保留版权与许可声明。README中的Supabase、Apple、Azure等为可选服务，非授权限制。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明和许可声明于所有副本或实质部分

额外费用与待核对事项

README未明确说明演示图片、GIF等素材的授权范围

查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software
许可证原文