吴晓波的个人网站

百草园·小药神游戏开发日志

Fri, 26 Jun 2026 21:02:52 +0800

最近接了一个活，帮忙给一所小学开发一款互动游戏，这所学校里面有一个百草园，平时都是让各班级认领一块地，然后种植各种中草药，在体验农耕文化（劳动教育）的同时还能够深入了解百草知识。最终成品图如下：

所以拿到这个任务，我的第一想法就是复刻QQ农场的玩法，只是这里的对象是小学生，所以游戏不能太复杂，玩法简单粗暴，一棵草药成熟的时间如果要像QQ农场一样那么久，估计对小学生来说毫无吸引力，所以我的计划就是所有草药的平均成熟时间在5分钟内容，还可以通过各种道具加快生长速度。

此外，既然是简单粗暴的游戏，那么一键系列的“金手指”也是必不可少的，但是如果光明正大得放在游戏首页，那么就毫无意义了。所以我把它作为了彩蛋隐藏了起来，只有在键盘上输入“wuxiaobo”的时候，“作弊按钮”才可以显示。

整款游戏包含了20种草药，每种草药都对应了4个生长阶段，每种草药收获之后还能各种搭配炼制药丸。

所有的贴图都用image2批量生成，然后用脚本批量抠图和切片，对有瑕疵的切片还要用PS软件进行单独修改，这可着实花了我不少的时间。我的原计划是既然叫百草园，就要设计100种草药，后来实在是因为工程量太大放弃了。

这次依旧在游戏里面植入了很多小细节：

第一个是游戏画面中设置了一只可爱勤劳的小蜜蜂飞来飞去，为了这只小蜜蜂，我给它设计了6帧的动画，还给它随机设置了贝塞尔曲线的飞行规矩，使得它飞起来看上去非常自然。

第二个是游戏画面中出现的两个人物（小波和药仙爷爷），原本设计让他们在画面中动起来的，但是游戏画面太小了，容易遮挡住药田，所以就静止杵在那里。但是为了细节，我还是给他们设计了NPC专属工作：提示词。鼠标移到小波的头上，会提示百草园中的趣事；而移到爷爷那边，则是提示如何玩好游戏的攻略。

第三点则是背景音乐。这次专门给这款游戏设计了专属BGM。借助Suno的AI音乐创作平台，设计了这个优美轻快的背景音乐，我觉得非常好听（当然，如果你觉得不好听，右上角也有一个一键静音的按钮）。

游戏已经打包编译成了Mac OS（M系列芯片和Intel芯片两个版本）和Windows（64位版本和32位版本）双平台总共4个版本。

这里只提供一个默认的Windows 7 x64位（通用版本）供大家下载体验。下载地址：http://img.5xiaobo.com/soft/baicaoyuan-x64-Setup.exe

下面是游戏内的几个画面。

按照惯例，下面是游戏的开发背景：

> 文档类型：游戏说明书 / 游戏开发文档

> 当前版本：单机网页版

> 游戏地点：校园百草园

> 主角：小波

> 运行方式：浏览器本地运行，支持本地存档

> 适用对象：小学学生、科学/劳动/中医药文化启蒙课程、校园特色课程展示

## 1. 项目概述

《百草园小药王》是一款以校园百草园为故事舞台的单机网页养成游戏。游戏围绕小学学生小波展开：小波在校园百草园中发现一片等待重新整理的药田，在药仙爷爷的引导下学习播种、养护、收获、识药、炼丹和经营，逐步成长为懂观察、会记录、能辨识草药的小小百草园守护者。

游戏采用轻量化网页技术实现，无需账号、无需联网、无需服务器。玩家打开网页即可游玩，进度自动保存在浏览器本地。游戏强调慢节奏养成、知识记忆、劳动体验和轻度经营循环，适合短时间反复游玩。

## 2. 背景故事

校园一角，有一片被竹篱、溪水和草木环绕的小园子，名叫百草园。这里原本是学校里最有生机的自然观察角，种着薄荷、蒲公英、车前草、金银花、菊花等许多草药。后来因为长期无人整理，药田渐渐荒芜，杂草占满了田埂，许多草药的名字和故事也被孩子们慢慢遗忘。

一天，学生小波在校园里寻找自然观察素材时，意外走进了这片安静的百草园。他在一块旧木牌旁发现了药仙爷爷留下的手记，也得到了第一颗薄荷种子。药仙爷爷告诉小波，百草园并不只是一片普通的田地，每一株草药都有自己的形态、习性、用途和适合生长的环境。想要修复百草园，不能只靠力气，还要靠观察、记录、学习和耐心。

于是，小波从第一块药田开始，播种、浇水、松土、除草、驱虫，观察草药从嫩芽到成熟的变化。他一边照顾药田，一边完成知识小测，把草药的叶形、气味、生长环境和传统文化知识记录进百草图鉴。随着百草园一点点恢复生机，更多区域被重新开启，小波也逐渐明白：真正的小药王，并不是背会所有答案的人，而是愿意亲近自然、尊重知识、认真观察并保持敬畏的人。

## 3. 游戏核心定位

### 3.1 游戏类型

- 单机网页养成游戏

- 校园百草园主题教育游戏

- 种植 + 收集 + 答题 + 炼丹 + 轻经营循环

### 3.2 核心目标

玩家帮助小波经营学校百草园：

1. 开垦并管理最多 12 块药田。

2. 种植并收获 20 味草药。

3. 解锁草药图鉴，学习草药外形、习性、药理认知和成熟识记。

4. 通过小测巩固知识。

5. 在丹房炼制丹药并出售获得铜板。

6. 使用铜板购买种子、药剂，升级土地。

7. 完成主线、日常、支线任务。

