用 vibecoding 创造温柔的世界:花花 land、情绪日记、AI 新闻花园、自然星球(蝴蝶/鸟/海洋/花粉)。一个独立开发者(同 小红书 / 数据 + 历史 + 文化可视化项目合集 的作者)的治愈系矩阵。
一、花花 land 系列 — 用花朵记录情绪
核心创意
情绪日记可视化:每天的情绪 → 不同类型的花朵 → 种在日历上 → 整年开成一个花园。
关键功能
| 功能 | 描述 |
|---|---|
| 自由种植 | 在花花 land 中自由种植花树 |
| 情绪日历 | 把每天情绪种在对应日历上 |
| 夜间模式 | 花树发出萤火虫般微弱亮光 |
| 新年许愿彩蛋 | 写愿望 → 点许愿 → 看到流星 |
| 日记模式 | 点击不同情绪 → 不同花束高亮;点击日期 → 查看当天日记 |
| 情绪值调节 | 调节情绪值 → 调节花朵数量 |
| 画布材质 | 切换不同画布材质 |
| 风格切换 | 插画风格 + 真实风格 |
| 自由摆放 | 添加云朵、小动物等素材 |
同系列变体
- 情绪日记 | 日记本里下雪了(冬天版治愈版本)
- 情绪花园 | 打工人的赛博能量场(增强版,有花语日记功能)
花语日记(打工人赛博能量场新增)
用花束代表写的文字:
- 写激励自己的话 → 每个文字对应一朵情绪花
- 黑塞的文字也能放进去 → 改变本来的语义排布和大小
- 展示不同情绪的激烈程度
灵感来源
Chrome Experiment 网站 — Google 开源的 WebGL / Canvas / WebVR 创意作品库。
"我们想做一些有个人温度的项目,创意就更显得尤为重要。"
二、AI 新闻花园 — 信息焦虑的解药
核心创意
"你是否也被每天爆炸的 AI 新闻淹没?"
近半年过万条 AI 新闻 → 一座花园,每一朵花都是一条新闻。
花语 = 新闻类型
| 花 | 类型 |
|---|---|
| 早春樱花 | 新品发布 |
| 鸢尾花 | 多模态(智慧光明) |
| 蒲公英 | 学术研究(自由探索) |
| 百合 | 安全政策(纯洁守护) |
6 大功能
| 功能 | 说明 |
|---|---|
| 点击新闻 | 查看背后的故事 |
| 自动关联 | 像顺着藤蔓一样找到整串相关故事 |
| 热度曲线 | 卡片右侧显示新闻热度峰值时间 |
| 时间轴 | 拖动查看不同日期热门新闻 |
| 类型筛选 | 应用 / 视频 / 政策 等 |
| 搜索 | 关键词高亮 |
经典关联故事
- 12 月:迪士尼投资 OpenAI 10 亿美元(大新闻)
- 3 月:OpenAI 关闭 Sora → 导致与迪士尼交易脱轨(关联在一起看就非常有趣)
- 微软通过小龙虾代理改造 Copilot
- OpenAI 推出安全奖学金(标志 AI 领域对安全的重视)
设计动机
"希望可以换一个方式来学习,并且获取 AI 相关的新闻。这座花园是想在信息爆炸的时代让大家可以不那么焦虑地来掌握 AI 方面的知识,希望它能成为你在 AI 焦虑中一个可以散步的地方。"
三、自然星球系列 — 地球的奇妙
项目 1:如果地球有自己的花语
世界各地植被分布(根据真实生长记录):
| 地区 | 代表植被 |
|---|---|
| 中国 | 桂花 / 百合 |
| 地中海 | 无花果 / 金盏菊 |
| 非洲 | 金合欢 / 猴面包树 |
| 墨西哥 | 龙舌兰 / 巨人仙人掌 |
4 种查询方式:
- 按植被类型(花卉 / 乔木)
- 按气候(温带 / 湿地)
- 按海拔过滤
- 全球实时天气系统(北美的雪 / 南海的雨)
项目 2:花粉星球 — 200 万颗追踪
全球 200 万颗花粉撒在地球上,把植被分布 + 风传播路径可视化。
关键洞察
| 地区 | 现象 |
|---|---|
| 西班牙 | 橡树(红色) |
| 美国西部 | 蒿属(绿色) |
| 中国华北北部 | 红色 = 杨柳;绿色 = 柏树(隐形刺客) |
| 长三角 | 悬铃木(梧桐树) |
| 冰岛人花粉过敏 | 可能是上千公里外欧洲大陆带来的(3 月北风) |
| 豚草(非欧洲原生) | 20 世纪从北美意外传入,夏末从匈牙利出发飘到德国/法国/英国 |
| 丝柏(梵高画里) | 地中海区域最凶猛的过敏原(普罗旺斯 2-3 月) |
| 中国柏树花粉 3 月 | 随风飘到韩国 |
| 韩国花粉 10 月 | 随风飘到中国沿海 |
季节性
- 春季:柏树 / 杨柳 / 桦树 / 橡树 高发
- 秋季:豚草 / 蒿属 高发
创作动机
"每年这个时候自己都会痛苦的打喷嚏,这也让我好奇这些花粉到底是来自于哪里?"
创作者背景(全球视角)
"我自己就是全球化和跨领域的受益者,从设计转到算法和工程,从中国长大到英国求学再到美国的实验室,所以自然的会用这个角度去看待问题。"
"人类在用不同的语言讲述着相同的故事,每个文明都在自己的角落对着同一片星空发问。在现在这个世界的环境下,希望让持不同见解的人能看到对方那边也有值得欣赏的文化。"
项目 3:蝶舞虫鸣星球 — 21 种声景
可以看到蝴蝶 + 听到昆虫叫声的应用。
蝴蝶代表(各大洲)
| 地区 | 蝴蝶 / 昆虫 |
|---|---|
| 欧洲 | 蜂鸟鹰蛾(翅膀每秒震动 78 次,像风鸟)/ 犀金龟(古罗马力量象征) |
| 非洲 | 华丽准将蝶(雨季红色,旱季蓝色)/ 三叉巨粪金龟(古埃及太阳神化身)/ 白带闪甲蝶(冲向任何入侵者) |
| 北美 | 东方木蜂(凶猛悬停人脸前)/ 北方天蓝蝶(早春积雪前飞)/ 东方大力神甲虫(举起自身体重 850 倍) |
| 中美 | 门氏蓝闪蝶(玛雅人认为是天神信使) |
| 南美 | 红宝石闪蝶(金属红色斑块如红宝石)/ 猫头鹰蝶(翅膀背面有鹰眼)/ 伊莎贝拉秀蝶(秀蝶家族社交达人) |
| 中国 | 陈氏多脉蝉(脉络异常密集如蛛网)/ 中华碧凤蝶(翠绿色光斑如孔雀羽毛)/ 丝带凤蝶("蝶中仙子") |
| 澳洲 | 尤利西斯蝶("蓝色闪电")/ 橙带甲蝶(像飘动的落叶) |
功能
- 不同地区 + 不同昼夜 + 不同季节的虫鸣声景
- 点击查看分类
- 可只查看蝴蝶
项目 4:鸟语星球 — 鸟类的世界
世界不同区域鸟类的有趣叫声:
| 地区 | 代表鸟 |
|---|---|
| 欧洲 | 蜂虎(抓蜜蜂从不怕蜇) |
| 非洲 | 大蓝蕉鹃(爱吃水果,"森林的播种机") |
| 北极 | 柳雷鸟(自带换装,冬白夏棕) |
| 北欧 | 蓝喉歌鸲("看到它就会走运") |
| 南极 | 巴布亚企鹅(石头当定情信物) |
| 中国 | 横斑鹰(只有一枚硬币重,翻越喜马拉雅)/ 画眉("歌神",模仿几十种鸟叫) |
| 北美 | 白翅交嘴雀(轻松撬开松果) |
特色功能:看到鸟类飞上天空(再次点击回原位)+ 迁徙轨迹(跨越半个地球)。
项目 5:潜入海底花园 — 海洋花园
世界各地珊瑚和海底生物的观测记录:
| 地区 | 海洋生物 |
|---|---|
| 澳洲 | 鲸鱼 / 锦绣龙虾 |
| 亚洲 | 番茄小丑鱼 / 巨型地毯海葵 |
| 南美洲 | 雨滴花海葵 / 红海葵 |
| 北美加州 | 蓝鲸 |
| 加勒比海 | 丰富生物镜头 |
| 欧洲 | 大连岩汉鱼 |
| 北欧 | 虎鲸 |
特色:全球洋流系统 — 鱼类像在洋流中畅游。
四、治愈梦核系拼图教程(Minimax)
Minimax Pro 一键拼图
用 Minimax 主页对话页面:
- 选 Pro 版本(项目复杂)
- 复制提示词(图片拼图版本)
- 点击生成 → 给地址 → 打开
视频拼图(多轮对话)
- 选择图片 → 开始切割
- 调整灵敏度
- 点击分割 → 看到分割好的区域
- 上传视频文件
- 生成拼图
五、设计哲学(同作者贯穿系列)
4 大设计原则
| 原则 | 体现 |
|---|---|
| 温度感 > 工具感 | 治愈系花园 + 萤火虫 + 流星彩蛋 |
| 个人化 | 个人情绪 / 看过的电影 / 自己的花园 |
| 跨文化全球视角 | 自然/历史/神话都是全球性可视化 |
| 降低焦虑 | AI 新闻焦虑 → 散步的地方 |
全球视角的意义(创作者自述)
"当我们从全球的视角看待不同文明的历史,比如之前的神话故事那期很多古文明都有大洪水的故事,人类在用不同的语言讲述着相同的故事。"
"每个文明都在自己的角落对着同一片星空发问。在现在这个世界的环境下,希望让持不同见解的人能看到对方那边也有值得欣赏的文化。"
六、技术栈共同特征
| 技术 | 用途 |
|---|---|
| WebCoding 框架 | 一切交互的基础 |
| Chrome Experiment 灵感库 | Google 开源 WebGL / Canvas / WebVR 作品 |
| 3D 地球(Three.js) | 几乎所有"星球"系列项目 |
| 粒子系统 | 花粉 / 鸟 / 鱼 / 文物光点 |
| 时间滑块 | 几乎所有项目都有时间维度 |
| 多语言 | 神话 + 听音 |
| AI 推荐 | 按风土人情、关键词推荐 |
| Minimax Pro | 复杂项目 + 拼图生成 |
See also
- 小红书 / 数据 + 历史 + 文化可视化项目合集 — 同作者数据可视化矩阵(动画地图/电影星图/诗词去旅行)
- 小红书 / Vibecoding 实操合集(游戏/工具/小程序) — Vibecoding 实操(技术底座)
- 小红书 / AI 网页 + 3D 交互 + Pretext 设计合集 — AI 网页 + 3D 交互(技术栈交叉)
- 小红书 / 音乐 × 数学合集(欧几里得节奏 + 惠特尼音乐盒) — 音乐 × 数学(同样跨界)
- 小红书 / Vibecoding 审美 + 创作者经济合集 — vibecoding 审美 + 创作者经济