Next.jsReact游戏站

phaser-editor-template-nextjs — Next.js 游戏站模板

作者 phaserjs

Phaser Editor 4 官方 Next.js 模板，用于可视化开发 Phaser 游戏并构建生产包。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

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

桌面端截图

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

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。本截图因高度限制未包含整页。

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

值得关注的模板亮点

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

官方维护，与 Phaser Editor v4 深度集成

基于 Next.js，支持热重载与生产构建

预置 boot 与 preload 两类资源包结构

自动复制项目资源到构建输出

支持 TypeScript 开发

提供 .skip 文件过滤编辑器项目文件

模板详细介绍

phaser-editor-template-nextjs 是 Phaser Editor v4 的官方 TypeScript 项目模板，采用 Next.js 作为打包与开发服务器。它面向使用 Phaser Editor 可视化编辑器的开发者，让你在拖拽放置游戏对象、调整动画和物理体之后，直接获得可运行的 Next.js 项目结构。模板预置了开发热重载和生产构建脚本，输出到 dist 目录，并自动复制项目引用的资源。

项目区分了 boot 与 preload 两类资源包（asset pack），分别用于游戏启动时的最小加载和后续内容加载，适合需要控制加载时机的游戏。模板本身不包含具体游戏逻辑，更像是一个与 Phaser Editor 工作流深度集成的起点。需要留意的是，使用该模板要求拥有 Phaser Editor 的有效订阅，且模板依赖 Phaser 3.88.2 与 Phaser Editor v4.0 及以上版本。

若你已在使用 Phaser Editor，并希望以 Next.js 作为工程化基础，这个模板能省去手动配置的麻烦。但若你从未接触 Phaser Editor，或不需要可视化编辑，直接使用 Phaser 官方示例或纯 Vite 模板可能更轻量。部署前请确认 dist 目录内容完整，并检查资源包路径是否与服务器环境匹配。

Next.jsReact游戏站

适合你的项目吗？

适用场景

使用 Phaser Editor 可视化设计游戏场景
需要 Next.js 作为构建与开发服务器
希望快速生成生产就绪的游戏包
在团队中统一 Phaser 游戏项目结构

适合人群

Phaser 游戏开发者
熟悉 Phaser Editor 的团队
需要 Next.js 工程化流程的项目

上手与定制指南

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

1
需要 Node.js 和 Phaser Editor 订阅。
2
克隆后运行 npm install，开发用 npm run dev，生产构建用 npm run build，产物在 dist 目录。
3
部署时上传 dist 全部内容。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、复制、修改、合并、发布、分发、再许可和销售软件，仅需保留版权和许可声明。

使用时需要遵守

保留原作者版权声明和 MIT 许可证声明。
保留版权声明和许可声明

查看原文依据

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
许可证原文