8. 通过成长系统提升四大技能，形成个人养成方向。

### 3.3 教育目标

游戏并不鼓励学生自行用药，而是通过校园百草园情境实现以下启蒙目标：

- 认识常见草药的名称、别名、科属和外形特点。

- 理解植物生长需要水分、土壤、光照和养护。

- 培养观察记录、分类整理和图鉴查阅习惯。

- 通过任务和小测增强知识记忆。

- 建立劳动实践与成果转化的概念。

- 理解“资源循环”：种子、草药、丹药、铜板之间相互联系。

> 注意：本游戏中的草药与丹药内容仅用于校园知识启蒙和游戏化学习，不作为真实医疗建议，不替代医生、药师或专业教材。

烟雨西塘嘉桐快跑-基于Codex的游戏开发日记

Sun, 14 Jun 2026 18:31:37 +0800

“烟雨西塘嘉桐快跑”游戏终于开发完毕了。新版本预览图如下：

项目从2026.06.10开始构思并输入了第一个提示词，到2026.06.14打包成Windows平台的exe文件完成最终封装，至此，为期4天的Codex编程体验告一段落。6月11日，网站上线了第一版的游戏（http://game.5xiaobo.com），那一版界面还是非常粗糙的，只能说仅能玩。

那一版没有灵宠（宠物系统），没有在线商城，没有通关结算画面，更没有彩蛋。后来的几天，跟女儿一起进行了头脑风暴，才添加了这些。

整个开发过程中，Codex给我带来了很大的便利，我就使用过程中的体会给大家进行分享。

首先第一个就是如果能用Chat GPT 5.5的，一定要用这个模型。虽然我起初是用了CC Switch接入Deepseek V4 Pro的API接口来进行调用。

但是有一说一，这货有时候能听懂你在说什么，有时候又会胡言乱语。所以后来我忍无可忍，接入了ChatGPT 5.5。果然ChatGPT 5.5一用，它就能非常清楚得理解我的提示词，准确性大大提高。而且还有一个核心的点，ChatGPT 5.5可以在输入框输入“/image gen”来调用画图Skill，这个是Deepseek无法比拟的。我游戏中的很多图片都是用这个技能生成的。此外，大家可以看到左侧的项目对话栏，我做了一个角色的分工，因为额度有限，我需要针对不同的工作内容设置不同的推理模式；此外，为了节省时间，我会让这几个角色同时开始工作（不同领域）。

但是“image gen”这个技能有时候对图片上添加中文字好像很不友好，按理说背后应该是image2技术，不至于那么拉跨。所以我后来对不满意的图片还是直接在ChatGPT的网页版让image2来直接生成了，网页版的图片生成真的是王炸，非常震撼。

特别介绍一下最终版的三个有趣点：

第一个是：灵宠（宠物），可以在商城里面进行购买，总共6种动物，地上跑的三种，天上飞的三种。并且给每种动物都做了4帧动画，使其在游戏界面中动起来。

第二个是：换装（皮肤），可以在商城里面进行购买，总共9套服装，普通款4套；豪华款4套；隐藏款1套（彩蛋）。

第三个是：彩蛋，女儿觉得光玩这个游戏也蛮无聊的，需要有意外的惊喜，所以想要在里面设计几个彩蛋。

所以我们就放了四个彩蛋：

第一个就是游戏过程中，在键盘上输入wuxiaobo，即可自动赠送520个铜币，可以用于在商城中购物。

第二个就是游戏过程中，在键盘上输入jiatong，即可解锁隐藏款皮肤，这套皮肤非常奢华，如下图所示。如果第一套是邻家女孩型（朴素）的，那么这套就是大家闺秀型（精致）的。当然，如果你想换回原来的皮肤，也可以在键盘上输入xitang就可以了。

第三个就是如果你觉得这款游戏太难了（因为这款游戏的初始用户是小学二年级学生），还可以在右下角的开发者板块中，找到“一键通关”就可以直接进入通关界面了，此时你就可以在通关界面阅读西塘这6个著名景点的详细介绍了（也就是游戏中对应的6个场景）。

最后，由于游戏使用了很多精美的图片，导致整个网站文件夹非常大，如果发布成在线版，打开会很卡，使用体验会很差。所以，第一版大家可以在线玩（网址：http://game.5xiaobo.com 其实第一版也已经很卡了），而最终版则是打包成了exe文件，供大家下载体验。

下载下来的.exe文件直接双击打开即可玩了。下载地址：http://img.5xiaobo.com/soft/jiatong-run.exe

好了，大致是情况就是这样，下面的内容是我整个游戏的开发日志（游戏说明书），大家有兴趣的可以耐心阅读。

----------------------------------------

# 《烟雨西塘：嘉桐快跑》游戏介绍

整理日期：2026-06-13

## 一、游戏基本信息

《烟雨西塘：嘉桐快跑》是一款以嘉善西塘古镇为主题的横版 2D/2.5D 古风跑酷游戏。玩家操控汉服少女“嘉桐”，在烟雨长廊、石皮弄、三桥水影、西街与塘东街、西园与醉园、夜游水巷等西塘代表性场景中奔跑、跳跃、滑铲、冲刺，收集铜板和西塘小吃，解锁人文历史知识卡。游戏设计：吴嘉桐游戏开发：吴晓波开发工具：Codex + ChatGPT 5.5 + DeepSeek V4 开发时间：2026.06.10 - 2026.06.14

## 二、设计初衷

