GIF 预览
01大哈的像素小镇（本站）
用 ChatGPT Images 2.6 的精灵图 + Canvas 2D 做成的可玩个人主页，仔仔会一路跟着跑。
Hi, I'm 大哈
好奇 · 爱折腾 AI · 有点皮 —— 和狗狗仔仔住在像素小镇（tagline 待填）
← → 走动 · Shift 跑 · 空格 跳 · E 互动 · 点我打招呼点地面走动 · 点房子直达 · 点我打招呼
书屋 · About关于我
大哈 · Wenpu ZHAO
你好，我是大哈！这个小镇里的每栋房子都是我的一部分：书屋里是我，游戏厅里是我做的东西，工坊里是这个网站的做法。
自我介绍正文（待填）：现在在做什么、关心什么、最近在折腾哪些 AI 小玩意。
Hi! I'm Daha — curious, loves tinkering with AI, a little mischievous. (English intro 待填)
- 好奇
- 爱折腾 AI
- 有点皮
- 铲屎官
- 关键词待填
游戏厅 · Works作品
每台街机都是一个 AI 作品：靠近亮屏，按 E 或点击打开。
GIF 待填
02作品 2 · 待填
一句话介绍（待填）。
▶ 链接待填
GIF 待填
03作品 3 · 待填
一句话介绍（待填）。
▶ 链接待填
1 / 3
工坊 · Workflow这个网站是怎么做出来的
四步：提示词 → 精灵图 → 网页 → 部署。每一步都会出一期教程。
-
提示词 Prompt
一张参考照片存成 reference image，再用同一套动作模板写 prompt：走、跑、跳、挥手……
教程 第 1–2 期（待填）
-
精灵图 Sprites
Images 2.6 先出 16 格网格 → 挑帧、缩到 64×64 / 48×48、对齐脚底基线、限制 32 色。
教程 第 3 期（待填）
-
网页 Web
Vite + TypeScript + Canvas 2D：精灵图按帧播放，所有参数写在一个配置文件里，换图不改代码。
教程 第 4 期（待填）
-
部署 Deploy
纯静态站点：npm run build 之后放到任意静态托管；加上 ?demo=1 一键录屏。
教程 第 5 期（待填）
邮筒 · Contact联系我
路牌指向我在各个平台的小窝：
夕阳 · Sunset谢谢来玩！
天色晚了，大哈和仔仔坐下来看日落。想再逛一圈吗？
嘘……他们睡着了。晚安，像素小镇。