游戏方向
H5 游戏开发
用 Phaser + TypeScript 搭游戏，覆盖玩法系统、触屏操控、技能槽与对象池性能优化，并支持云上热更新。
- 玩法系统与战斗手感
- 自定义按键 / 触屏布局
- Spine 动画与热更新
01
关于我
我是颂博，一名热爱构建游戏与工具产品的开发者。深度使用 Phaser、Cloudflare 与现代前端技术栈，注重工程化效率，追求可维护、可扩展的系统设计。
从玩法系统设计到云上热更新再到跨平台渲染，我的乐趣在于把复杂问题拆解成干净、优雅的工程方案。
02
技术栈
前端 / 游戏渲染95%
Phaser · TypeScript · Spine 动画 · Canvas 性能优化
服务端 / 云88%
Cloudflare Workers · Node.js · 版本校验与资源分发
工程化90%
Vite · 对象池 · 模块化设计 · 可维护系统
交互设计86%
触屏操控 · 自定义按键布局 · 游戏手感调优
9在线小工具
3垂直方向
2云上产品
100%本地隐私
03
我能做什么
云上方向
全栈与云上产品
基于 Cloudflare 与现代前端技术栈，从零到一交付可上线的网站与应用，注重可维护、可扩展的工程结构。
- 个人 / 产品官网搭建
- Cloudflare Pages 部署
- 版本校验与资源分发
效率方向
前端工程化
把零散代码整理成干净的系统：模块化设计、构建流程、性能与体验调优，帮助团队沉淀可复用方案。
- 代码评审与重构
- 模块化 / 对象池设计
- 构建流程与性能优化
有项目要多聊几句？直接联系我 →
04
工具箱
9 款纯前端、本地处理的小工具：抠图去背景、颜色取色、图片滤镜调色、图片压缩、文本统计、JSON 格式化、字符串转义、时间戳与随机密码、二维码生成。所有处理都只在你的浏览器内进行，图片不会上传到任何服务器。
前往工具箱
免费 · 无需注册 · 本地运行
05
精华 · 我在写的东西
整理中
一套 H5 游戏的模块化工程是怎么搭的
从对象池、系统解耦到云上热更新，分享我在 Phaser 项目中沉淀的工程化打法。
整理中
触屏操控的游戏手感：从手感打磨到按键布局
如何兼顾不同设备尺寸，设计出既好按又跟手的天套触屏操作。
整理中
把工具做成纯前端：隐私优先的取舍
所有处理都在浏览器内完成、图片不上传，这样的方案到底值不值。
06
我的历程
现在
独立探索 · 游戏与全栈
持续构建 H5 游戏与工具产品，深耕 Phaser 渲染、云上热更新与人机交互体验。
工程化阶段
追求可维护的系统设计
聚焦模块化、对象池与版本校验，沉淀可复用的游戏与工具模板。
起点
热爱游戏的那一刻
从玩法到引擎，迈入游戏开发的世界，并以此走向全栈技术之路。