这款游戏最特别的地方，不只是“做了一个跑酷游戏”，而是它来自一次亲子共创。最初的想法源于女儿吴嘉桐想要设计一款属于自己的游戏。她负责提出玩法想法和游戏方向，而我负责借助 Codex 把想法一步步开发出来。嘉桐本身又是西塘人，于是游戏的主题很自然地落在了自己的家乡西塘上：希望通过一个孩子也能理解、也愿意反复玩的游戏，让更多人认识西塘的风景、人文、历史、民俗和烟火气。这款游戏的目标不是把文化内容做成生硬的介绍页，而是把它藏进奔跑、收集、换装、通关、彩蛋和知识卡里。玩家在躲避障碍、收集小吃、解锁汉服和宠物的过程中，会慢慢知道西塘为什么有“桥多、弄多、廊棚多”的特色，也会接触到吴越文化、民俗信仰、汉服文化周、盘扣与纽扣等地方文化线索。所以，《烟雨西塘：嘉桐快跑》本质上是一款“寓教于乐”的家乡宣传游戏：它用轻松的跑酷玩法承载西塘记忆，用孩子的视角重新讲述家乡。

## 三、核心定位

游戏定位为“古风精细跑酷 + 西塘文化游记 + 亲子共创作品”。它面向的玩家包括小学生、亲子家庭、西塘本地孩子、游客，以及对江南古镇和国风游戏感兴趣的人。游戏不追求复杂操作门槛，而是让玩家一开始就能跑起来，再通过铜板、道具、知识卡、皮肤、宠物和彩蛋逐渐获得探索感。画面风格采用江南水乡、国风绘本和横版游戏关卡结合的方向。核心视觉元素包括白墙黛瓦、青石板路、临河廊棚、窄巷光影、石桥倒影、红灯笼、乌篷船、水面反光、雨丝、雾气、小吃摊、园林月洞门和夜游灯影。

## 四、世界与关卡设计

游戏当前采用 6 个主题场景。每关目标距离为 500 米，完成后进入下一关。全部 6 关完成后，进入“烟雨西塘通关纪念”页面。 1. 烟雨长廊开局场景，以临河廊棚、檐雨、青石板和右侧水巷为核心意象。这里像是玩家第一次走进西塘，节奏相对友好，适合熟悉跳跃、滑铲和收集。 2. 石皮弄以窄巷、高墙、转角和压缩空间为主题。画面更紧凑，强调西塘“弄多”的空间特色，也让玩家感受到古镇里从热闹街市转入幽深小巷的变化。 3. 三桥水影结合送子来凤桥、卧龙桥、永宁桥等石桥意象。桥与水影让关卡更有起伏感，跑酷节奏也更偏跳跃和空中路线判断。 4. 西街与塘东街这是小吃和街市氛围最浓的场景。灯笼、蒸汽、小摊、铜板和补给出现更频繁，适合做连击、补能量和获得商城资源。 5. 西园与醉园从街巷切入江南庭院。月洞门、竹影、池塘、假山和园林平台让关卡气质变得更安静，也更考验精准操作。 6. 夜游水巷后期高难度场景，以夜色、灯影、水面反光和短平台为特色。这里的氛围最华丽，也最像一次通关前的古镇夜游。通关后，“六景游记”会按这 6 个场景生成回顾卡片，让玩家把跑过的路线重新看成一次西塘游览。

## 五、核心玩法

玩家控制嘉桐自动向前奔跑，目标是在有限生命内跑完当前关卡。基础操作 - 跳跃 / 二段跳：空格或方向上键 - 滑铲：方向下键 - 冲刺：Shift 或方向右键 - 触屏操作：画面下方提供跳跃、滑铲、冲刺按钮

核心系统 - 生命系统：初始 5 条命，以莲花生命标识呈现。撞到障碍扣 1 条命，生命耗尽进入游记结算页。 - 里程系统：每关目标 500 米。跑满距离即过关。 - 铜板系统：铜板既是本局收集物，也是持久化货币，可用于购买汉服和灵宠。 - 烟雨能量：收集特定小吃可补充能量，满 100% 后触发“烟雨轻功”。 - 烟雨轻功：短时间提升表现，吸附附近道具，并可化解一次危险。 - 连击系统：连续收集铜板、道具和书页会提高连击，分数倍率最高可叠到 5 倍。 - 游记知识卡：收集 3 张游记书页可解锁 1 张西塘知识卡。

## 六、道具介绍

- 铜板：主要收集物。每收集 1 枚铜板，本局铜板和钱包余额都会增加。铜板可用于兑换汉服衣装和灵宠伙伴。 - 芡实糕：西塘小吃补给，增加少量烟雨能量。适合在跑酷节奏中稳定续航。 - 管老太臭豆腐：触发短时间冲刺效果。冲刺期间可以撞开木箱、小摊等小型可破坏障碍，是兼具补给和攻击感的道具。 - 蝉衣包圆：获得一次护盾。下一次受伤会被护盾抵消，适合在障碍密集或夜游场景中救急。 - 荷叶粉蒸肉：大量补充烟雨能量，出现频率相对较低，是冲向“烟雨轻功”的关键补给。 - 莲心护符：恢复 1 条生命，最高恢复到 5 条。生命满时拾取会提示“生命已满”。 - 游记书页：知识卡系统的核心收集物。每 3 张书页解锁 1 张完整知识卡，让玩家在跑酷之外获得西塘人文知识。

## 七、障碍与应对方式

游戏中的障碍会根据场景变化组合出现。 - 木箱：地面障碍，可跳过，也可在冲刺状态下撞开。 - 小摊：市街场景常见障碍，可用冲刺撞开。 - 灯笼 / 夜灯笼：高位障碍，适合用滑铲躲避。 - 低廊棚：高位压迫障碍，需要滑铲或选择合适路线。 - 石阶：低位地形障碍，需要提前起跳。 - 岩石：桥与园林场景常见障碍，需要跳过。 - 竹障：园林场景障碍，考验反应和路线判断。 - 月洞门：庭院特色障碍，强化西园与醉园的场景辨识度。这些障碍让不同场景不只是换背景，而是拥有各自的操作节奏。

