H5 · Phaser
Phaser 游戏模板
基于 Phaser 的一站式 H5 游戏模板，内置职业技能系统、触屏操控、技能槽与自定义按键布局。
01 关于我
我是颂博，一名热爱构建游戏与工具产品的开发者。深度使用 Phaser、Cloudflare 与现代前端技术栈，注重工程化效率，追求可维护、可扩展的系统设计。
从玩法系统设计到云上热更新再到跨平台渲染，我的乐趣在于把复杂问题拆解成干净、优雅的工程方案。
02 技术栈
前端 / 游戏渲染95%
Phaser · TypeScript · Spine 动画 · Canvas 性能优化
服务端 / 云88%
Cloudflare Workers · Node.js · 版本校验与资源分发
工程化90%
Vite · 对象池 · 模块化设计 · 可维护系统
交互设计86%
触屏操控 · 自定义按键布局 · 游戏手感调优
04 工具箱
纯前端 · 本地处理，图片不会上传到任何服务器。
🖼️ 抠图去背景
Canvas · 纯前端上传图片，自动或手动选取背景色，将相似区域变为透明。
原图
结果
🎨 颜色取色器
Canvas · 纯前端上传图片，点击任意位置即可获得该处的颜色值。
RGB —
HEX —
🔀 字符串转义
纯前端在 HTML / URL / Base64 之间互相转义与还原。
🎛️ 图片调色滤镜
Canvas · 简单 PS上传图片，微调亮度、对比度、饱和度，快速套用滤镜并下载。
🗜️ 图片压缩
Canvas · 纯前端本地压缩图片，降低体积便于分享，不改变看到的比例。
上传图片后，这里会显示压缩前后体积对比。
📊 文本统计
纯前端实时统计字、字符、行数与段落数量，中英文分别计数。
0总字符
0不含空格
0汉字
0英文单词
1行数
0段落
{ } JSON 工具
纯前端格式化 / 压缩 / 校验 JSON，缩进可选，支持一键复制。
⏱️ 时间戳 & 密码
纯前端时间戳与日期互转，一键生成随机高强度密码。
—
▦ 二维码生成
开源库 · 纯前端输入内容即时生成二维码，可扫可下载（基于 MIT 开源 qrcode-generator）。
05 我的历程
现在
独立探索 · 游戏与全栈
持续构建 H5 游戏与工具产品，深耕 Phaser 渲染、云上热更新与人机交互体验。
工程化阶段
追求可维护的系统设计
聚焦模块化、对象池与版本校验，沉淀可复用的游戏与工具模板。
起点
热爱游戏的那一刻
从玩法到引擎，迈入游戏开发的世界，并以此走向全栈技术之路。