## 八、知识卡系统

游戏当前包含 6 张西塘知识卡。未解锁时显示提示，解锁后展示完整内容。 1. 生活着的千年古镇：强调西塘不是静态布景，而是仍然保留生活气息的江南古镇。 2. 桥多、弄多、廊棚多：解释桥、弄堂、沿河廊棚如何构成西塘独特的空间节奏。 3. 吴根越角：介绍西塘位于吴越文化交汇地带，地方文化具有历史层次。 4. 护国随粮王信俗会：体现地方信仰、巡游仪式和社区共同记忆，提示西塘有活态民俗文化。 5. 西塘汉服文化周：把传统服饰、古镇街巷和当代旅行体验联系起来，也呼应游戏中的汉服商城。 6. 纽扣与盘扣：通过服饰细节和手工艺，让玩家理解小小盘扣背后的纹样、结构和审美。

## 九、商城、汉服与灵宠

游戏设置了“西塘商城”，包括“嘉桐衣柜”和“灵宠铺”。铜板不会只停留在分数层面，而会变成可持续积累的养成资源。 ### 汉服衣装 - 烟雨青裙：默认衣装，青绿比甲配粉色飘带。 - 桃夭绛罗：30 铜板，粉绛襦裙、桃花袖缘和柔色飘带。 - 月白云肩：60 铜板，月白蓝裙身、金线云肩和浅色袖面。 - 夜航金纹：90 铜板，深靛衣身与灯影金纹，适合夜游水巷。 - 霓裳流云：150 铜板，豪华衣装，紫霞渐染、珠光云纹和粉色披帛。 - 凤栖金阙：220 铜板，豪华衣装，绛红织金、凤羽袖缘和宫阙金色飘带。 - 星河织锦：320 铜板，豪华衣装，深蓝星纹、银白袖光和银河流苏。 - 龙雀天衣：450 铜板，豪华衣装，玄青织金、孔雀青披帛和鎏金纹样。 ### 灵宠伙伴 - 团团小狗：80 铜板 - 月耳小兔：120 铜板 - 花铃小猫：180 铜板 - 金蜜小蜂：220 铜板 - 流彩蝶灵：260 铜板 - 赤羽小凤：320 铜板灵宠装备后会跟随嘉桐，并自动吸附附近铜板。小狗、小兔、小猫偏地面跟随，小蜂、小凤、蝶灵带有飞行动作，让跑酷画面更热闹，也提高铜板收集效率。

## 十、隐藏彩蛋

游戏内置了几个键盘暗号和彩蛋机制。 - 输入 `wuxiaobo`：触发“吴晓波彩蛋 +520 铜板”。奖励会同时进入本局铜板和持久化钱包余额，刷新页面后余额仍保留。 - 输入 `jiatong`：解锁并切换到隐藏角色“月华嘉桐”。该角色拥有独立的 4 帧奔跑图和 6 帧动作图，视觉上更接近华丽概念图。 - 输入 `xitang`：恢复并切回默认角色，用于从彩蛋角色回到原始嘉桐形象。 - 开发者面板“一键通关”：页面保留了开发调试入口，可直接预览通关纪念页。它既方便测试，也像一个藏在开发者信息里的幕后按钮。这些彩蛋让游戏保留了一点“自己家做的游戏”的亲密感：玩家不一定一开始知道，但发现之后会觉得这个作品有个人记忆和小秘密。

## 十一、通关与结算

普通失败时，玩家进入“游记结算页”，查看本局距离、铜板、钱包余额、知识卡数量、最高连击和经过景点。完成 6 关后，游戏进入“烟雨西塘通关纪念”页面。通关页后来从普通结算表重新设计成宣传海报式界面：西塘主视觉、大标题、古镇介绍、重开按钮和“六景游记”回顾共同构成一次完整的西塘旅行收束。这使游戏的结尾不只是“你赢了”，而是“你完成了一次西塘游记”。

## 十二、美术与技术实现

当前项目是一个轻量网页游戏，核心文件包括： - `index.html`：页面结构、弹窗、HUD、商城、知识图鉴和开发者信息。 - `styles.css`：整体布局、弹窗、商城、通关页、移动端适配和 UI 风格。 - `game.js`：Canvas 游戏循环、碰撞、关卡、道具、商城、宠物、音效、彩蛋和绘制逻辑。 - `images/`：角色、皮肤、宠物、道具、障碍、背景和 UI 图片。 - `tools/`：用于生成背景、汉服、宠物图集、按钮、通关标题和彩蛋角色的脚本。 - `originals/`：保存原图、源素材和未直接调用的历史素材。技术上，游戏使用 Canvas 绘制跑酷画面，通过 JavaScript 管理角色物理、障碍生成、道具收集、商店购买、本地存档和键盘暗号。音乐和音效由 Web Audio API 生成，包含开始、跳跃、滑铲、冲刺、收集铜板、获得道具、受伤、破坏障碍、烟雨轻功、通关等反馈。

## 十三、开发历程回顾

根据当前项目文件、生成脚本以及已读取到的相关 Codex 线程提示词，这款游戏大致经历了以下阶段。 1. 教育游戏的原始想法最早的提示词是希望开发一个以吴嘉桐为主角、面向小学二年级学生的网页游戏，结合嘉善本地特色，让学生在玩的时候学习嘉善人文和非遗知识。这一阶段奠定了“孩子主角 + 地方文化 + 学习”的底层方向。 2. 推翻旧方案，转向横版跑酷早期版本曾被评价为“非常傻，不喜欢”，随后明确改成类似经典横版平台跳跃的跑酷方向。这个转折很关键：游戏从偏展示、偏面板的教育产品，变成了真正以操作体验为核心的横版游戏。 3. 聚焦西塘，形成《烟雨西塘：嘉桐快跑》后续提示词明确了古风跑酷定位：主角是可爱的汉服女生嘉桐，主题围绕嘉善西塘旅游展开，地图是西塘水乡街角，跑酷过程中收集西塘特色小吃补能量，并解锁西塘人文历史知识。这个阶段确定了现在游戏最核心的世界观和玩法结构。 4. 设计 6 个西塘主题场景进一步提出已有 6 个场景，需要为 AI 生成背景设计提示词。提示词强调横版跑酷、无缝拼接、分层视差、前景保留跑道、不出现文字和 UI。这直接推动了烟雨长廊、石皮弄、水乡石桥、小吃街、古典庭院、夜游西塘等场景的视觉方向。 5. 网页版核心实现项目落地为 HTML + CSS + Canvas 的网页游戏，实现了生命、能量、铜板、连击、关卡距离、场景切换、障碍生成、小吃补给、知识卡、结算页和通关页。后续又不断调整主角大小、弹窗比例、按钮位置和移动端适配，让它更像可玩的完整游戏。 6. 商城与养成系统游戏加入了西塘商城、汉服衣柜和灵宠铺。普通汉服、豪华汉服、宠物吸币和持久化钱包，让跑酷收集有了长期目标。还要求豪华汉服不只是商城预览图，而是购买后要同步到游戏实际角色贴图，这推动了角色跑步帧和动作帧的完整生成。 7. UI 视觉持续打磨陆续提出标题图替换、商城按钮重做、下一关和进入商城按钮重绘、通关标题图统一无衬字体、通关页改成大气宣传海报等要求。游戏因此从“功能能用”逐渐变成“视觉统一、主题完整”的作品。 8. 隐藏彩蛋加入先询问可以加入哪些彩蛋，随后指定了 `wuxiaobo` 暗号奖励 520 铜板。后来又加入 `jiatong` 解锁隐藏角色“月华嘉桐”，以及 `xitang` 切回默认角色。彩蛋系统让游戏有了更强的个人印记。 9. 整理素材与收束项目后期开始清理根目录文件，把未使用图片迁入 `originals/`，并扩写“六景游记”的景点文案。项目从单次实验逐渐整理成一个可展示、可维护、可继续扩展的作品。

## 十四、提示词脉络归纳

从已经读取到的相关提示词来看，设计思路并不是一次写完的，而是一步步变清楚的。最初方向： > 主角是吴嘉桐，面向小学二年级学生，结合嘉善本地特色，学习人文知识和非遗知识。调整玩法： > 喜欢类似超级玛丽的跑酷风格，需要全部推翻重新设计。确定主题： > 横版古风跑酷、画面精细、主角是可爱女生、主题围绕嘉善西塘旅游、跑酷地图是西塘水乡街角、吃西塘小吃补能量、解锁人文历史知识、5 条命结束。视觉要求： > 横版 2D/2.5D、精细国风绘本、多层视差、青石板、白墙黛瓦、河面倒影、雨丝、灯笼、乌篷船、左右可无缝拼接、不要文字、不要 UI、不要角色。后期打磨： > 人物尺寸再大一点、标题字换成图片、豪华汉服要重新设计并同步游戏贴图、商城按钮要和右侧图标统一、通关页不要像结算表，要像宣传海报、输入暗号触发彩蛋、输入 xitang 切回默认角色。这条提示词变化线非常清楚：从教育目标，到玩法方向，到西塘主题，到美术资产，再到商城、彩蛋和通关包装。它也是这款游戏真正的开发历程。

## 十五、后续可扩展方向

这款游戏还可以继续扩展（当然，后期也不再更新了）： - 增加“无伤过关”称号，例如“嘉桐踏雨无痕”。 - 给每个场景加入一张专属隐藏知识卡。 - 夜游水巷中加入灯谜书页或汉服限定彩蛋。 - 增加更多西塘小吃，例如粽子、熏青豆、小馄饨等。 - 加入亲子模式或课堂模式，让老师可以直接展示知识卡。 - 增加成就系统，例如“收集 100 枚铜板”“解锁全部汉服”“带灵宠跑完夜游水巷”。 - 制作正式 README、发布页和 Windows 打包版本，方便传播给更多人试玩。

## 十六、总结

《烟雨西塘：嘉桐快跑》是一款从孩子想象力出发，由家长借助 Codex 实现的家乡主题游戏。它把西塘的桥、弄、廊棚、小吃、汉服、民俗、园林和夜游风景，转化成可以奔跑、可以收集、可以解锁、可以发现彩蛋的互动体验。它既是一款小游戏，也是一份家乡介绍；既是一次技术实践，也是一段父女共创的记录。

烟雨西塘之嘉桐快跑

Thu, 11 Jun 2026 13:24:29 +0800

带着女儿一起探索Vibe Coding。

游戏的玩法和构思是女儿自己想的，我就组织了一下Prompt提示词给Codex，剩下的都是AI编写的，包括全套的UI设计和音乐音效。

游戏名：烟雨西塘之嘉桐快跑（跑酷类游戏）

工具：Codex + CC Switch

试玩：http://game.5xiaobo.com

川西五日游记：风过雪山，心留山海

Thu, 14 May 2026 22:23:34 +0800

五月的风，终于把我吹向了川西。这是我第一次踏足海拔三千米以上的土地，让雪山与草原、经幡与古寺，在我生命里刻下了不同于江南水乡的凛冽与温柔。

这场旅行，始于一次欢哥在羽毛球场上的一句随口邀约。因为他那边有个丽水的朋友（虎哥），也在催着他组织五一的旅游。所以索性计划着四个人组个队伍，走下川西的小环线。

再后来欢哥在上海的另外一个朋友杰哥也有意加入此次旅行，就这样五人小队就这样成型了。

其实为了此次旅行，我也是提前做了很多功课。例如新添置了登山包和冲锋衣；为了抗高反提前服用了红景天；找赵老师借了坦克300来试驾（因为到时候自驾我的分工是开车）......这是我第一次前往高海拔地区，还是充满了很多担忧。我和政欣由于抢不到31号晚上的动卧，所以选择了31号下午从嘉兴南湖机场直飞成都，然后在成都过一夜，等他们三人（他们三人从上海动卧到成都）1号早上到达后然后一起去租车，然后自驾川西线。

5月1日早上五人汇合后，从成都出发。我是第一次跟虎哥和杰哥见面。虎哥（Tiger老师）是丽水的一名英语教师，话多，喜欢讲笑话，非常幽默；杰哥则不同，他是上海的一名设计师，擅长规划，这次的旅行线路包括住宿都是由他精心设计。第一站导航到康定情歌广场。路过天全服务区稍作休整，打卡了服务区里面的一个小网红“景点”。

由于路上堵车，足足开了7个小时，所以为了赶时间，我们只好直接前往第一天的景点“雅加埂”。我们本是奔着雅加埂的日照金山而来，可天公偏不作美，浓重的雾气将群山裹得严严实实。3968米的海拔处，目之所及只有一片茫茫白，刚下车，高原的寒意便裹挟着缺氧的窒息感袭来——头痛地像细密的针，一下下扎着太阳穴；胸口也好像是压了块浸了水的棉絮，连呼吸都变得沉重。第一次喝了这么一大碗酥油茶，差点吐出来，味道有点不适应。

日照金山终究是错过了，可下山的路却给了我们意外的惊喜。云雾在山谷间流转，山色时隐时现，快门不停，竟也定格了几张足以做微信封面的风景。

随着暮色渐浓，返程的路上路过康定市区，我们在市区吃了一顿热乎的野生菌火锅，然后继续赶路回民宿。此时我的高反已经很严重了，整个人非常难受，只好在路上不停地喝可乐缓解。而后的夜路格外惊险，国道318上起了大雾，能见度不足五米，弯道连着弯道，大货车的灯光在雾里晕成模糊的光斑。虎哥握着方向盘的手稳得很，带着我们在迷雾里缓缓前行。抵达民宿时，已是深夜十二点。由于当地海拔较高，所以也不敢洗澡，只草草洗漱便躺下，凌晨一点的高原，我在断断续续的缺氧憋醒中，迎来了第二天的晨光。

5月2日清晨的毛毛雨，让我明白遗憾总是如影随形。前往高尔寺神山去看贡嘎日照金山的愿望再次落空。雪粒打在脸上，眼前依旧是白茫茫的一片。

我们只好返回民宿补了一小时的觉，总算让疲惫的身体缓了过来。

由于虎哥一夜未眠导致无法开车，方向盘便交到了我手里。我开着车子驶向塔公草原，第一站便是有着“小色达”之称的木雅大寺。红墙金顶在辽阔的草原上静静伫立，经幡在风里猎猎作响，转经筒被信徒们摩挲得发亮。

这是我第一次近距离触摸藏传佛教的气息，虽无导游讲解，却也在那份肃穆与安宁里，感受到了信仰的重量。出了寺庙，我们在草原上驻足拍照，身后是层层叠叠的藏式建筑群，脚下是漫无边际的青草，风里都是自由的味道。

随后的姑弄村则是匆匆一瞥，随后便便奔赴墨石公园。这片被称为“地质学上的百慕大”的土地，有着令人震撼的奇异景观。墨色的山体层层叠叠，沟壑纵横，像是大地被撕开的一道伤口，又像是外星遗落的秘境。行走其间，仿佛穿越到了另一个星球，每一步都充满了未知与惊喜。

傍晚时分，我们抵达丹巴县。大渡河穿城而过，峡谷（美人谷）里的风带着湿润的气息，海拔骤降让高反的不适感瞬间消失。郑姐私房菜的地道川味，让我们连连称赞。这一夜，没有缺氧的困扰，我睡得格外安稳。

5月3日，我们前往市区吃了一顿早饭，随后驾车开进了甲居藏寨景区。藏式碉楼散落在青山绿水之间，盘山公路蜿蜒向上，沿途的风光一步一景。

在这里，我们邂逅了“山的禅”——一家藏在寨子里的咖啡店与民宿。老板洪老师是来自北京的设计师，与欢哥、政欣一见如故，聊起设计，聊起苏轼，相谈甚欢。店里的每一处细节都透着用心，原木的桌椅，满架的书籍，窗外是连绵的青山。点上一杯咖啡，坐在窗边，阳光透过玻璃窗洒进来，时光仿佛都慢了下来。

我们都舍不得走，欢哥后来更是一路念叨，下次一定要来这里住上几日，就着山风读书，伴着星空入眠。离开甲居藏寨，我们驱车前往顶果山顶的雍忠佐钦岭红色寺院。仅容一车通行的山路蜿蜒曲折，十八弯的盘山路足足开了近一个小时。这座有着2800年历史的古寺，静静矗立在山巅，不仅承载着藏传佛教的千年传承，更因当年对红军的无私帮助，在历史里留下了温暖的一笔。

寺旁的革命烈士纪念碑，在阳光下静静伫立，诉说着那段峥嵘岁月。

由于第四天（5月4日）一早要去四姑娘山景区，所以我们需要从丹巴县赶到“四姑娘山景区”的附近住宿。所以沿着熊猫大道一直开啊开。中途在小金县吃了晚饭，随后又急匆匆赶路。赶到民宿后已经又是十一点左右了。住在3200米的海拔的民宿里，让我又一次在夜里被憋醒，只是此时的身体，早已适应了高原的节奏。

四姑娘山，是我们此行最期待的风景。浙江户籍的免票政策，让我们多了一份意外的欣喜。从天气预报来看，今天大概率会看到很漂亮的风景。果然，景交车一路开上山，清晨的雪落满了山头，整个世界银装素裹。行至半山腰，太阳终于冲破云层，雾气渐渐散去，四姑娘山的轮廓一点点清晰起来。白雪覆着青山，阳光洒在雪地上，泛着细碎的金光。我们沿着栈道走走停停，看雪山巍峨，看溪流潺潺，看牦牛在雪地里悠闲漫步。快门声此起彼伏，每个人都在这里，拍到了属于自己的“人生大片”。杰哥笑着说，前一天这里还被大雾笼罩，游客们都在喊着退票，我们何其幸运，能遇见这样澄澈的四姑娘山。

【这里的原图是在吸氧（摆拍），但是为了搞笑，所以让豆包AI把氧气瓶P成了香烟的配图。打算的配文是：铁子，别吸氧了，来！吸根华子吧！】

下午要返程成都，怕路上堵车，我们早早便启程。途经汶川时，暮色正好。距离2008年的那场大地震，已经过去了十八年。我们特意绕去映秀镇，想在漩口中学遗址前，缅怀那些逝去的生命。虽然抵达时已过参观时间，没能走进遗址，但墙上那些真实的照片，依然让我们心头一震。那些破碎的砖瓦，那些定格的瞬间，都在提醒着我们，生命的可贵与人间的温暖。

抵达成都时，已是深夜。还了车，与伙伴们在街头的夜宵摊把酒言欢。酒过三巡，伤感便悄悄漫了上来。五天的朝夕相处，我们一起经历过高反的狼狈，一起遗憾过错过的日照金山，一起惊喜过沿途的不期而遇，一起感动过历史的厚重。原本陌生的虎哥和杰哥，早已成了可以并肩说笑的朋友。成都的街头灯火璀璨，我们碰着杯，说着旅途的趣事，也说着不知何时才能再聚的不舍。

第二天的成都Citywalk，武侯祠的红墙竹影，锦里的人间烟火，太古里的繁华喧嚣，IFS楼下的熊猫屁股，都成了这场旅途的收尾。

在IFS楼下与虎哥分别时，他说要接着逛逛，后来还特意给我们每人寄了一张明信片，字里行间都是旅途的余温。

晚上八点，我们登上了飞回嘉兴的飞机，舷窗外的成都渐渐变小，最终消失在夜色里。

有人说，旅行的意义，从来都不是看过多少风景，而是与谁一起看风景。川西的风，吹走了城市的喧嚣与浮躁，也吹来了最真挚的情谊。那些没看到的日照金山，成了我们下次再来的约定；那些遇见的人和事，那些走过的路，那些流过的汗与笑，都成了心底最珍贵的回忆。

雪山不语，草原无声，经幡依旧在风里飘扬。这场五月的川西之行，像一场温柔的梦，醒来后，心却永远留在了那片山海。愿我们永远保持热爱，奔赴下一场山海，在未知的旅途里，遇见更好的自己，也遇见更多温暖的人。

吴嘉桐开发的小游戏

Fri, 10 Apr 2026 20:14:59 +0800

一年级小朋友开发的跑酷小游戏[dplayer url="https://img.5xiaobo.com/video/paokugame.mp4" autoplay="false" danmu="true"/]

落落大方

Tue, 24 Mar 2026 08:06:44 +0800

《落落大方》

歌手 : 文夫 ♥ ♥ ♥ ♥ ♥

一人独闯香港

Tue, 17 Mar 2026 19:15:48 +0800

今年过年那段时间，突发奇想，想去趟香港办张香港的银行卡，听说港卡的定期理财比国内的利率高，而且如果以后想要买香港的保险，就需要一张港卡才可以在线办理。

抖音上也一直在给我贩卖焦虑，说现在香港的银行卡办理起来都很难，一般都会被拒。尤其是中银香港的卡，很难下来。抖音上代办理据说已经炒到了2000块钱。被这么一忽悠，那我想着我自己亲自跑一趟香港好了。主线任务：办卡；支线任务：旅游。

说干就干，抖音上看了很多的教程，按照教程的指导，首先解决“地址证明”。这个是非常必要的，如果要办理中银香港卡，必须要这个。我去了电力局和水务局，打了水电缴费单（后来发现根本用不到）；然后又去招商银行信用卡那边补打了纸质账单（平时都是电子账单），由于之前信用卡的地址是寄到的单位，所以打了客服电话，先让她帮我改下邮寄地址，然后再补打一份纸质（结果中银香港的客户经理说现在都不需要纸质了）。好在我中信银行的信用卡账单填写的地址是家庭住址，于是我打印了出来。准备好了地址证明，接下来是资产证明，你需要在国内的任何一家银行卡里面存入相应的额度，否则容易被拒。

资料准备完毕，开始在“中银香港”的微信公众号在线预约网点和时间。这个不容易预约，经常会预约满了。一般都是提前一个礼拜的早上8:00开始放号，然后9:30/10:30......会陆续放号，一般都是30分的时候有号，我就是晚上18:30抢到的号。

我的那个网点还是蛮方便的，下了地铁走几步到商城就能看到。

搞定了办卡预约的号码，抓紧打10086开通一下漫游业务、买港版插座、流量卡（我选择邮寄的）、2万毫安充电宝（非常有必要，手机要全程导航使用，掉电很快）、机票、酒店。因为这次是主要是办卡，所以选择穷游，孤身一人，住的酒店选了青年旅社（后来发现后悔了）。

为了顺便旅游一下，我还是做了一下功课的，用了豆包AI，告诉它我几点到，几点返程，帮我详细规划一下游玩的攻略，它非常详细得帮我完成了。然后把攻略放到飞书文档中进行整理排版，对照抖音的评价和推荐进行筛选，确定好最终的线路，后来发现，我这种走马观花的旅游走景点实在是快，额外还去了好几个地方。

然后把攻略打印出来，把各个节点在高德地图上依次收藏起来，方便到了那边直接进行选择目的地进行导航。网上有人说要下载谷歌地图什么的完全没必要，我高德地图完全够用。

我买的飞机是杭州飞深圳，然后深圳机场坐地铁到福田站，然后坐动车到西九龙站入境香港。

入境的时候会打印一张小纸片，这张非常重要，不要丢，后面办卡有需要。

香港的地铁还是非常方便的，全程都是可以用支付宝扫码乘车。进入香港以后可以把香港的流量卡启动了，国内的手机卡只接收短信就可以了。所以建议你提前把国内的手机卡开通漫游业务，然后手机要双卡双待，否则你就要准备两台手机。

我约的是中银香港将军澳新都城分行，去的时候人很多。我找大厅的经理说明原因，然后取了号，他提前审核了我的开户资料。主要是身份证、港澳通行证、通关小票、工资单流水（纸质）、让我打开国内银行的APP，看了一下我的存款。然后问我办卡的目的，我说想来香港投资理财。然后让我扫码预填写开户信息。填完后不一会儿就叫到我的号了。这里插一句，其实不用辛辛苦苦网上抢号的，这边的客户经理说，你现场来排队也是可以办理的。

轮到我的时候，办理我业务的那个现场经理非常有礼貌，全程普通话沟通，简单问了我一些问题，问了我开卡目的，然后他还让我打开国内银行APP，看了存款情况，然后就说可以了，整个过程非常顺利。我还主动给他看各种纸质证明资料，他说不需要，只需要把中信银行信用卡的电子账单发他电子邮箱一份就可以了。

所以一个小时不到，卡片顺利开卡成功，还给我申请了额外的一张实体扣账卡，会平邮寄给我。开卡完毕，还非常耐心跟我说接下来应该怎么样激活，怎么样去存款和转账。引导我到门口的ATM机上激活并存入1000港币，卡就正常能使用了。这次中银香港开卡意想不到的顺利。

办完卡，准备去办理入住。我定的是青年旅社，看了网上的评价说简陋得不行，到了那边果然简陋得不行。

读书时候没住过青年旅社，36岁的年纪居然住上了。好在价格实在便宜，才300块不到，忍忍得了。

住宿条件非常简陋，每个人住一个2平米不到的胶囊仓，男女混住在一个房间里，共用洗漱场所。然后里面各个国家的人都有，第一天碰到的是印度人，住我下铺，第二天住我对面的则是三个日本小伙子。好在大家都很自觉，晚上没有吵闹。

接下来说下游玩，由于前期准备充分，所以这次游玩基本上大半个香港都走了一遍，每天2万步。香港地铁虽然发达，但是各个地方走到地铁站需要1公里的走路，所以还是蛮累的。公交车我就坐了一次（体验了一下香港双层巴士），因为等公交车真的是太痛苦了，很久才有一班。我没下载公交APP，也不知道时刻表和进站时间。

我住的酒店在尖沙咀，走几步就到维多利亚港了。所以办理完入住，稍微休息一下就已经是傍晚了。然后出发去维港。打卡了星光大道，沿着海边一路走着。

香港的天气非常适宜，平均气温22度，海风吹在身上很舒服。

第二天正式开启港岛游玩。一早起床，吃了点自带的饼干就当早餐了。然后走到了码头，坐上了历史感悠久的天星小轮，坐到对面中环。

中环整体比九龙半岛要发达，坐了摩天轮，参观看了大馆，坐了缆车去了太平山顶，逛了香港大学……

晚上又去逛了庙街，香港的市井文化气息还是蛮浓的。

第三天返程前去了黄大仙祠，今年本命马年，可以免费进入太岁元辰殿，领了三支清香，按照指示依次给黄大仙、值守太岁、本命太岁上了香，祈了福。

从黄大仙祠出来之后就坐车去了罗湖口岸出关了，返回深圳，由于当天天气不好，飞机晚点了2个小时，回到杭州萧山已经晚上12点了。

带了些常用跌打损伤的药，给老丈人带了条免税的香烟。

过了三个工作日，众安的卡（EMS，很快）送到了，又过了大半个月，中银香港的扣账卡（平邮，很慢）也收到了。

最后总结一下，要不是为了办正事，不太会再去香港了，实话实说，没什么好玩的。

AI不再是工具，而是工人了

Sun, 01 Feb 2026 20:16:01 +0800

OpenClaw（原名Clawbot，数字龙虾）的出现让人不禁意识到AI的发展已经从当初的工具蜕变成了工人。以后每个人都能在自己的终端上养一个数字工人给你时刻打工。

Sora生成产品宣传片

Wed, 22 Oct 2025 16:16:31 +0800

Sora 2 的强大功能，日后可以轻松实现产品宣传片的直出了。日后必将是AIUGC（AI赋能用户生成内容）的时代！[dplayer url="https://img.5xiaobo.com/video/sora2.mp4" autoplay="false" danmu="true"/]

《市场调研》配套自编作业

Fri, 01 Aug 2025 15:54:21 +0800

历时18天，从0开始成功手搓了一本《市场调研》的配套自编作业