365天，每天一个有趣的应用

# 中国传统色提取 & 智能报告 工具直达链接：https://in5.cn # 1. 为什么要开发这个工具？ 你有没有遇到过这种情况：看到一张海报、一张风景照，觉得配色美绝了，想用到自己的设计里，却不知道具体的色值？或者，吸管吸出来的颜色，总觉得“脏脏的”，不知道该怎么搭配？ 市面上的取色工具很多，但大多是冷冰冰的 Hex 代码（比如 #FF0000）。这就没那味儿了。我们是中国人，我们的颜色应该有名字。是“朱红”，是“靛蓝”，是“苍色”，是“暮山紫”。 于是，我让 AI 帮我写了这个工具。 # 2. 它能做什么？ 这是目前市面上颜值最高、最懂国风的在线取色工具。 ✅ 一键智能提取： 拖入任意图片（照片、海报、插画），AI 会瞬间通过 K-Means 聚类算法，算出画面中占比最高的 60 多种颜色。 ✅ 独家“完美蜂窝”色板： 不再是无聊的方块，而是生成一张极具设计感的蜂窝色板（Honeycomb）。每一个格子，都对应画面中的一抹色彩。重点是：你可以直接点击“保存大图”，导出一张 2000px 的高清海报，发朋友圈简直不要太好看！ 注意，点击格子，可以直接复制色值到剪切板。 ✅ 中国传统色命名： 这才是灵魂。工具内置了庞大的中国传统色数据库。当你点击任意一个颜色，它不会只告诉你 #F0F0F4，它会告诉你，这叫“月白”。看着这些名字，设计的灵感瞬间就涌上来了。 ✅ 生成设计师报告： 它不仅仅是个取色器，它还是你的 “色彩分析师”。点击“下载配色报告”，它会生成一份 HTML 格式的专业报告，包含色彩占比分析、冷暖调解读，甚至还能帮你写出“设计说明”。 ✅ 打通 PS/AI 生产力： 对于设计师朋友，我加了一个最实用的功能：一键导出 .ACO (Photoshop 色板) 或 .ASE (Adobe 通用色板)。下载后双击，这些颜色就会直接出现在你的 PS 色板库里，马上就能用！ # 3. 背后的技术（Vibe Coding） 你可能不敢相信，这个工具的核心代码，90% 都是由 AI 完成的。 我没有手写复杂的聚类算法，也没有去查阅几千个 RGB 色值。我只是作为一个“产品经理”和“指挥家”，告诉 AI： “我要一个蜂窝状的布局，要有呼吸感。” “把 RGB 数值映射到最近似的中国传统色名。”（使用的一个开源的js库） “给我一个暗黑科技风的 UI。” 这就是我所说的 Meta-Skill（元技能）。在 AI 时代，创意 > 代码。

今天是挑战的 Day 002。我带来了一个“全能色彩代码转换器”工具。 全能色彩代码转换器 01. 为什么要做这个工具？ 你有没有遇到过这种抓狂的时刻？ 甲方发来一个 HEX 网页色值，印刷厂师傅却管你要 CMYK？ 在做 UI 设计时，想把颜色调得“亮一点”，却在 RGB 的数值里迷失了方向？ 最要命的是，当你翻开《中国颜色体系》或建筑国标色卡，看到的参数竟然是 Y10x10y10？ 那一刻，你看着手里的 Photoshop 拾色器，发现它竟然没有这个选项。 色彩，不仅仅是红绿蓝。它是光，是墨，更是科学。 为了解决这个痛点，我用 AI “手搓”了一个全能色彩代码转换器。不翻页、不跳转，在一屏之内，看透颜色的所有“马甲”。 02. 它能做什么？ 这是一个工业级的仪表盘工具。 它的核心功能只有一个：全维度联动。 你只需要修改任意一个参数（比如把 RGB 的红拉满），其他的 HEX、HSL、CMYK 甚至晦涩难懂的 CIE xyY 都会毫秒级自动同步。 它特别针对“国标”做了优化： 很多设计师在通过国标色卡选色时，只能查到 xyY 坐标。比如当我查看国标，或者色卡时候： 上面的色度坐标是不是让你觉得也有些懵？ 现在，你把坐标填进去，它立刻告诉你这是什么 RGB，直接就能在电脑上用！而且其他色值立刻计算出来。 03. 色彩“硬科普” 既然有了工具，那我们顺便聊聊这些代码背后，到底代表了什么？（以下内容已内置在工具中，随时可查） 🌐 HEX：网页的“身份证” 定义：十六进制颜色码 (Hexadecimal)。 人话：这是给浏览器看的。它把 RGB 三个数字压缩成了一串 6 位的“密码”。做网页、写代码，认准它。 👁️ RGB：光的“三原色” 定义：Red, Green, Blue。 人话：这是屏幕的语言。你的手机、显示器都是靠发光来显示颜色的。数值越大，光越强，颜色越亮。三个 255 就是亮瞎眼的白，三个 0 就是关灯的黑。 🎨 CMYK：油墨的“减法” 定义：Cyan (青), Magenta (品红), Yellow (黄), Key (黑)。 人话：这是打印机的语言。油墨是越混合越黑的（减色法）。为什么打印出来的总是比屏幕上暗？因为屏幕在发光，而纸张不发光。注意：屏幕模拟的 CMYK 仅供参考，印刷一定要拿色卡对色！ 🧠 HSL：人类的“直觉” 定义：Hue (色相), Saturation (饱和度), Lightness (亮度)。 人话：这是最符合人类直觉的模式。 RGB 很难调色，但 HSL 很简单： 想换个颜色？动 H。 想鲜艳点？加 S。 想亮一点？加 L。 做设计调色，首选 HSL。 📐 CIE xyY：国标的“标尺” 定义：CIE 1931 色度坐标。 人话：这是色彩的物理坐标，也是国标常用的标准。 它把颜色拆成了“亮度”(Y) 和“色度”(x,y)。无论你的屏幕怎么偏色，x 和 y 的物理位置是永恒不变的。它是连接不同设备、不同标准的桥梁。 写在最后 这个工具的代码，完全由 AI 辅助生成。从布局到那些复杂的色彩转换数学公式（比如 Gamma 校正、矩阵变换），AI 的表现令人惊讶。 这就是 365-tools 挑战的意义：不是为了替代谁，而是为了让我们每一个人，都能拥有将想法瞬间转化为产品的能力。

今天是挑战的 Day 003。在前两天解决了“配色提取”和“色彩转换”之后，今天我们要解决内容创作者最头疼的问题——封面图。 多平台封面生成器：小红书封面 / 抖音封面 / 公众号封面 / B站封面 # 01. 为什么要做这个工具？ “内容再好，封面不从，流量减半。” 这句话每个做自媒体的人都听过。 但在实际操作中，做封面真的太痛苦了： 打开 Photoshop？ 太重了，为了加行字等半天启动，还要调各种图层样式。 找图两小时，做图五分钟： 每次写完文章，还要去 Unsplash、Pixabay 翻半天图，下载下来发现尺寸不对，又要裁切。 最抓狂的是尺寸适配： 刚做完小红书的 3:4，转头要发公众号首图 2.35:1，字号、位置全乱了。 我需要一个“轻量级”、“高颜值”且“自带素材”的工具。不需要花里胡哨的 1000 个模板，只需要最经典的几款，且能一键复用。 于是，Day 003，多平台封面生成器 诞生了。 # 02. 重新定义“封面设计” 这不是一个简单的“图片加字”工具，这是一个基于 CSS 现代语法的排版引擎。为了追求极致的体验，我在开发过程中推翻了 6 个版本，最终实现了以下核心功能： ## 🖼️ 1. [重磅更新] “无限云图库” (Infinite Gallery) 这是今天刚刚紧急加更的功能！我发现很多人（包括我自己）做不出好看的封面，不是因为审美差，而是手里没有高质量的图。于是，我直接把 Pixabay 的高清图库接口接进了工具里。 没有背景图？ 点击 [☁️ 在线图库]，瞬间加载高质量的抽象、纹理、科技风背景。 不喜欢这一组？ 点击 [🔄 换一批]，AI 会随机从数百万张图片中为你挑选。 告别下载上传： 所有的图都是直连加载，点选即用，配合我们的排版引擎，怎么搭都好看。 你只管写标题，找图的事，交给它。（备案完成后图片下载速度将会进一步提升） ## 🎨 2. “万能容器”引擎 (Super BG) 在早期的版本里，我做了“荧光笔”、“毛玻璃”、“实体按钮”好几个模式。后来我运用“奥卡姆剃刀”原理，让 AI 把它们合并了。 现在，你只需要选择 “万能背景 (Super BG)” 模式： 想要 ins 风毛玻璃？把透明度调低，圆角拉大，描边加上。 想要 小红书爆款高亮？把高度压扁，透明度拉满，瞬间变成荧光笔效果。 想要 赛博朋克风？把圆角归零，描边加粗，颜色选荧光绿。 一个滑块，千种风格。 以前在 PS 里要调半天的图层样式，现在毫秒级实时渲染。 ## 📐 3. 场景一键切换 内置了全网主流平台的标准尺寸： 小红书 (3:4)：黄金比例，视觉冲击力最强。 公众号首图 (2.35:1)：完美适配微信推文列表。 🎵 抖音/壁纸 (9:16)：全屏沉浸式体验。 📺 B站/视频 (16:9)：标准的横屏视频封面。 不管你上传什么比例的图，点击按钮，画布自动重组，背景自动适配。 ## ✒️ 4. 独立的双字体系统 为了让排版更有“杂志感”，我特意要求 AI 将主副标题的逻辑解耦。你可以把主标题设为厚重的“超粗黑体”来抓眼球，把副标题设为优雅的“宋体”来提升格调。主黑副宋，设计感立现。 ## 💾 5. 生产力核心：预设管理 (Preset Hub) 这是 Day 003 最大的突破——它拥有了记忆。当你调出了一个满意的“毛玻璃+宋体”风格，不用担心刷新网页就没了。点击 [💾 保存当前]，起个名字（比如“我的公众号专栏”）。下次打开，直接 [📂 读取]。这一步，让它从一个“玩具”，变成了一个真正的“生产力工具”。 # 03. 开发背后的“元技能”思考 今天的开发过程，让我对 Vibe Coding（氛围编程） 有了更深的理解。 在开发“万能背景”时，AI 最初的逻辑是僵硬的。但我只需要用自然语言告诉它： “把背景当做一个容器，计算所有文字的 Bounding Box（包围盒），然后画一个大的矩形把它们包起来，而不是给每一行单独画。” 而在接入图库时，我只是说了一句： “我不想要用户去下载图片，你帮我接一个免费图库的 API，要随机，要高清。” AI 瞬间就给出了完整的代码。 我们不再需要懂具体的算法实现，我们需要懂的是“产品的逻辑”和“设计的直觉”。 # 写在最后 这个工具，我已经把它作为我公众号发文的御用工具了（今天的封面就是用它做的，背景图也是它随机刷出来的）。 它或许不如 Photoshop 强大，但它足够快，足够美，足够解决问题。这就是 365-tools 的意义：让工具回归工具，让人回归创作。

# 全能切片机 & 朋友圈构图大师 今天是挑战的 Day 004。我带来了一个“朋友圈切图神器”。 前几天我们解决了配色和封面的问题。今天，我要带大家解决一个最高频的痛点——朋友圈发图。 市面上的九宫格切图软件很多，但要么画质压缩严重，要么构图死板，根本无法满足我们对“高质量发圈”的需求。 所以我做了一个纯网页版、免费无损的“朋友圈切图发图神器”。 # 01. 这是一个“懂你”的九宫格切图工具 很多时候我们想发九宫格，是因为一张图太小，想把画面撑满屏幕。但普通的切图 APP 往往会把主角的脸切一半，或者把构图切得很奇怪。 Day 004 重新定义了 “切图” 体验： 自由拖拽切图：上传照片后，你可以随意拖动选框。想切左边就切左边，想切中间就切中间，主角永远在 C 位。 强制 1:1 完美九宫格： 只要开启“朋友圈模式”，系统会自动锁定正方形比例。切出来的 9 张图，发到朋友圈里严丝合缝，没有任何白边和错位。 实时预览： 右侧自带朋友圈模拟器，你一边切，右边一边显示发出去的效果。不满意？随时调，直到完美为止。 # 02. 不止九宫格，更是“全景长图”发图神器 这可能是摄影爱好者最需要的功能。 痛点：拍了一张横屏的全景图，直接发朋友圈会缩成一条细线，根本看不清。解法： 使用本工具的 3x1 竖切模式。 它能把一张宽幅全景图，无损切分成 3 张竖图。当你把这 3 张图按顺序发到朋友圈时，它们会并排无缝拼接。朋友们向左滑动查看，仿佛在手机上展开了一幅高清画卷！这才是全景图的正确打开方式。 # 03. 长图防压缩 & UI 切图好帮手 除了朋友圈，它还能解决更多专业需求： 长图切分： 有一张很长的网页长截图？用 自定义切分（比如 10行 x 1列），把它切成 10 张大图，发小红书轮播，字字清晰。 无损 PNG 导出： 设计师可以用它来切 UI 素材、切 Logo，支持透明背景，边缘干净利落。可以自己输入行数、列数。 压缩包一键导出：可以单张下载截图，也可以一键下载ZIP压缩包。 隐私安全： 作为一款网页版切图神器，所有操作都在浏览器本地完成，图片不上传服务器，安全无忧。 # 04. 为什么我要自己开发？ 因为我受够了为了切个图还要下载几百兆的 APP，受够了满屏的广告，更受够了切完还要保存到相册才能看效果的繁琐。 好用的工具，应该是“即开即用，用完即走”的。 Day 004 就是这样一个纯粹的工具。它没有多余的功能，只专注把 “切图” 这一件事做到极致体验。 # 写在最后 发朋友圈是生活的一种 “仪式感”。既然拍了那么好看的照片，就别让自动裁切毁了它。用这个切图神器，让你的朋友圈照片“支棱”起来！

# AI 灵感配色 & 中国传统色生成器 前几天我们玩了图片取色、玩了代码转换。但今天，我想挑战一点更难的——“通感”。在设计界，最难的不是由“图”生“色”，而是由“意”生“色”。 当产品经理说“我要五彩斑斓的黑”，当甲方说“我要一种大唐盛世的繁华感”，或者当你读到一句“落霞与孤鹜齐飞”时，脑海里那个模糊的色彩印象，该如何精准地捕捉下来？ 今天，我带来了 Day 005 —— AI 灵感配色 & 中国传统色生成器。 不看图片，不调参数。只输入一段文字，AI 自动为你生成一套绝美的中国传统色方案。 # 01. 当 AI 读懂了中国诗词 为了测试这个工具的极限，我没有用简单的“红色”、“蓝色”去测试它，而是用中国文化里最隐晦、最唯美的诗词歌赋作为 Prompt（提示词）。 结果，让我大受震撼。 ## 案例一：千古绝色“天青” 我输入了宋徽宗的那句名言： “雨过天青云破处，这般颜色做将来。” AI 并没有简单地给我五个蓝色。它仿佛真的理解了汝窑那种温润如玉、似蓝非蓝的意境。它生成了： 【天青 #D6ECF0】：核心主色，淡雅空灵。 【育阳染 #576470】：带着一点点灰调的深沉。 【天水碧 #C8D9F0】：如同云破处的微光。 【晴山#9FB8E0】：作为底色的温润。 这一组配色，瞬间就把你拉回了烟雨朦胧的宋朝。 ## 案例二：盛唐的“繁华” 我又试了一句极具张力的唐诗： “冲天香阵透长安，满城尽带黄金甲。” AI 读懂了其中的“杀气”与“辉煌”。它没有给出一堆俗气的土豪金，而是给出了一组极具力量感的配色： 【秋香 #d9b611】：耀眼、浓烈，如正午阳光照在盔甲上。 【棕红 #9b4400】：沉稳的棕红，带着历史的厚重。 【猩红 #dc143c】：那是宫墙的颜色，也是肃杀的底色。 【铅灰 #E3E1E1】：压住了满屏的金，让画面不至于轻浮。 这组配色，直接拿去做“国潮海报”或者“游戏UI”，气场全开。 ## 案例三：少女的“心事” 换个风格，试一句李清照的词： “知否，知否？应是绿肥红瘦。” 这次，AI 变得非常温柔。 【彤 #f35336】：不是大红，而是带着一点点凋零感的粉红。 【松柏绿 #21a675】：鲜嫩、充满生机，对应“绿肥”。 【新绿 #9EC28F】：初春的嫩芽色。 这组配色，清新、婉约，像极了江南春日的午后。 # 02. 为什么它能做到？ 这就是 AI 大模型（LLM）最迷人的地方——它拥有“通感”。 传统的取色工具是理性的，它只认识 RGB 数值。但 AI 是感性的。它阅读过人类历史上浩如烟海的文学作品，它知道“悲伤”不仅仅是 Blue（蓝），还可以是“苍色”；它知道“希望”不仅仅是 Green（绿），还可以是“柳黄”。 更重要的是，为了让这些颜色更具东方韵味，我在后台做了一层“文化映射”。AI 生成颜色后，我会强制它去检索庞大的中国传统色库。所以，你在这个工具里永远不会看到冷冰冰的 #FF0000，你看到的永远是这些带着温度和画面的名字。 # 03. 它还能怎么用？ 除了玩诗词，它更是设计师的实战利器： 品牌策划： 输入“高端、科技感、信赖”，它会给你生成一组适合金融科技的“青瓦 · 石青 · 宝蓝 · 星灰 · 钢青”。 小说/插画创作： 输入“末日废土、生锈的机械、黄昏”，它会给你一组“淡可可棕 · 驼色 · 枯黄 · 绾”的氛围色。 甚至心情疗愈： 输入“我今天很累，想静静”，它或许会给你一组治愈的“莫兰迪色系”。 # 写在最后 现在，借助 AI，我们只需要用最熟悉的语言，就能唤醒这些沉睡千年的色彩。去试试吧，看看 AI 会还给你一种什么颜色？ 注意：大模型具有偶然性，文字与色彩搭配不具有完整的一一对应，请注意甄别。

# Day 006 全球气象风玫瑰生成器 (WindRose.cc) 今天是挑战的 Day 006。在前几天的挑战里，我们解决了配色、封面、切图这些“面子”问题。今天，我们要深入建筑与规划师的“里子”，解决一个最硬核、最枯燥，却又绕不开的痛点——气象数据之风环境分析（模拟）。 注：由于数据是宏观数据，为了严谨，在网站增加了“模拟”二字，请大家在使用时候以实际数据为准，在项目中，可以使用风玫瑰绘制工具，对自己的数据进行加工。 数据来源：Open-Meteo，一个专注于非商业和商业用途的开源天气 API。与 AccuWeather 或 Weather.com 等商业巨头不同，Open-Meteo 并不自己“生产”天气预报，而是作为一个超级聚合器。它通过复杂的算法和高性能服务器，将全球各大国家气象局（如美国 NOAA、欧洲 ECMWF、德国 DWD、日本 JMA 等）的开放数据进行清洗、处理，并以简单易用的 API 形式提供给开发者。 # Day 006 全球气象风玫瑰生成器 https://WindRose.cc 不需要到处找 .epw 气象文件，不需要打开笨重的 Ecotect 或 Ladybug。在地图上点一下，数据来了，图画好了，CAD 也导出了。 # 01. 为什么要做这个工具？ 作为一个建筑/规划背景的开发者，我太懂做“前期分析”时的崩溃了： 找数据难：接了一个国外的项目，或者国内偏远地区的项目，翻遍了 EnergyPlus 官网都找不到气象数据。 画图累：即使找到了数据（通常是一堆 Excel 数字），还得手动在 CAD 里画。一圈圈同心圆，一根根放射线，画错了还得重来。 不仅丑，还难改：现在的网页工具大多只生成一张 JPG 图片。放进汇报 PPT 还凑合，但如果我想放到总平面图里？对不起，位图放进去就是糊的，且没法编辑。 所以我让 AI 帮我写了这个工具，只为了实现一个目标：把“找数据+算数据+画图”这三小时的工作，压缩到 10 秒钟。 # 02. 它能做什么？ 这是一个打通了“数据获取”到“图纸生产”全链路的神器。 ## 📍 1. 全球数据，点击即得 借助 AI 帮我接入的全球气象 API，现在整个地球都是你可以链接的“数据库”。 地图交互：打开网页，你会看到一张世界地图。这里用的是高德地图，高德地图现在也可以显示全球地图，这一点非常赞，而且国境线是准确的，作为一个Global的工具，展示准确的地图，是及其重要的。 指哪打哪：无论你的基地是在繁华的上海陆家嘴，还是在非洲的某个小镇，鼠标在地图上点一下，系统就会自动抓取该经纬度最近气象站的历史风环境数据。 ## 🌪️ 2. 三大专业模板，美观 不同的汇报场合，需要不同的图面表达。我让 AI 调试了三种风格： 标准分析版： 经典的 16 向风玫瑰，清晰标注风频，适合放在技术报告里。 极简填充版： 更加现代、扁平化的设计，色块填充，视觉冲击力强，适合放在彩色总图中做底图。 线框数据版： 纯线条构成，强调数据的精确走势，适合叠加在分析图层之上。 ## 📐 3. 杀手锏：完美分层的 DXF (CAD) 导出 这是今天最重磅的更新！很多工具导出的 CAD 是一团乱麻，线都是碎的。但这个工具导出的 DXF，是可以直接用的： 智能分层： 网格线（Grid）、轮廓线（Outline）、坐标轴（Axis）自动分在不同图层。 自动上色： 轮廓线自动设为红色（强调数据），网格线自动设为灰绿色（背景退晕），坐标轴设为白色。 多段线优化： 数据轮廓是闭合的 LWPOLYLINE（多段线），你可以直接填充（Hatch），不用再描一遍！下载下来，直接拖进 AutoCAD 或 Rhino，直接就能用。 ## ✏️ 4. DIY 模式：你有数据？也能画！ 如果你手头已经有了特定的风频数据（比如甲方提供的实测数据），没关系。切换到“自定义模式”，把你的 16 个方向的数据填进去，它一样能帮你一键生成上述所有图表和 CAD 文件。 # 03. 开发背后的“元技能” 在开发 DXF 导出功能时，遇到最大的困难是“几何算法”。DXF 文件的本质是一堆文本代码，需要精确计算每一个坐标点（圆心、半径、三角函数）。作为一个数学一般的文科生，这在以前是不可能完成的任务。但我使用了 Vibe Coding 的方式： “AI，我需要一个函数。输入一组数据，生成 DXF 格式的文本。要求：网格画 5 圈同心圆，要灰绿色；数据轮廓要用多段线，要红色。另外，给我画四个漂亮的线框箭头代表东南西北。” AI 就像一个不知疲倦的资深绘图员，毫秒级地帮我写出了那个几百行的几何计算函数。这就是 AI 时代的创造力——你负责定义“美”和“标准”，AI 负责去死磕那些枯燥的数学和语法。 注：数据来源为公开API数据，http://open-meteo.com。这个是全球公开数据，提供了免费和付费的两种接口。如果大家有兴趣也可以研究下。

# Day 007 Markdown 排版大师 过去的一周，我们解决了配色的烦恼（Day 001, 002, 005）、搞定了发图的难题（Day 003, 004）。今天，我要解决一个随着 AI 普及而产生的新痛点——“格式灾难”。 # 01. 问 AI 一时爽，排版“泪两行” 这是不是你每天的真实写照？ 你打开 豆包、Kimi、ChatGPT，让它帮你写一份《2026年行业分析报告》或者一篇《公众号推文》。AI 刷刷刷几秒钟写好了，逻辑清晰，内容详实。你满心欢喜地点了“复制”，准备粘贴到 Word 发给老板，或者粘贴到公众号后台发布。 结果，粘贴出来是这样的： ❌ 满屏的 ### 标题符号 ❌ 重点文字两边夹着 ❌ 表格变成了一堆 | --- | 的乱码 ❌ 代码块没有高亮，黑乎乎一坨 心态崩了啊！ 本来 AI 帮你省了 1 小时写稿时间，结果你又花了 30 分钟手动删符号、调字体、改行距。 “有没有一款工具，能接住 AI ‘吐’出来的 Markdown 格式，直接变成我能用的成品？” 找了一圈没顺手的，所以我自己开发了一个。Day 007「Markdown 大师」，它是 AI 大模型的最佳伴侣，也是 AI 生成内容的“清洗与精装修”站。 # 02. 专治 AI 内容的“水土不服” ## 场景一：AI 写的公文/报告 变成正式 Word 文档 痛点： AI 生成的文字默认是网页字体，粘贴到 Word 里字号忽大忽小，表格错位，还没有公文格式。 ✅ 解决方案：原生 Word 导出（公文标准） 在这个工具里，选择 “Word导出” 模式。 它会自动识别 AI 输出的 ### 标题，转为 黑体。 它会自动把正文转为 仿宋（四号字）。 它能把 AI 生成的 Markdown 表格，转为 真正的 Word 表格，而不是乱码或图片。 下载下来就是一份标准的 .doc 文档，默认以页面视图打开，不用调格式，直接发给老板。 ## 场景二：AI 写的文章 变成漂亮的公众号推文 痛点： AI 写的文章结构很好，但直接粘贴到微信后台就是纯白底黑字，毫无设计感，代码块也不高亮。 ✅ 解决方案：一键“微信化”排版 选择 “公众号排版” 模式。 自动给标题加上漂亮的色块和下划线。 自动识别代码块，加上 Mac 风格的圆角高亮（内置 Highlight.js，支持数十种语言）。 支持自定义 品牌色，你的 AI 文案瞬间拥有“设计感”。 点击“复制到公众号”，去微信后台 Ctrl+V，完工！ ## 场景三：AI 写的摘要 变成纯净的文案 痛点： 我只想把 AI 生成的这段话发给同事微信，或者做进 PPT 里，不想要那些烦人的 重点 星号和列表符号。 ✅ 解决方案：智能文本清洗 选择 “纯文本” 模式。 一键去噪：自动过滤掉所有的 *、#、> 等 Markdown 符号。 智能分段：独有的智能引擎，能修复从 PDF 或网页复制带来的断行问题，还你一段干干净净、段落清晰的文字。 # 03. 为什么你敢放心用？ 🔒 100% 数据隐私安全 大家用 AI 生成的很多是公司方案、代码或者私人内容。市面上很多转换工具需要上传服务器，但这很危险。 「Markdown 大师」是一个 纯前端工具 (Client-Side)。 也就是说，你的所有数据处理都在你自己的浏览器里完成，绝不会上传到我的服务器。 哪怕你拔掉网线，这个工具依然能跑得飞起。 🌗 日夜模式切换 加班熬夜写方案？点击右上角切换“黑夜模式”，保护你的眼睛。 # 04. 开发背后的思考 在开发这个工具的过程中，我深刻体会到了 Vibe Coding（氛围编程） 的威力。 比如在解决 “Word 导出预览显示不全” 这个问题时，我并没有去查阅深奥的 CSS 布局文档，而是直接告诉 AI 我的直观感受：“Word 预览区像一张 A4 纸，但在内容多的时候被截断了，我要它像真正的文档一样延伸。” AI 迅速理解了意图，移除了 Flex 布局，改用了更稳健的流式布局。 再比如 “智能换行” 功能，我发现 Markdown 的标准语法需要两次回车才能换行，这不符合大多数人的直觉。我让 AI 开启了 breaks: true 选项，让工具更懂人性，而不是死守教条。 这就是 元技能：我们不需要成为代码的百科全书，但我们需要成为产品的“指挥家”。 # 写在最后 别让格式调整这种琐事，拖累你的效率。从此，AI 负责生产内容，Markdown 大师 负责体面呈现。

# 视频切片拼图神器 视频切片拼图神器，3秒搞定朋友圈视频拼图！ 🎬 想发视频分享生活，却发现完播率极低？ 🎬 想分享电影里的高光时刻，发 9 张图却还要在相册里挑挑拣拣凑封面？ 🎬 看到大神发的“电影条形码”艺术海报，羡慕不已却不会用 PS？ 别再手动按暂停键截图了！那不仅累，还容易截糊。 今天，我们要给所有影迷、摄影师、自媒体博主安利一款绝对的“黑科技”工具。 它没有繁琐的安装包，没有烦人的广告，打开浏览器就能用。 它就是 365-Tools 全新上线的 ——✨ 视频切片拼图神器 ✨ # 01 为什么你需要它？ 视频虽然生动，但“图片”在社交媒体上的传播力依然无可替代。 一张一眼就能看完剧情的分镜长图，往往比一个 5 分钟的视频更吸睛。 以前我们要把视频变成长图，通常需要： 疯狂暂停、截图（手残党噩梦）。 打开 PS，一张张拖进去对齐。 调整间距、背景、边框…… 现在，你只需要做一件事： 把视频拖进去。 剩下的，全部交给它。无论是竖向的剧情分镜，还是九宫格高光切片，甚至是艺术感拉满的电影色彩条形码，全部 一键自动生成。 # 02 三大爆款模式，拿捏你的朋友圈 ## 🎞️ 模式一：剧情分镜长图 (Vertical Storyboard) 适用场景： 电影解说封面、动作捕捉、旅行Vlog总结。 这是摄影师和影迷的最爱。 工具会自动提取视频里的关键帧，竖向排列。 它不是简单的拼台词，而是像漫画分镜一样，把一连串的动作、表情变化完整地平铺开来。 配合一键开启的“胶片齿孔”边框，瞬间让你的 Vlog 拥有电影胶卷般的质感。 ## 📊 模式二：电影色彩条形码 (Barcode) 适用场景： 艺术海报、手机壁纸、极客装 X。 你知道吗？每部电影都有属于它的“色彩指纹”。 《黑客帝国》是绿色的，《沙丘》是土黄色的，《芭比》是粉色的。 这个模式会把视频的每一帧压缩成 1 像素宽的线条，按时间顺序排列。 把时间变成空间，把电影变成彩虹。 不需要懂色彩理论，只需上传视频，它就能生成一张极具现代感的抽象艺术画。 ## ▦ 模式三：九宫格切片 (Grid) 适用场景： 朋友圈配图、小红书封面。 自动将视频的高光时刻切分成整齐的网格。 再也不用在相册里凑 9 图了。拖动滑块，调整间距和背景色，不管是紧凑的无缝拼图，还是留白的 INS 风，一秒出图。 # 03 硬核功能，为专业而生 别看它长得简洁，它的内核非常强悍。 ⏱️ 可视化时间轴截取 不想截取全片？只想截取主角最帅的那 10 秒？ 没问题！我们新增了可视化时间滑块。 拖动滑块，右侧大屏实时预览画面。 指哪打哪，精确到 0.1 秒，拒绝盲切！ 🔒 隐私绝对安全 很多在线工具会把你的视频上传到服务器，不仅慢，还有泄露风险。 但本工具基于先进的 WebAssembly 技术，所有处理都在你的浏览器本地完成！ 你的视频绝不会上传，甚至断网也能用。 💎 4K 原画无损提取 看不上压缩画质？没问题。 我们提供了 “原画 (Original)” 选项。只要你的电脑扛得住，它能帮你把 4K 视频的每一帧都原封不动地扒下来，连毛孔都清晰可见。 📦 批量打包下载 不止是拼图，如果你只是想要视频里的某一帧做壁纸。 点击 “批量下载 (ZIP)”，它会自动把所有提取的高清截图打包成一个压缩包给你。素材党的福音！ # 04 怎么使用？ Step 1：上传 点击上传区域，选择你的 MP4 / MOV 视频文件。 Step 2：选区 拖动时间轴滑块，选定你想要截取的精彩片段。 Step 3：装修 最爽的一步来了！ 在面板，你可以像装修房子一样调整你的图片： 想要胶片感？勾选“胶片齿孔”。 想要极简风？把“水印信息”关掉。 想要暗黑风？背景色设为纯黑。 Step 4：保存 点击“保存拼图”，一张高清大图即刻到手。 🎁 写在最后 好的工具，应该像瑞士军刀一样，小巧、锋利、随取随用。 视频切片拼图神器 就是这样一款工具。它没有繁琐的登录注册，没有付费墙，只想帮你把那些转瞬即逝的视频画面，变成可以永久保存的视觉记忆。

# 灵魂取名大师 它不是那种随机给你吐出 "Mike"、"Jenny" 的傻瓜程序，它是一个懂中式浪漫，又精通英式美学的哲学大师，专门为你打造独一无二的灵魂 ID。 # 🌪 为什么它能刷屏我的朋友圈？ 我试玩了一下午，整个人都被震撼了。这哪里是取名，简直是在做心灵马杀鸡！ 拒绝平庸，独创“意象重构” 它不会简单地把“石头”翻译成 "Stone"。它会捕捉你名字里的神韵。它生成的通常是极具张力的双词组合（类似 Cyber-Punk 那种结构），听起来既像代号，又像诗歌。 令人起鸡皮疙瘩的“深邃解读” 这是我最喜欢的部分！每一个名字，它都会给出一长段深邃的人生哲理解读。 它会告诉你，为什么这个名字适合你，它代表了什么样的心境。看完之后，你会有一种“天呐，这就是我想要活成的样子”的共鸣感。 赛博朋克风的“身份卡片” 生成的界面简直酷到没朋友！暗黑科技风 +霓虹光效，还自带二维码和个性签名。 甚至可以直接一键生成高清海报，保存下来发朋友圈，逼格瞬间拉满！💯 # ✨ 实测案例：好名字是怎样诞生的？ 为了验证它的实力，我模拟了几个不同风格的名字，你们感受一下这个 AI 的脑洞和文采： 🌰 案例一：意境派 Sylph-Rain 灵雨悬空，琦光入尘 🌰 案例二：霸气派 Vanguard-Brilliant 锋耀前行，智辉永驻 🌰 案例三：温婉派 Rho-Ciel 流波载暮色，心向苍穹明 # 🎁 免费福利 这么牛的工具，目前完全免费！但是为了防止服务器被挤爆（毕竟 AI 算力很贵），每人每天限制 20 次 生成机会。 哪怕你不改名，进去输一下自己现在的名字，看看 AI 会给你怎样的灵魂批注，也是一种极大的治愈啊！

今天是开发的第10天，我终于把这个心心念念的工具打磨出来了。 我把它叫做「心流灵感导图」。 做这个工具的初衷很简单：我想要一个真正能带来“心流体验”的灵感工具。不是那种冷冰冰的搜索框，也不是还要自己费劲填字的思维导图。 看看它到底能做什么？👇 # 01、输入一个灵感，思维瞬间爆炸 很多时候我们卡壳，是因为脑子里的概念是孤立的。 在这里，你只需要输入一个简单的关键词（比如“未来城市”），下一秒，AI 就会自动帮你裂变出一张逻辑清晰的知识网络。 它就像是一个可视化的 Q&A： 你给它一个点，它还你一个面。点击任何一个分支节点，它会继续向下追问、继续裂变。 不用打字，只需要点击。这种顺藤摸瓜的感觉，让思路根本停不下来。 # 02、独家“卫星菜单”，全网聚合搜索 这是我觉得最酷的功能！😎 以前做调研，我们要切到百度搜百科，切到小红书看图，切到抖音看视频，再切去知网查文献……思路全被打断了。 现在，鼠标悬停在图谱的任意圆圈上，会自动弹出一个扇形卫星菜单。 想看相关视频？点「抖」（抖音） 想看视觉参考？点「红」（小红书） 想查硬核资料？点「度」（百度） 写论文查文献？点「知」（知网）（这里暂时用百度学术代替了一下） 最智能的是，它不仅仅是搜当前词，它会自动组合“根节点+当前节点”进行精准搜索。图谱指路，全网直达！ 还有，更酷的是，他还会分析你的图谱网络，给你写一份报告： 看看这句话： 在图谱中，我们发现「智慧交通」与「数字治理」两个相距较远的词汇被连接起来，这为我们提供了一个潜在的创新研究方向：基于大数据和人工智能技术的城市交通治理与公共服务优化。 这个就是知识的意外发现吧，很有趣。 # 03、颜值即正义，四种皮肤一键换 谁说搞研究、做图谱一定得是枯燥的白底黑字？ 我给它设计了4套完全不同的视觉模版，点击实时切换： 赛博朋克：霓虹光效，灵感像电流一样涌动。 工程蓝图：严谨、专业，像建筑师的图纸。 复古纸张：沉浸、优雅，适合人文社科思考。 还有一开始的清爽现代，极简主义，专注内容。

# 辉光发光钢琴 今天是开发的第 11 天。别让你的浏览器只用来工作。今天推荐一个藏在网页里的“光影造梦机”，无需下载，点开即玩，用声音“看见”光。 这可能是我今年见过最“不务正业”，却又美到窒息的网页。 每天盯着枯燥的屏幕、回不完的消息、写不完的文档……你的大脑是不是已经很久没有“深呼吸”了？ 今天，我想请你暂时放下手头的工作，戴上耳机，打开一个新标签页。 我想送你一架钢琴。 但它不是那种笨重的、古典的木头家伙。 这是一架来自未来的、流动的、会呼吸的“辉光钢琴”——AuraPiano。 这不仅仅是个乐器，更像是一场可以交互的数字艺术展。 在这里，你不是在弹琴，你是在“演奏光”。 # 01 当声音有了形状：6 种源自深海与赛博空间的辉光 AuraPiano 最大的魔力，在于它基于 WebGL 打造的视觉引擎。 它的灵感来源于深海的生物发光现象（Bio-luminescence），同时也融合了复古未来的故障艺术（Glitch）。 它内置了 6 种截然不同的光效模式，每一种都美得让人挪不开眼。 当你处于 “Ripples（涟漪）” 模式，每一次敲击，都像是一颗雨滴落在发光的湖面，激起层层叠叠的光波。 切换到 “Beams（光束）” 模式，瞬间仿佛置身于科幻电影中的能量矩阵，冲天而起的光柱直插云霄。 如果你喜欢那种颓废又迷人的未来感，一定要试试 “Glitch（故障）”。屏幕上闪烁的噪点和色散，简直是赛博朋克爱好者的福音。 还有像蒲公英一样飘散的 Spores（孢子），像黑洞一样吞噬一切的 Vortex（漩涡）…… 在这里，你可以做光影的魔术师。 # 02 不止是好看：8 种直击灵魂的氛围音色 如果光有颜值，它顶多算个屏保。但 AuraPiano 的声音引擎同样惊艳。 它抛弃了传统的采样钢琴声，转而采用了更具氛围感的合成器（Synthesis）音色。 它不是为了让你弹奏贝多芬，而是为了让你创造氛围。 想放空？选择 “Ethereal（空灵）” 或 “Glass（玻璃）”，声音如水晶般通透，戴上耳机，世界瞬间安静。 怀旧了？切到 “8-Bit（像素）” 或 “Analog（模拟）”，一秒回到红白机和旧卡带的时代，温暖又粗糙。 想要电影感？“Strings（弦乐）” 和 “Organ（风琴）” 能给你带来史诗般的宏大叙事感。 无论你会不会弹琴，哪怕只是在键盘上胡乱滑过，配合着惊艳的光效，听起来都像是一首未来的诗。 # 03 极简主义的浪漫：0 安装，打开即刻拥有 在这个动不动就要下载几百 MB APP 的时代，AuraPiano 的存在本身就是一种浪漫。 它完全基于现代浏览器技术（Web Audio API）构建。 不需要下载安装包。 不需要注册账号。 不需要复杂的设置。 你只需要打开电脑上的 Chrome 或 Edge 浏览器，输入网址，它就立刻呈现在你面前。 它是你工作间隙的 5 分钟避难所。 当你写方案卡壳时，当你被焦虑包围时，打开它，随意按几个键，看着屏幕上绽放的光辉，听着空灵的回响，紧绷的神经也会慢慢舒展。 辉光钢琴：https://aurapiano.com/play.html

今天带来的作品，是一个专门解决“长文档阅读痛点”的硬核工具。 无论是做城市规划、政策研究，还是行政办公，我们的日常往往被厚厚的文档淹没： 太厚： 动辄几百页的《国土空间总体规划》或《行业发展白皮书》，看完目录就天黑了。 太杂： 想找个“容积率”指标或者“限制性条款”，要在密密麻麻的文字里大海捞针。 太累： 好不容易用 AI 跑出了总结，复制到 Word 里还得手动调字体、改缩进，格式调整比写内容还累。 太怕： 手里的项目往往涉密，市面上那些“上传云端”的 AI 工具，也不敢用。 为了解决这些痛点，作为 Day 012 的挑战成果，我开发了这款——【PDF文档总结大师】。 # 01 安全第一：你的文件，永远不出你的电脑 在开发这款工具时，我把数据安全放在了第一位。与市面上大多数“上传文件到云端服务器处理”的工具不同，本工具采用了纯前端架构。 文件不落地： 所有的 PDF 解析、文本提取工作，全部在您本地浏览器的内存中完成。没有后台服务器，没有数据库，您的规划草案或政策文件绝不会被上传。 Key 本地存： 您的 DeepSeek API Key 仅保存在本地 LocalStorage 中，清理缓存即焚，我们无法获取。 合规免责： 工具仅作为“技术通道”，连接您的浏览器与 DeepSeek 官方接口，中间不留痕。 # 02 专业：比通用 AI 更懂“行话” 市面上大多数 PDF 总结工具只是简单的“概括大意”，而这个工具内置了资深规划与政策专家的思维框架。 我预设了 7 种行业级分析模式，专治各种疑难杂症： 综合全文解读： 快速梳理背景、定位与核心目标，汇报 PPT 的素材库。 空间结构提取： 自动提取文字中的“一核两带”、“多点支撑”等空间术语（规划师秒懂）。 核心指标提取： 强制表格化输出。人口规模、建设用地、容积率……数据党的最爱。 管控要求核查： 专门抓取带“严禁”、“不得”、“红线”字样的刚性条款，合规审查的神器。 Meta 知识库蒸馏： 这是一个高阶功能。它能把废话全部榨干，只保留“实体 >> 数值”的原子化事实，适合搭建 RAG 知识库。 公众号推文风格： 自动把学术语言转为严谨的行业深度文章。 极简要点归纳： 适合手机快节奏阅读的 5-8 条干货。 # 03 自由：存下你的“独门秘籍” 每个行业都有自己关注的侧重点。做乡村振兴的关注“产业导入”，做城市更新的关注“拆赔标准”。 Day 012 的这个工具中，我特别增加了【私藏预设管理】功能： 你可以在提示词编辑区写下你独创的分析指令。 点击 “💾 存为我的预设”。 下次打开网页，直接在左侧列表一键调用！ 这意味着，你可以把它训练成一个专属于你的“虚拟助手”。 # 04 细节：强迫症级别的 Word 导出 点击“导出 Word”，你会得到一份： 标题： 自动锁定为 黑体 (SimHei)，字号严格分级。 正文： 自动锁定为 仿宋 (FangSong)，符合政府及规划院内部报送习惯。 排版： 页面视图锁定，顶格对齐（去除了网页恼人的缩进），标题与正文间距自动优化。 生成的报告，几乎不需要调整格式，直接就能打印上会。 这意味着，你可以把它训练成一个专属于你的“虚拟助手”。 # 05 惊喜：英文PDF，照样拿捏 做研究时，难免要参考国外的优秀案例或文献（如新加坡、伦敦的规划文本）。 得益于 DeepSeek 强大的多语言能力，您只需将 英文 PDF 拖入工具，它能直接用中文为您输出深度总结。 打破语言壁垒，快速获取国际前沿理念。 无需翻译全文，直接提取核心策略与指标。 # 06 效率：拒绝废话，直奔主题 受够了 AI 跟你客套说“好的，作为一名资深专家，我很荣幸……”吗？ 我在底层植入了“强力禁言指令”。现在的它，是一个莫得感情的分析机器。点击开始，它就直接甩给你第一章的干货，绝不啰嗦半句。 使用门槛：仅需一个 DeepSeek API Key。 Key 获取：https://platform.deepseek.com/api_keys 特别说明： 工具本身完全免费，API Key 的 Token 消耗费用由 DeepSeek 官方收取。

今天我做了一款全能TXT文本处理工具，包含了30+项功能，这款“文本瑞士军刀”太强了！ 你是否在日常工作中遇到过这些崩溃瞬间： 从PDF复制一段文字到Word，结果全是莫名其妙的断行，得手动一个个删？ 拿到一堆乱糟糟的数据，想把里面的邮箱和手机号挑出来，却看得眼花缭乱？ 财务报销填单子，数字转大写金额总是怕写错字？ 调试代码时，想看一眼 JSON 数据，结果是一坨没有缩进的字符串？ 为了解决这些“想砸键盘”的瞬间，我开发了一个超实用的文本处理工具箱。 不用下载安装，打开即用，覆盖 30+ 种文本处理场景。 无论你是文字工作者、运营、财务还是程序员，这里总有一个功能能救你于水火。 # 👇 来看看它能做什么吧！ ## 🌟 场景一：强迫症福音 —— 文本清洗 如果你经常需要整理网上的文章或文档，这些功能就是为你准备的。 ⚡️ PDF断行修复： 这是本工具的“王炸”功能。智能识别并合并被PDF强制打断的段落，一键还原通顺文本。 🧹 智能去空去重： 一键去除空行、去除首尾空格，甚至能去除重复行。让你的文本瞬间清爽。 📝 标点互转： 全角转半角，中英文标点一键切换，排版更规范。 👀 舒适排版： 哪怕是密密麻麻的文字，用“段落加空行”功能，瞬间提升阅读体验。 ## 📊 场景二：办公效率神器 —— 格式转换 打工人何苦为难打工人？繁琐的格式转换交给工具，早点下班。 💰 人民币大写： 财务报销必备！输入 612323.5，直接生成 壹佰贰拾叁元伍角，再也不用去百度汉字怎么写了。 📄 CSV 格式化： 把 CSV 文本直接转成 Markdown 表格 或 JSON，写文档、做汇报快人一步。 🔠 大小写与排序： 英文首字母大写、A-Z 排序、文本翻转，各种冷门但必要的小需求都能满足。 ## 🔍 场景三：运营/销售利器 —— 数据提取 手里有一堆乱七八糟的文本记录，想找到客户的联系方式？ 🎯 精准提取： 一键从长篇大论中提取出所有的 手机号、邮箱地址 和 链接(URL)。 🛡️ 隐私保护： 提取完还需要展示？用“邮箱脱敏”功能，自动隐藏中间字符，保护隐私。 🛠️ 正则提取： 高级玩家专属，支持自定义正则表达式，想提什么就提什么！ 💻 场景四：程序员百宝箱 —— 编码开发 对于开发者朋友，这也集成了一套常用的调试工具： JSON 神器： 无论是格式化美化，还是压缩体积，都能轻松搞定。 编码转换： Base64、URL编码/解码、HTML实体编码，应有尽有。 时间与安全： 时间戳互转、MD5 哈希生成、JWT 解码、SQL 转义...这就是你的在线 Debug 控制台。 ## ⚙️ 还有更多... 除此之外，还提供了强大的内容批量编辑功能： 批量加前后缀： 给每一行代码或文案批量加头加尾。 批量替换： 支持“查找|替换”模式，修改代码变量或文案措辞更高效。

大家好，我是正在进行“365天AI开发挑战”的匠大。今天是挑战的第14天。 说实话，进行到两周，人的惰性开始上来了。尤其是在今天早晨，面对屏幕上枯燥的代码和需求文档，我深刻地意识到，支撑我坐在工位上的唯一动力，不是梦想，而是月底的那笔工资。 但是，工资要一个月才发一次（而且还是我自己给自己发），这种感觉太痛苦了。 能不能让“搞钱”这件事，变得即时可见，甚至有点好玩？ 于是，我决定把今天的挑战项目做一个大转型。我不搞复杂的算法了，我要用代码给自己（和广大打工人）造一个“精神氮泵”—— 赛博印钞机（打工时钟）。 # ✨ 打工时钟：赛博印钞机版 ✨ 这个小工具没有复杂的AI大模型，它的核心功能只有一个：把你的生命，实时量化成金钱。 来看看它是怎么帮你熬过漫长工作日的。 ## 1、核心爽点：工资按秒结算，含泪赚取 上班最痛苦的是什么？是感觉时间过得太慢，且毫无收获。 这个时钟彻底解决了这个问题。设置好你的月薪（可以是真实的，也可以是梦想的），它就会根据你的工作时间，精确计算出你每分每秒赚了多少钱。 屏幕中央那个巨大的、金光闪闪的数字，每一秒都在跳动上涨。 看着那个数字从 ¥ 105.23 变成 ¥ 105.28，是不是瞬间感觉刚才发的呆都变得有意义了？这哪里是时钟，这分明是一台只属于你的赛博印钞机！ 提示：可以按F11，全屏，做屏保激励自己。 ## 2、互动玩法：点点屏幕，手动给自己加薪 觉得自动涨薪太慢？想主动出击？ 没问题！看到屏幕中间那个代表你的“职场替身”（比如一只正在摸鱼的鼠鼠）了吗？ 疯狂点击它！ 每点击一次，屏幕就会炸出金币特效，你的今日收入就会立刻增加！虽然每次不多，但这种“手动薅羊毛”的快感，谁懂？手速越快，赚得越多！ ## 3、高能时刻：暴走模式，演技变现！ 当然，我们也需要被迫营业，假装很忙的时候。这时候，请按下底部的“🔥 暴走模式（演技全开）”按钮。 神奇的事情发生了！ 屏幕开始剧烈震动，BGM仿佛在你脑海中响起，你的替身瞬间化身“奋斗逼”，金币特效疯狂掉落！ 重点是：在暴走模式下，你的金币增长速度会显著加快！ 这就是对你奥斯卡级职场演技的最高嘉奖！演得越真，赚得越快！ ## 4、扎心真相 & 职场生存套件 当然，作为一个真实的打工时钟，它也很残酷。 如果你不幸加班到了下班时间之后……它会立刻变脸，用红色字体告诉你：“加班（无薪）”，状态图标也会变成大哭脸😭。提醒你到点赶紧跑。 此外，为了保障大家安全摸鱼，我还贴心准备了“职场生存套件”： 一键装忙（ESC键）： 老板来了？一键切换成伪装的Excel界面，瞬间进入工作状态。 赛博木鱼（右下角）： 被气到了？点两下木鱼，震动反馈帮你积攒功德，平复心情。 ## 5、写在最后 做完这个小工具，我盯着那个跳动的数字看了好久。 虽然它技术上只是一个简单的计算器加上一些CSS动画，但它带来的情绪价值是巨大的。它把抽象的“熬时间”变成了具象的“赚金币”游戏。 AI和技术的初衷，不就是为了让我们的生活变得更有趣一点吗？ 如果你此刻觉得上班没劲，不妨打开这个“赛博印钞机”，看着工资按秒到账，给自己一点坚持到下班的动力。 祝大家今日份的“含泪赚取”，都能盆满钵满！

大家好，我是正在进行“365天AI开发挑战”的匠大。今天是挑战的第15天。 大家在电脑上整理图片、做简单的对比图或九宫格时，有没有觉得： 打开PS太重，用美图软件又找不到简单的“格子铺”功能？ 我理想中的拼图工具，应该是打开即用，用完即走的。 不需要学习成本，没有复杂的按钮，只有最直观的“拖入”和“组合”。 所以，第15天的这款工具，我给它取名为 —— 「365-Tools 极简拼图」。 # ⚡️ 极简，但不简单 虽然界面极简，但为了让你用得顺手，我在交互细节上并没有偷懒。 1. 极简操作：Ctrl+V 直贴 这是电脑端的特权。 你不需要先把图片保存到桌面，再点击上传。 网页截图、微信里的图片，复制一下，按 Ctrl+V，直接“极简”入库。当然，也支持批量拖拽。 2. 极简调整：所见即所得 图片进入格子后： 位置不对？ 鼠标直接拖。 大小不合适？ 直接缩放。 系统会自动按短边匹配，保证图片不留白，一切都是直觉操作。 3. 极简美学：参数随心调 想要紧凑的九宫格，还是有呼吸感的留白艺术？ 外边距 & 内间距：滑块一拉，实时看到变化。 边框与描边：支持自定义颜色和粗细。 高清输出：虽然操作极简，但导出支持 3000x3000 像素，保证你的拼图清晰锐利。 # 🛠️ 谁适合用？ 整理控：把乱七八糟的素材图拼在一起，存图一张搞定。 电商/运营：快速拼买家秀、拼商品细节，效率提升10倍。 朋友圈发烧友：电脑修完图，直接拼好发手机，不用再忍受APP的画质压缩。 我把关于工具的Q&A和搜索优化都放在了页面底部，不干扰你的操作视线。

养宠多年，我们对宠物的年龄认知，居然一直被“1岁=7岁”的简单公式骗了！ 直到我在365天每日开发一款应用的挑战中，完成了第16款工具——宠物人类年龄计算器 V2.0，我才惊觉： 原来我家3岁的金毛，早已是“退休老干部”；朋友家6个月的小猫，是叛逆期的“初中生”；而那只整天趴着的蜥蜴，竟然是个正值当打之年的“精神小伙”！ 今天，这款工具迎来史诗级更新！打破传统估算误区，用科学标准解锁全品类宠物的“人类社会身份”。不管你是铲屎官还是爬友，这篇带你彻底扒透这款能让所有人共情的“读心神器”！ # 💡 核心亮点：为什么它能取代“老黄历”算法？ 很多工具只做简单的乘法，但生命的流逝从来不是线性的。这款工具的核心，是基于AVMA（美国兽医协会）及生物学数据，为不同物种建立了专属的分段拟合曲线： 🐶 狗狗（分体型）：同样是5岁，小型犬是青壮年，大型犬已步入初老。工具内置小/中/大三种体型算法，精准区分衰老速度。 🐱 猫咪：捕捉幼年期的“飞速发育”，前两年就走完人类24年的路，之后进入平稳期。 🐢 乌龟 & 🦎 蜥蜴（V2.0新增）：别以为只有猫狗能算！这次更新加入了冷血动物模型。乌龟的“长生逻辑”和蜥蜴的“早熟逻辑”完全不同，再冷门的爱宠也能找到归宿。 # 📱 3步操作，丝滑解锁爱宠“人设” 工具界面刚刚完成了UI大重构，全程卡片式操作，不仅颜值高，而且直观到连长辈都能秒上手。 ## Step 1：全能物种选择，新版2x2宫格 打开工具，全新的四宫格界面囊括了主流宠物圈： 「🐱 猫主子」 「🐶 狗勾」（选中后自动展开体型选择：小型/中型/大型） 「🐢 乌龟」（新增！） 「🦎 蜥蜴」（新增！） 每个选项都配有超萌的Emoji动态卡片，选中会有暖橙色的高亮反馈，治愈感拉满。 ## Step 2：精准到月的年龄输入 这也是很多粗糙工具忽略的点——幼宠的每个月都至关重要！ 工具支持“岁+月”的双重输入。 对于幼犬/幼猫：3个月和6个月的心智差距巨大（相当于人类幼儿vs小学生），必须精准计算。 对于爬宠：很多蜥蜴1岁即成年，精准到月份才能捕捉到它们从“混世魔王”到“高冷颜王”的转变。 ## Step 3：一键翻译，生成专属“身份卡” 点击底部「✨ 开始翻译」，系统不仅会告诉你它相当于人类几岁，还会根据物种+性别+年龄，生成一张带有“社会身份标签”的结果卡片！ # 🎭 它们到底几岁了？结果让人破防... 这款工具最打动人的，不是冰冷的数字，而是它独创的“社会身份映射引擎”。看看这些测试结果，有没有戳中你家那位？ ## 🟢 幼年组（0-1岁）：家里的小恶魔 猫/狗：「🎒 幼儿园小恶霸」——正是讨人厌又黏人的年纪，随时随地求关注，或者正在角落密谋拆家。 蜥蜴：「🦗 疯狂进食机器」——吃得多长得快，甚至有点神经质，像极了那个看见零食就走不动道的人类幼崽。 ## 🔵 青年组（1-5岁）：颜值与体力的巅峰 猫/狗：「🏀 阳光男大 / 💃 颜值校花」——精力旺盛到让你怀疑人生，熬夜冠军，拆家主力，如果是人现在肯定在忙着谈恋爱。 蜥蜴：「💪 爬圈颜王」——体色最靓、体格最壮，趴在晒台上自带王者之气。 ## 🟠 中老年组（7岁+）：懂事的灵魂 猫/狗：「💻 资深社畜 / 🍵 优雅贵妇」——见过了大风大浪，不再瞎折腾。它是你深夜加班时最安静的倾听者，眼神里都是故事。 乌龟：「🧙‍♂️ 扫地僧 / 活化石」——如果你的龟养了十几年，那它现在就是家里的“定海神针”。它看你的眼神充满慈祥，毕竟“只要我不动，我就能送走所有人”。 # ⚠️ 开发者心里话：Day 16 的坚持 做这款工具的初衷，是因为我发现很多人对自己宠物的生命阶段存在误解。 我们常因为大型犬的高大而忽略它可能已经老了，也常因为爬宠的安静而忽略它们正处于躁动的青春期。 我希望通过这个全品类、高精度的工具，让每一位铲屎官、爬宠官都能更精准地了解毛孩子（或鳞甲孩子）的生命节奏。 不仅仅是数字的换算，更是情感的共频。每一个身份标签、每一段性格侧写，都是对它们日常的细腻观察。 赶紧去测一测你家那位现在的“社会身份”是什么吧！结果可能会让你大吃一惊哦～

今天是挑战的第 17 天。 写代码的时候，有时候会觉得自己是个建筑师，有时候像个修表匠。但今天，感觉有点不一样—— 今天，我感觉自己像个“上帝”。 因为我花了一天时间，手搓了一个【星球生成器】。 # 01 赛博时代的“创世纪” 这不是一张静态图，而是一个活生生的、正在运转的星球。 我给它起名叫 Kepler-186F，致敬那颗距离地球 500 光年外的“地球表亲”。 在这个模拟器里，没有复杂的物理引擎，只有纯粹的数学之美。通过 Terrain Matrix（地形矩阵），我把大自然的鬼斧神工浓缩成了几个可以滑动的参数： Water Level（海平面）：轻轻一拖，沧海变桑田。 Amplitude & Frequency（振幅与频率）：决定了是崇山峻岭，还是广袤平原。 Detail (Oct)：噪波的细节，不仅是星球的皮肤，更是它的指纹。 # 02 这是一个有“灵魂”的星球 如果只是生成地形，那也就是个大号的贴图球。但我希望它更鲜活一点。 注意看左下角的 Civilization Status（文明状态）： Population: 100.7k Souls 是的，我接入了一个简单的增长模拟算法。看着 Time Operational 的秒数跳动，看着 Active Nodes 慢慢点亮，看着人口数字上涨，你会产生一种奇妙的错觉： 在那些像素构成的陆地上，真的有一群微小的数字生命在繁衍生息。 # 03 给游戏开发者的“福利” 做这个工具的初衷，除了好玩，其实也很实用。 很多做独立游戏、跑团（TRPG）或者写奇幻小说的朋友，最头疼的就是画地图。 我在右侧面板加了一个 Map View 功能。一键点击，就能把当前的球体地形展开，生成一张可下载的平面投影地图（JSON/图片）。 下一款爆款开放世界游戏的地图雏形，说不定就藏在你随机生成的这一次点击里。 # 开发感悟 从 UI 的科幻配色，到星球边缘的那一抹大气层蓝光，今天的开发过程非常享受。 编程不仅仅是逻辑的堆砌，它也可以是浪漫的。用代码构建宇宙，用算法模拟生命，这大概就是理工男/女独有的浪漫吧。 下一步计划： 我打算加入更复杂的气候系统，甚至让不同的星球之间建立贸易航线（右侧菜单我已经预留了 Orbital Trade Routes 的接口😎）。 如果你也想当一次“造物主”，欢迎在评论区留言，告诉我你想生成一个什么样的星球？是全是海洋的“水世界”，还是布满熔岩的“炼狱星”？

今天我做了一个网页版 PS 切片工具，图片切片太方便了 # 01 我们为什么讨厌切图？ 做设计的、做电商的、写前端的朋友，一定都有过这种“至暗时刻”： 老板发来一张 10MB 的超长详情页，让你“把它切开，中间那个按钮要单独切出来做跳转”。 于是你不得不： 打开 Photoshop（等待 30 秒启动，看着那个大大的启动图发呆）。 导入图片（风扇开始狂转）。 找到切片工具，小心翼翼地画线。 导出为 Web 格式，在一堆设置里选 JPG 还是 PNG。 导出后发现多切了一像素，重头再来。 杀鸡焉用牛刀？ 为了切几块肉，我们真的需要把整头牛牵进厨房吗？ 市面上的在线切图工具我也试过，大多是“傻瓜式九宫格”——只能等分，不能微调。遇到不规则排版，它们全是废铁。所以，作为 365-Tools 挑战的第 18 天，我决定解决这个痛点。 我做了一把「像素手术刀」 (Pixel Scalpel)。 # 02 什么是“手术刀”级的体验？ 它不是那种只能切九宫格的玩具。它是一个高精度的生产力工具。打开网页就用。 🔍 5000% 无损放大 看不清缝隙？滚轮直接推上去。 你可以把图片放大到每一个像素点都清晰可见。每一条参考线，都能精准地卡在像素的边缘。误差？不存在的。 ⚡️ 极速流：Ctrl+V 直达 忘记“上传按钮”吧。 微信截图、网页复制、或者直接从文件夹里拖拽—— Ctrl+V，图片秒开。 在你打开 PS 的启动界面还没跑完的时候，我这边已经切完下载了。 可以选择多个网格，也可重复选择其中的单个图片，选中后会标记图片序号。点击批量下载即可导出： 🧩 像 Excel 一样灵活框选 这是最让我骄傲的功能。 很多时候，我们要切的图不是方方正正的。 在 Pixel Scalpel 里，你可以像在 Excel 里一样，按住鼠标拖拽，跨越多个格子建立选区。 程序会自动合并这些区域。哪怕是复杂的电商长图，也能像做手术一样，精准剔除你不需要的部分。 # 03 极客最后的温柔：绝对隐私 很多在线工具，你上传的图片都不知道去了哪个服务器。但 Pixel Scalpel 是纯前端运行的。 也就是说： 上传：你的图片从未离开过你的浏览器。 等待：所有处理都在本地显卡完成，秒级响应。

今天是挑战的 第19天。既然 2025-2026 是传说中的“太阳活动极大期 (Solar Maximum)”，全球的摄影师和旅行者都在等着看极光大爆发。 但我发现市面上的极光预测 App，痛点实在太多： 界面简陋： 依然停留在上世纪气象站的二维平面图，毫无美感。 数据延迟： 很多收费 App 的数据甚至不如 NOAA 官网更新得快。 缺乏直观： 看着那一堆 Kp 数字，根本不知道极光带（Auroral Oval）到底覆盖到了哪里。 作为一名全栈开发者（OPC），这能忍？ 既然没有好用的，我就自己写一个。 花了一个通宵，我把 NOAA（美国国家海洋和大气管理局） 的实时卫星数据，通过 Mapbox 3D 引擎，做成了一个 “全屏科幻级·极光指挥舱”。 # 🌍 为什么要手搓这个工具？ 很多极光 App 只是给你一个数字，告诉你“Kp=6，很强”。但“很强”到底是哪里能看到？ 是头顶？还是地平线？ 为了解决这个问题，我定义了三个核心设计原则： ## 1. 拒绝平面，必须是 3D 的 (Globe View) 极光是发生在地球两极高空的现象，平面地图会有巨大的投影畸变（比如格陵兰岛在平面地图上大得离谱）。 我直接调用了 WebGL 3D 地球引擎。当你拖动地球时，你可以直观地看到极光带是如何像皇冠一样笼罩在北极圈上方的。如果你在冰岛或者阿拉斯加，你可以直接看自己是否在“绿圈”内部。 ## 2. 数据直连 NOAA，拒绝“模拟” 这个地图上的每一抹绿色，都不是为了好看画上去的特效。 这是系统实时抓取 NOAA SWPC（空间天气预测中心） 的 OVATION 模型数据计算出来的。 绿色区域： 看到极光的概率 > 50% 紫色核心： 极光大爆发区域，概率 > 90%（如果看到这个颜色，恭喜你，肉眼可见！） 我还特意写了一套算法，过滤掉了低纬度的背景噪点——赤道绝不乱发光，主打一个科学严谨。 ## 3. “指挥舱”级的视觉体验 (Cyber HUD) 既然是自己做，颜值必须拉满。我参考了科幻电影里的 HUD（平视显示器）设计： 左侧： 实时 Kp 指数仪表盘，数据每分钟同步一次。 右侧： “Mission Intel” 情报抽屉，集成了我整理的极光观测指南。 深色模式： 完美适配夜间观测，不刺眼，保护你的暗视觉。 # 🛠️ 独立开发背后的碎碎念 在开发第 19 个产品的过程中，我最大的感触是：AI 时代，审美和产品力才是护城河。 写代码很快，但为了调出那种“极光特有的幽灵绿”，为了让地球自转的阻尼感更顺滑，为了让数据加载时不卡顿，我花了比写代码多三倍的时间去打磨 UI 细节。 甚至为了保证地图的正确，我专门优化了底图的边界加载逻辑，使用了 Mapbox 的官方合规视图。 这就是独立开发者的乐趣：我不只是在写代码，我是在创造一个我心目中完美的工具。 # 🚀 如何使用？ 无论你是正准备去冰岛、漠河追光，还是仅仅想在工位上云游太空，这个工具都完全适合你。 功能清单： ✅ 实时 3D 极光热力图 (30分钟级更新) ✅ 实时 Kp 指数仪表盘 (风暴预警) ✅ 南北极视角一键切换 ✅ 移动端完美适配 (手机上用更帅)

别再忽略你的梦境了。它是通往潜意识的幽径，是内心最真实的映射。 你有没有过这样的经历？ 清晨醒来，心脏狂跳，梦里的场景清晰得像刚刚发生过。 或者是，某个特定的梦境（比如考试交白卷、在水中窒息、疯狂奔跑却由于原地不动）反反复复地出现？ 很多人习惯拿出手机搜一下：“梦见蛇代表什么？” 得到的答案往往是简单的吉凶： “大吉，利财。” “大凶，防小人。” 看完之后，你或许会开心一秒，或者担忧一整天。但那个梦真正想传递的情绪，你真的读懂了吗？ 今天，我想给大家推荐一个黑科技工具。它不是简单的查词典，而是一个基于深度语义推理技术构建的「潜意识解析仪」。 # 01 不仅是周公，更是弗洛伊德 如果只用东方的眼光看，梦是预兆； 如果只用西方的眼光看，梦是欲望。 这个工具最厉害的地方在于，它打破了东西方的界限。 它背后接入了强大的DeepSeek 深度分析模型，学习了海量的民俗学典籍与现代心理学著作。 当你输入梦境后，它会同时开启两个维度的运算： 🏮 东方视角（周公智慧）： 帮你提炼梦中意象（如水、火、高楼）在传统文化中的寓意，传承千年的民俗智慧。 🧠 西方视角（精神分析）： 运用弗洛伊德与荣格的动力学框架，剖析你的“本我”欲望、“超我”压抑以及“阴影”投射。 # 02 它甚至能画出你的“情绪心电图” 这不仅仅是一个文字生成器。 系统会根据你描述的语境、措辞和逻辑，实时计算出你当前的心理状态仪表盘： 📉 压力值： 你是否正处于崩溃边缘而不自知？ 💓 焦虑度： 这种焦虑是源于对未来的恐惧，还是对过去的遗憾？ 很多朋友测完后都说：“原本以为只是个梦，没想到它比我更懂我自己。” 比如有位用户梦见“被一只看不清脸的怪兽追赶”。 传统解释可能是“有小人”。但这个系统分析指出： “怪兽是你内心‘未完成责任’的具象化。你在逃避的不是怪兽，而是近期工作中那个让你感到无力的项目。焦虑指数：（高）。” 一针见血，直击内心。 # 03 写在最后 荣格曾说：“潜意识如果不进入意识，就会成为命运。” 梦境，其实是另一个你在深夜寄出的一封信。 可惜大多数时候，我们都把它丢进了垃圾桶。 这一次，试着拆开这封信读一读。 或许，你苦苦追寻的答案，早就藏在了昨晚的梦里。 （特别提示：本工具仅供民俗文化探讨与心理学自我探索，非医疗等诊断建议。相信科学，理性对待）

小时候，你有没有在沙坑里挖过洞？ 大人们总是开玩笑说：“一直挖，挖穿了就能到美国了。” 我也曾对此深信不疑。长大后才知道这里面有个专门的概念叫 “对跖点”（Antipodes）——指地球同一直径的两个端点。 但你知道吗？地球上98%的人，如果垂直挖洞穿过地心，另一头都是茫茫大海。 为了验证这件事，也为了满足小时候的好奇心，在这个 AI 时代，我决定用代码给自己圆一个梦。 # 第一部分：这是什么黑科技？ 我开发了一个Web端的 3D 对跖点探测器。 它不是那种无聊的平面地图，而是赛博朋克风格的 3D 地球仪。 它的核心功能非常简单且炫酷： 👉 双屏实时联动： 屏幕左边是你现在的脚下，屏幕右边就是穿过地心对应的另一端。 当你拖动左边的地球时，右边的地球会自动反向旋转，实时锁定那个神秘的坐标。 👉 一键穿越： 点击地图上任何一个想去的地方，镜头会瞬间起飞，带你从万米高空俯瞰它的对跖点。 👉 谷歌地图直连： 看到感兴趣的地方了？点击按钮，直接跳转 Google Maps，看看那里的街景，或者那片海域的名字。 # 第二部分：为什么说它很残酷？ 当我做完这个工具，第一件事就是查了一下我现在的位置（北京）。 结果…… 没错，北京的对面，是阿根廷（大约在内格罗河省附近）。 如果你在上海，对面则是阿根廷与乌拉圭的边境附近。 这其实是一件非常难得的事情！ 从地理学上讲，地球表面 71% 是海洋。如果你随机指一个陆地上的点，它的对跖点有 95% 的概率会落在茫茫大海里。 只有很少数的“天选之地”，对跖点正好也是陆地（Land-to-Land）。 中国东部和南美洲南部，恰恰就是地球上最大的一块“陆陆相对”区域。 这也就是为什么我们在中文语境里常说“挖个洞到阿根廷”，而在美国的流行文化里，他们挖个洞通常是到“中国”（其实美国本土挖穿了全是印度洋，根本不到中国，这也是个常见的误区）。 虽然我们足够幸运，脚下踩着坚实的土地。 但对于世界上绝大多数地区的人来说（比如欧洲、非洲的大部分地区），他们的对面真的只有鱼。 所以，如果你查出来的对面是陆地，恭喜你，你战胜了 95% 的概率，和地球另一端的人共同夹住了一个 “超级地球汉堡”。🍔 而剩下的人，只能很遗憾地做一个“地球三明治（夹鱼版）”了。 # 第三部分：独立开发的乐趣 作为365天开发挑战的一部分，这个小工具使用了 Mapbox GL JS 引擎。 为了让它看起来足够“极客”，我特意调制了深色系的UI，加上了霓虹色的引导线，并保留了卫星图模式。这不仅仅是一个查询工具，更像是一个掌控地球的仪表盘。 写代码的过程中，我一直在想，虽然我们脚下的土地相隔两万公里，但通过这样一个小小的网页，我们似乎能感知到地球另一端的脉搏。 想知道你脚下的洞挖穿后是哪片海？ 或者想找找看，有没有哪个幸运儿，脚下的对面正好是陆地？

今天是挑战的第 22 天。还有几天过年？ 还在看手机日历上那个枯燥的“距春节还有 X 天”？ 在这个年味渐淡的时代，我们决定用最极客的方式把仪式感找回来。 拒绝土味，拒绝臃肿。 今天给大家分享一个我刚完成的【春节限定·赛博倒计时】（Cyber Chronos）。 它能让你的电脑屏幕瞬间变身2077年的时代广场。 # 01 赛博春节，粒子祝福雨 谁说春节只能是大红灯笼高高挂？ 当“赛博朋克”遇上“传统春节”，这种“Oriental Cyber（东方赛博）”的美学冲击力，绝对能霸占你的朋友圈。 我在代码里埋了一个彩蛋：当你将主题切换为 【Lunar New Year】 时： 配色突变：UI 瞬间变为流光金，深邃且喜庆。 粒子变形：背景中原本圆形的星光，会瞬间变成方形的金色数据流——看起来就像漫天的金条在飘落！ 看着屏幕上“财源滚滚”，这才是程序员的除夕浪漫。 # 02 像素复古，硬核美学 看腻了微软雅黑？ 我们在工具里内置了多套硬核字体，专治审美疲劳： Press Start 2P：一键切换到 8-bit 像素风，配合全屏模式，你的显示器瞬间变成一台巨大的复古游戏机。 Anton / Impact：压迫感拉满的粗体，让时间的流逝变得更有分量。 Ma Shan Zheng：甚至还有赛博书法体，国潮风拉满。 更智能的是，当你切换到宽体像素字时，系统会自动适配字号，确保在任何屏幕上都完美居中，绝不溢出。 # 03 听得见的“时间流逝” 这不仅仅是个看的工具。 记得打开右下角的 【音效模式】 🔈。 “Click……Click……Click……” 每一秒的跳动，都伴随着一声清脆、短促的机械咬合声。 这不是噪音，这是时间的白噪音。 试想一下，在除夕夜的最后 10 秒，全屏投屏到客厅电视，这种机械倒计时的压迫感和仪式感，绝对比电视里的倒数更让你心跳加速。 # 04 极简主义，即开即用 “这么酷的特效，电脑会卡吗？” “需要安装什么环境吗？” 完全不需要。 📦 单文件：整个工具就是一个 .html 文件，只有几十 KB。 🔒 零联网：利用 LocalStorage 本地存储你的配置，没有后台，没有广告，绝对隐私安全。 📱 全适配：电脑、手机、平板，浏览器打开即用。 顶部的HUD 悬浮控制台采用了磨砂玻璃设计，鼠标移开自动半透明，绝不抢占视线。 # 05 怎么玩？（装X指南） 工位摸鱼：设置好“距离放假”的时间，全屏挂机。路过的同事只会觉得你的电脑在运行什么高深莫测的程序。 除夕投屏：连上家里的 4K 电视，它就是最酷的动态壁纸。 甚至...：你可以把时间设定为你的 Deadline，配合那令人紧张的“咔嗒”声，工作效率直接提升 200%。 时间是不可逆的，但我们可以选择如何度过每一秒。 在这个倒计时归零之前，愿你的 PENDING 都能变为 COMPLETED。 新年快乐，倒计时开始！

在这个追求效率和AI生成的时代，我突然想慢下来，做一点纯粹为了“酷”和“美学”存在的东西。 想起电影《黑客帝国》，那满屏流淌的绿色字符曾是我们对“黑客”最原始的幻想。今天，我把这个幻想封装进了一个小小的程序里——NEO STREAM。 它不是一个简单的视频循环，它是实时渲染的数字雨。 # 01 / 经典重现，不止于绿 Classic & Beyond 只要按下启动键，你的屏幕瞬间化身“母体（The Matrix）”。 当然，审美不应该只有一种。除了经典的Classic Matrix（经典黑客绿），我在 Presets（预设）里还准备了多种风味： 🧧 Dragon Code：带有神秘感的配色。 🔴 System Failure：充满压迫感的警报，仿佛防火墙正在被攻破。 🌆 Cyberpunk City：蓝紫撞色，霓虹闪烁的赛博朋克夜之城风格。 🏆 Golden Ratio：优雅的黑金配色。 # 02 / 掌控“母体”的参数 You are the Operator 作为这个系统的“Operator（操作员）”，你不应该被束缚。 你可以完全自定义这个数字世界的物理法则。在 Style 和 Params 面板中，一切皆可调： 色彩定义：不喜欢绿色？RGB 随你拖动，甚至开启 Rainbow Mode（彩虹模式），让代码雨蹦迪。 辉光强度：调整 Glow Strength，决定是隐约的微光还是刺眼的能量流。 物理规则：雨滴下落的速度（Drop Speed）、代码的密度（Density）、拖尾的渐隐程度（Trail Fade）。 是想看一场暴雨倾盆的数据洪流，还是一场稀疏惬意的代码小雨，全由你决定。 # 03 / 埋下你的彩蛋 Hidden Messages 这是我最喜欢的一个功能。 屏幕上流动的字符不仅仅是乱码。在 Content 菜单中，你可以自定义字符集（Custom Characters）。 把它改成你的名字； 写下一句想对别人说的悄悄话； 或者仅仅是一串只有你懂的神秘代号。 它们会随机混入代码雨中，坠入深渊，若隐若现。 # 🔚 写在最后 这只是一个小玩具，但它足够精致。 当你写代码累了，或者只是想对着屏幕发呆时，打开它，看着那些字符不断坠落、消逝，或许能让你在这纷繁的数字世界里，找到片刻的宁静（或者中二魂爆发的瞬间）。 Follow the white rabbit. 🐇

如果你平时喜欢做旅游攻略、拍Vlog，或者你是房产经纪人、户外博主、讲解地理，你一定遇到过这个痛点：想在视频里展示“我从哪里去哪里”，或者“这个景点的周边环境”，太难了！ ❌ 手机录屏？ 界面全是按钮，手指还挡视线，太Low。 ❌ 学AE做动画？ 学习成本太高，渲染半天。 ❌ 谷歌地球？ 网络不稳定，国内地名显示不全。 我就想：为什么不能直接利用高德地图，做一个“傻瓜式”的运镜生成器呢？于是，第24号作品——「3D地图飞行视频录制工具」 诞生了！ # 🎥 它是做什么的？ 简单来说，它能把普通的地图，变成你的专属航拍无人机。你不需要懂任何摄影技巧，也不用学复杂的剪辑软件，只需要在地图上点几下，它就能自动生成丝滑的3D飞行视频。 # ✨ 核心功能亮点 1. 上帝视角，指哪飞哪 打开工具，直接进入3D模式。你可以自由旋转、缩放、调整俯仰角。找到你觉得最帅的角度，点击地图打个点，这就是一个“关键帧”。 2. 自动生成丝滑运镜 这是最强的地方！你只需要按顺序打好起点、途经点、终点。点击“预览动画”，镜头就会像长了翅膀一样，自动从一个点平滑飞向下一个点。 中间没有任何卡顿，那种推拉摇移的高级感，瞬间拿捏。 3. 沉浸式“隐身”录制 为了方便大家录制高清素材，我特意加了一个“自动隐身”功能。当你点击播放时，操作面板、按钮会自动消失，屏幕上只留下纯净的3D地图画面和半透明的水印。配合 OBS 或 录屏软件，直接出片！ 4. 可视化路径与标注 动态连线：飞机飞到哪，线就画到哪，轨迹一目了然。 自定义标注：每个点都可以写上“起点”、“网红打卡地”、“终点”等文字，所见即所得。 多图层切换：切换高德地图卫星影像、标准地图、路网模式一键切换。 # 🛠️ 它是怎么做出来的？ 作为 365天AI开发挑战 的作品，这个工具的诞生过程非常“极客”。 我利用 AI 辅助编写了核心算法，解决了最头疼的“视角插值”和“平滑过渡”问题。原本需要手动写几百行复杂的数学公式来计算相机轨迹，在 AI 的加持下，开发效率提升了10倍不止。 这也再次印证了我的观点：AI 时代，想法比代码更重要。 # 🚀 适用场景 旅游博主：制作旅行路线概览，视频转场神素材。 科普博主：讲解历史路线与地理位置。 房产中介：展示楼盘周边的配套设施、交通情况。 户外领队：制作徒步、骑行路线的路书视频。 地理老师：给学生演示地形地貌，直观又生动。

在日常的工作和设计中（尤其是做我们建筑、规划或者自媒体的朋友），二维码几乎无处不在。但市面上的二维码工具，要么广告满天飞，要么生成的样式丑到没法放在设计图里，要么就是解码功能还要单独下个APP。 作为一个对审美有要求的独立开发者，我即使是做小工具，也绝不能忍受“丑”和“繁琐”。 所以，第25号作品诞生了—— 365-Tools 「极速二维码/条形码工坊」。 它不仅仅是一个生成器，更是一个集成了生成、美化、解码于一体的“瑞士军刀”。 # 🛠️ 它能做什么？ 在这个极简的界面下，我塞进了四个核心功能： ## 1. 🔗 万物皆可“码” (生成功能) 无论是网站链接还是纯文本，一键生成。支持超高容错率设置，哪怕二维码有些磨损也能轻松扫出。 ## 2. 🎨 告别黑白，视觉定制 (设计功能) 这是我最喜欢的部分。 风格模板：内置了“经典简约、商务蓝、清新绿、深海蓝、落日红”等多种配色，一键套用。 深度自定义：你可以自由调整前景色、背景色，甚至改变码点样式（方点、圆点）和码眼样式。 Logo植入：支持上传中心Logo，让你的二维码拥有品牌专属感。 ## 3. 🛒 条形码生成 (电商/仓储必备) 除了二维码，我还专门开发了条形码生成模块（支持Code128标准）。对于做电商、库存管理或者单纯想把一串数字变成条码的朋友，这个功能非常实用。 ## 4. 🕵️‍♂️ 极速解码 (反向操作) 手机里存了一张二维码截图，怎么扫？不用发给朋友再扫一扫。 直接拖入图片，「扫码/解码」功能瞬间帮你解析出原本的链接或文字。 # 💡 开发背后的思考 在这个工具的开发中，我利用AI优化了大量的配色算法和交互逻辑。左侧配置，右侧实时预览，所见即所得。没有多余的跳转，没有恼人的弹窗。它干净得就像一张白纸，只为你需要的功能服务。

# 全量 Emoji 字典！ 找个表情太难了？我怒写了一个全量 Emoji 字典！第26天，我把 4000+ 个 Emoji 塞进了一个网页，丝般顺滑 🚀 别再存图了！全网最全 Emoji 库，点击即用，含Unicode冷知识。 大家晚上好，我是正在进行“365天独立开发挑战”的匠大。 今天是挑战的第 26 天。 不知道大家写文章或者发朋友圈时，有没有遇到过这种情况： 想找那个“凤凰”🐦‍🔥的表情，翻了半天输入法没找到； 想找个冷门的“南乔治亚岛”🇬🇸旗帜，百度出来的全是模糊的 JPG 图片； 或者在电脑上想发个表情，却发现系统自带的表情包少得可怜... 我每天写的文章，都要用到大量的 emoji 图标。作为一个强迫症开发者，我忍不了。既然找不到好用的，那就自己写一个！ 今天给大家带来的作品是 —— Emoji Master（全量表情大师）。 # 💡 为什么要重复造轮子？ 市面上的 Emoji 网站很多，但大多有几个痛点：广告满天飞：点一下复制，弹三个广告。 加载巨慢：几千个图标一次性加载，浏览器直接卡死。 显示异常：很多新版 Emoji 在老系统上只显示方框。 没有中文：搜“笑哭”搜不到，只能搜 "joy"。 今天的第 26 号作品，就是为了解决这些问题而生的。 # 🚀 核心功能亮点 1. 极致的全量收录 基于 Unicode CLDR 标准，接入了开源社区最优质的数据源。从最经典的 😀 小黄脸，到最新的 🫨 震动脸、🐦‍🔥 凤凰，甚至是冷门的 🇿🇲 赞比亚国旗，4000+ 图标，一个不少。 图片 2. “丝般顺滑”的性能优化 这是我在开发过程中遇到的最大挑战。一次性渲染数千个 DOM 元素会让浏览器瞬间崩溃。 我引入了“虚拟滚动”和“按需渲染”技术。哪怕有几千个表情，页面初始化只加载前200个，当你滑动时，后续的表情才会“刷”地一下出现。 拒绝卡顿，就要快！ 3. 智能搜索 & 中英双语 不用担心不知道表情的英文名。我给它加上了中英双语实时切换。 你可以搜“开心”，也可以搜 "Happy"； 可以搜“西瓜”，也可以搜 "Watermelon"。 所见即所得，毫秒级响应。 4. 细节狂魔的体验 一键复制：点击卡片，自动复制到剪贴板，还有炫酷的 Toast 提示。 防截断设计：对于像“圣文森特和格林纳丁斯”这种超长名字，自动适配两行显示，鼠标悬停还能看全称。 字体回退机制：针对 Windows 系统对彩色 Emoji 支持不佳的问题，我强制指定了系统级字体栈，最大程度减少“方块”乱码。 5. 往前再走一步 本来到这里，这个工具也就已经结束了，但是我还想向前走一步，我为每一个表情做了一个解读，并且给出了他的用法介绍和趣味组合。虽然很简单，但是这也是我在尝试在 AI 的辅助下，独立开发者的最大助力，替代繁重的重复劳动。 而且，他还生成了中英文的对照版。 # 💻 技术背后的故事 前端：原生 JavaScript + Tailwind CSS（为了极致的体积和速度）。 后端：PHP（处理 JSON 数据清洗和缓存）。 数据源：致谢 GitHub 开源项目 angelofan/emoji-json。 为了解决“两个字符显示成两个图标”（比如凤凰显示成鸟+火）的问题，我还专门写了一套长度检测算法，自动调整字号。独立开发就是这样，魔鬼都在细节里。

不管是写文章、做海报，还是日常聊天斗图，我们都离不开 Emoji。但现有的 Emoji 有个最大的痛点：它们是孤立的。 你想给 🐱 小猫戴个 🕶️ 墨镜？想用几百个 ❤️ 爱心拼成一个大爱心？或者想把两个表情无缝融合在一起？ 通常你得打开 Photoshop，抠图、调整图层、导出……太麻烦了。“能不能做一个网页版的 Emoji 拼贴工具，像玩积木一样自由组合？”于是，今天的作品诞生了 —— Emoji Studio Pro（Emoji 创意工坊）。 # 💡 这是一个什么工具？ 简单来说，它是一个专为 Emoji 设计的轻量级矢量编辑器。 它不是简单的“生成器”，而是一个真正的“画布”。你可以在这里挥洒创意，把平平无奇的 Unicode 字符变成独一无二的艺术品。 # 🚀 核心功能： 细节狂魔的自我修养在开发这个工具的过程中，我死磕了好几个让强迫症舒适的细节： ## 1. 自由拼贴，无限图层 左侧是从 4000+ 个 Emoji 库中实时检索的素材，点击即可加入画布。 支持拖拽移动、多图层堆叠。想要把“火”🔥放在“鸟”🐦的背上变成凤凰？一秒钟搞定。 ## 2. 精细的变换控制 并不是简单的放上去就行。在右侧属性面板，你可以对每一个表情进行：无损缩放：从 16px 到 800px，依然清晰。任意旋转：360度旋转，不再死板。镜像翻转：这是很多工具不支持的！有些表情只有向左的脸，现在你可以一键让它向右看。 ## 3. 独家“贴纸化”美颜算法（✨ 重点） 大家可能发现，Emoji 在不同系统（尤其是 Windows）上自带很丑的黑色描边，叠在一起时显得很脏。 为了解决这个问题，我开发了一个“光晕/阴影”控制器。 小技巧：把阴影颜色设为白色，拉大模糊范围，Emoji 瞬间就会拥有一层柔和的白边，看起来就像是一张精心设计的贴纸（Sticker）！ # 🛠️ 技术背后的故事技术栈： 原生 JavaScript + Canvas API + Tailwind CSS。没有使用笨重的框架，保证了秒开的速度。难点攻克：坐标系对齐：HTML 的 DOM 坐标和 Canvas 的绘图坐标系是完全不同的，为了做到“所见即所得”，我重写了整套坐标转换逻辑，确保你眼中的中心就是导出的中心。字体基线修正：不同系统的 Emoji 渲染位置有微小偏差，代码里加入了动态补偿，防止导出时位置跑偏。

在数字世界里，图像通常是由红绿蓝（RGB）的像素点组成的。 但在我的 [365-Day Vibe Coding] 挑战中，我产生了一个奇怪的念头： 如果像素点不是冷冰冰的色块，而是一个个生动的 Emoji 表情呢？ 于是，就有了今天这个工具 —— Emoji Mix Mosaic（Emoji 点阵画生成器）。 # 一、什么是 Emoji Mosaic？ 简单来说，这是一个“图片重构”工具。 你可以把它想象成数字时代的“印象派”绘画。当年的画家用无数个彩色圆点组成画面（点彩画法），而现在，我用算法，从 Unicode 庞大的表情库中，寻找与你图片颜色最匹配的那个 Emoji。 比如，你上传一张夕阳的照片： 原本红色的像素，可能会变成 🍎、🎒 或者 🎈； 原本蓝色的天空，可能会由 💎、🌀 和 🧢 组成。 远看，它是一张风格独特的马赛克艺术照。 近看，它是成百上千个微小表情组成的数字狂欢。 # 二、如何创作你的数字艺术？ 这个工具的核心逻辑是：Simple yet Powerful（简单而强大）。 01. 上传即生成 不需要任何 PS 基础。打开网站，上传一张图片（推荐色彩鲜明的），算法会在几秒钟内自动完成“绘画”。 02. 掌控细节 (Resolution) 我设计了一个 Resolution（清晰度） 滑块。调低数值：你会得到一张抽象的、大颗粒的艺术画，每个 Emoji 都清晰可见。调高数值：画面会变得细腻，Emoji 变成了微小的纹理，还原度极高。 03. 注入灵魂 (Randomness) 这是我最喜欢的功能。 如果只是机械地匹配颜色，画面会显得死板。试着拖动 Randomness（随机性） 滑块，算法会引入一些“不确定性”。同样的颜色，可能会随机选取不同的表情来填充。这种微小的混乱感，正是艺术的魅力所在。 # 三、不仅仅是图片 除了处理图片，这个工具还藏了一个 Text Mode（文字模式）。 输入一段文字（比如 LOVE 或你的名字），选择主色调，它会用无数个彩色 Emoji 拼出这行字。 配合我专门调教的“微信模式”，生成的排版可以直接复制，发给朋友或发在群里，也是一种非常特别的表达方式。 # 四、安全与愿景 作为一个独立开发者工具，我很喜欢“纯前端处理”。 这意味着，当你上传照片时，照片只存在于你的浏览器内存中，不会上传到任何服务器。你的隐私是绝对安全的，用完即走，不留痕迹。 我希望创造的不仅仅是“工具”，而是能带来 Vibe（氛围感） 的小玩具。 在这个快节奏的时代，花几分钟时间，把一张普通的照片变成 Emoji 艺术，这本身就是一种解压和乐趣。

# 今日制作了一个道路断面美化设计器。 既然是“匠大”出品，必须简单、好用、颜值高。 不需要安装任何软件，打开网页就能用。这不仅仅是一个画图工具，更像是一个 “道路设计乐高”。 # 🔥 核心亮点，专为设计师打造： ## 1. 极致简单的“拖拽式”操作 看到底部的素材库了吗？ 交通要素：🚗 机动车、公交专用道、非机动车、有轨电车...慢行系统：🚶 人行道、林荫道、公交站台...绿化设施：🌳 行道树、中央隔离带、绿化带...市政设施：💡 路灯、护栏、安全岛... 想要什么，直接拖进画面！就像搭积木一样，瞬间组装出一条城市主干道。 ## 2. 尺寸自动计算，专业度满分 别以为它只是画着玩，它是带参数的！ 车道宽度 3.5m 还是 3.75m？可以直接输入调整。 红线宽度自动统计： 画布右上角实时显示当前道路总宽度（例如截图中的 24.0m）。智能建议： 系统还会贴心地提示你，“城市主干道标准宽度通常在 30m-60m 之间”，辅助你进行规范设计。 ## 3. 一键导出，汇报神器  设计完成后，点击右上角的 【导出 PNG 效果图】，一张背景透明、画风清新的高清断面图立刻保存到本地。 直接拖进 PPT 汇报，或者放进文本里，这颜值，绝对能给你的方案加分！ ## 4. 存档与复用  辛辛苦苦调好的方案，支持 【保存布局】 和 【导入 JSON】。下次遇到类似的项目，导入存档，改改宽度就能直接用，效率提升 10 倍不止。 # 👨‍💻 后续更新 这个 RoadVis 是我 365 天挑战计划中的一个小里程碑。它融合了参数化设计的严谨和可视化表达的美感。 目前的版本已经支持了绝大多数城市道路场景： ✅ 各种宽度的机动车道 ✅ 多样化的绿化隔离形式 ✅ 丰富的街道家具（路灯、座椅、公交站） 未来，我还会考虑加入更多风格（如夜景模式、手绘风格）和更多样的交通组件。

# 今天制作的是：Logo制作工具。 说实话，今天早上起床我发现，作为一个独立开发者，我每天都在做新产品，但我发现一个最大的拦路虎竟然不是写代码，而是——搞图。 每次上线一个小工具，都要找设计，或者在素材网站翻半天，最后弄出来的图标还是像“上个世纪的产物”。 我就想：既然我有现成的 AI 模型，手里有那么多顶级 Prompt（提示词），为什么不直接把它们封装成一个“傻瓜式”的工具呢？ 说干就干。花了 3 个小时，【 Logo 极速实验室】上线了。 这就不是一个普通的生图工具，它是专门为“不想动脑子”的人准备的。 市面上的 AI 绘画工具太复杂了，你要学什么权重、负面词、分辨率... 在这个工具里，我把这些全砍掉了。 # 你只需要做两件事： 1、输入你的品牌名或关键词（比如：猫咪咖啡、未来科技）。 2、选一个你喜欢的风格。 剩下的，交给我的后台算法。为了保证出图质量，我强行限制了 prompt 长度不能超过 20 个字——因为好的 AI，应该懂得“少即是多”。 别看操作简单，出来的效果绝对是“收费级”的。来看看我刚才随手生成的几个案例，比如：猫咪咖啡馆。 ## 01. 🍎 iOS 3D 质感风格 适合：App 图标、游戏、年轻化品牌 👉 这种磨砂玻璃和黏土质感，这里 3 秒搞定。 ## 02. 💠 极简科技风格 适合：SaaS 工具、科技公司、个人博客 👉 专为开发者打造，干净、利落，放到 Product Hunt 上绝对吸睛。 ## 03. 🏮 新中式/国风印章 适合：自媒体、茶叶、汉服、文化品牌 👉 结合了我之前的数据，让 AI 真的懂什么叫“东方美学”。 ## 04. 🏙️ 建筑线条与负空间 适合：工作室、高端品牌、咨询公司 ## 👉 这种“图底反转”的高级感，以前是 AI 的弱项，但我调教好了。 工具已经集成在我的 365工具站 里了。大家可以进入网站查看，网站网址为：365-tools.cn。 ✅ 完全免费（目前是的，趁我服务器没被挤爆前）✅ 无需注册，打开即用 在这个 AI 时代，设计不再是门槛，想象力才是。做这个工具的初衷，就是希望大家在做自己的小产品、小生意时，不要被“第一张图”卡住。 如果你觉得好用，请把生成的 Logo 发给我看看，或者在朋友圈秀一下。

今天的作品有点“反常识”。 在这个 AI 都能画出照片级图像的时代，我却写了一个最复古、最原始的工具—— 请你用鼠标（或手指），在屏幕上徒手画一个完美的圆。 听起来很简单？ 我的几个朋友试玩了之后，现在的状态是：不服，且上头。 # 🎮 作品 No.31：Geometry Master DX（几何大师） 这是一个极简，但极度“较真”的测试工具。 它不仅考验你的手稳不稳，更考验你的心态崩不崩。 抛弃了枯燥的白色画布，我把它做成了暗黑赛博风格。指尖划过屏幕，留下的是发光的霓虹轨迹。 这不是在做数学题，这是在进行一场光影创作。 为了让画圆这件事变得像打游戏一样爽，我在网页里加入了物理反馈： 听觉： 内置电子音合成器。随着你画线的进度，声音频率会逐渐升高；出分的瞬间，S级是悦耳的和弦，F级则是……你不想听到的噪音。 触觉： (手机端) 当你画出 S 级神作，手机会有节奏地律动；而当你画出 F 级“土豆”，手机会给你一个沉闷的长震动，仿佛系统都对你无语了。 视觉： 如果你画得太烂，整个屏幕会猛烈撞击震动，模拟“系统崩溃”的嘲讽感。 # 程序内置了一套“毒舌评价系统”。 如果你画出了 98% 以上：它会尊称你为 “人体圆规”、“达芬奇在世”。 如果你画出了 60% 以下：抱歉，它会问你 “这是土豆成精了吗？” 或者 “四个角是离家出走了吗？”。 # 🤝 在这个程序里，你可以怎么玩？ 1. 办公室摸鱼/课间解压 带上耳机，感受指尖滑动的音效，只需 3 秒钟，测测今天的“手感”如何。 2. 朋友圈“凡尔赛” 画出一个 99% 的 S 级圆，截图发朋友圈，文案我都帮你想好了： “也就随手一画，没想到手比圆规还稳。” 3. 群内“奶茶局” 把链接扔到群里： “来战！画正方形。所有人截图发群里，分数最低的人请喝下午茶！” 相信我，为了不请客，有人能拿着手机画一下午。 # 🛠 关于“365天挑战” 做到第 31 个工具，我开始意识到，好的工具不一定非要解决什么宏大的问题。 有时候，“有趣”本身就是一种价值。 希望这个带震动、带音效、带毒舌评论的小玩具，能给你忙碌的一天带来 5 分钟的纯粹快乐。

# 今天的工具是：中国行政区划学习工具 你是“地理盲”吗？很多人可能不服气：“我是中国人，中国地图我还能不认识？” ”好，那我问你： 陕西和山西，在地图上谁左谁右？ 湖南和江西，轮廓有什么区别？ “赣”是哪个省的简称？“鄂”又是哪里？” 作为一名城市规划师，地图是我的饭碗；但作为一名独立开发者，我发现身边太多人（包括很多正在上学的孩子），对着地图依然是一脸懵。 为了治好大家的“地理脸盲症”，这是我“每日一开发”挑战的第32个作品——《中国地理综合特训·威力加强版》 # 01. 拒绝无脑点击 这是真正的“特训”市面上很多地图游戏，只要点点鼠标选位置就行，那是“再认”，不是“记忆”。 我的这个工具，要求你必须全键盘手打输入！省份全名（必须精准！）省份简称（最容易搞混的！）省会城市（很多人的知识盲区！）只有三个空全部填对，才会显示绿色的✅。 这才是考试级别的硬核要求。 # 02. “困难模式”：你敢挑战线条版吗？ 为了照顾不同段位的选手，我特意开发了双模式： 👶 幼儿园组（色块模式）： 也是默认模式，有颜色辅助，比较容易辨认形状。 👹 困难组（线条模式）： 只有黑白轮廓线！当你看到一个光秃秃的圆圈，你要能反应过来这是“海南”；看到一个像兵马俑侧脸的轮廓，你要知道这是“陕西”。敢不敢来测测，脱离了颜色，你还认识祖国的大好河山吗？ # 03. iPad 专属优化，刷题更爽 为了让大家（特别是学生党）能在平板上舒服地刷题，我专门重写了布局。 左图右题，视线不打架。 配合 iPad 的大屏幕，就像在真正的数字化考场一样。手机端也完美适配，随时随地都能掏出来背两个省。 # 04. 考不过？我给你留了“后门” 太难了想放弃？别急。我专门增加了一个“背诵模式”。考试前，先切到背诵模式，看着答案把34个行政区过一遍。支持一键切换“色块/线条”，哪里不会点哪里。这就叫：先复习，再考试，拿满分。 # 05. 总结 这是我 “365天，每天开发一个新产品” 挑战的第 32 天。为什么要做这个？ 因为地理不只是考试题，它是我们用脚丈量世界的尺度。 只有了解每一寸土地的名字，我们对这片土地的热爱才更加具体。 不管你是想考考孩子，还是想挑战自己的记忆力，都欢迎来试一试。满分102分，敢不敢把你的成绩截图发到评论区？

还记得小时候文具盒里那把神奇的尺子吗？ 一个在大圆孔里套着的小齿轮，插上一支圆珠笔，随便转上几圈，就能画出繁复又精美的几何花纹。那时候我们叫它“万花尺”或“百变尺”，数学上它有个好听的名字——内旋轮线（Hypotrochoid）。!在这个快节奏的AI时代，我突然想慢下来，用最纯粹的代码（HTML+Canvas），重现这份童年的几何美学。 # 🎨 模式一：致敬经典 首先，是一个标准的万花尺模拟器。你可以调整外齿轮半径（R）、内齿轮半径（r）以及笔孔的位置（d）。看着线条在屏幕上一点点交织、闭合，有一种莫名的治愈感。这是数学秩序之美。 # 🌟 模式二：打破规则的“异形” 现实中的万花尺由于物理限制，外框只能是圆形的。但在代码的世界里，物理规则由我定义。如果外框是一个海星形状？或者是一个扭曲的花瓣？齿轮还能顺滑地滚过去吗？我引入了数值模拟算法，让齿轮能够计算不规则边缘的“切线”和“法线”，从而实现在任意数学曲线上的滚动。 # ✏️ 模式三：灵魂画手（这是重点！） 这是我最喜欢的一个功能——手绘轨迹。以前玩万花尺，我们受限于塑料模具的形状。现在，你可以做“造物主”。你在屏幕上随手画一个圈（哪怕歪歪扭扭也没关系，算法会帮你平滑处理），然后放入齿轮。看着齿轮沿着你亲手画出的不规则路径磕磕绊绊却又精准地滚动，画出独一无二的纹理，这种感觉非常奇妙。 # 🔗 小结 这个工具我已经部署上线了，打开浏览器就能玩。手机电脑都可以，建议用电脑体验更佳。有时候，编程不仅仅是为了效率和工具，也可以是为了找回那一瞬间的童心。

在这个快节奏的时代，我们的大脑每天都在处理过载的信息。今天，我不想做复杂的工具，只想做一款纯粹的、解压的、能让大脑放空的 “赛博发呆神器”。 于是，《Neon Flood (霓虹泛滥)》 诞生了。我也叫他“油漆桶”。 没有广告，没有复杂的物理碰撞，只有光影、色彩，和一段美妙的数学逻辑。 # 🕹️ 这是一个什么游戏？ 规则简单到令人发指，但又让人欲罢不能： 1、你的领地是左上角的那个方块。 2、点击底部的颜色按钮，将你的领地变成该颜色。 3、同化：如果你的新颜色和邻居一样，邻居就会归顺你。 4、挑战：在 25步 之内，把整个屏幕变成同一种颜色。 这听起来像是小时候玩的“填色游戏”，但我为它注入了 “赛博朋克” 的灵魂： 视觉： 磨砂玻璃质感的 UI，配合呼吸灯般的霓虹光效。触感： 每一次点击，色彩不会瞬间生硬地切换，而是像水波一样荡漾开去（Ripple Effect）。听觉： 你听到的每一个音效，都不是录制好的 MP3，而是浏览器通过代码实时合成的声波。 # 🧠 硬核科普：极简游戏背后的“大智慧” 作为一个懂技术的城市规划师，我在做这个游戏时，其实运用了两个非常经典的计算机与数学概念。玩游戏的同时，顺便涨点知识： ## 1. 怎么做到“一传十，十传百”的？—— 漫水填充算法 (Flood Fill Algorithm) 当你点击颜色时，计算机会疯狂地问每一个格子：“嘿，你跟我是同一个颜色吗？如果是，你就跟我变！” 这就是经典的 Flood Fill 算法。它是图论中处理连通区域的经典算法。 你在 Photoshop 里用的 “油漆桶”工具，其核心原理就是这个！在城市规划中，我们模拟 “传染病扩散” 或者 “服务区覆盖” 时，用的也是类似的逻辑。 ## 2. 为什么颜色会像水波一样荡漾？—— 曼哈顿距离 (Manhattan Distance) 大家注意看，当你点击按钮时，颜色并不是瞬间全变的，而是从左上角向右下角依次亮起。 这里我用了一个小小的数学魔法。程序会计算每个格子距离起点的 “曼哈顿距离”（即：横向步数 + 纵向步数）。 离起点越远的格子，变色的延迟就越高。 Delay = (x + y) * 30ms 正是这行简单的代码，让冰冷的像素块拥有了液体的流动感，产生了令人舒适的 “心流体验”。 ## 3. 声音是从哪来的？—— Web Audio API 为了追求极致的轻量化（游戏体积不到 10KB），我没有使用任何音频文件。 游戏里的“水滴声”、“胜利欢呼声”，全部是由 正弦波、三角波 通过代码实时合成的。这就像是用数学公式在你的耳边演奏。 # 👨‍💻 开发者说 做第 34 个应用时，我一直在想，什么是好的交互？ 好的交互不一定需要 3A 级的画质，有时候，一个顺滑的过渡动画，一个及时的音效反馈，就能给人带来巨大的满足感。 《Neon Flood》 是我对“极简美学”的一次致敬。希望这抹霓虹色，能治愈你一天的疲惫。 # 👇 点击文末阅读原文，立即体验 我已经将这个工具部署到了我的「365工具箱」目录中，大家可以进入网站查看。 挑战一下： 据说 90% 的人无法在 22步 以内通关。如果你成功了，截图发到后台，我敬你是条汉子！

# 今天制作的游戏是Emoji祖玛。 还记得那只吐珠子的青蛙吗？“Ribbit!” 🐸 20 年前，电脑房里此起彼伏的消除声，构成了我最解压的回忆。 今天是 365天独立开发挑战 的第 35 天。 在思维枯竭的时候，我突然发现了一个新的赛道，那就是制作几款小游戏，回归一种纯粹的感觉。 我用代码“复活”了经典的祖玛（Zuma），但这一次，我把那些冷冰冰的彩球，换成了咱们最熟悉的 Emoji 表情包。 # 1、万物皆可 Emoji，这一次，我们要“吃掉”水果和披萨 为什么要用 Emoji？是因为我做过一个emoji合集，还记得么：emoji-mix.com。 因为它们是互联网时代的通用语言。在传统的祖玛里，你是在消除红球和蓝球；但在 《Emoji Zuma》 里，你是在： 用 🍎 苹果去撞击 🍉 西瓜让 🍕 披萨去寻找它的同类看 🌑 月亮在轨道上旋转 看着这些熟悉的小黄脸和水果在屏幕上螺旋排队，然后被你一发入魂“砰”地消除掉，这种视觉上的微小错位感，带来了一种奇妙的幽默和爽感。 # 2、极致的“手感”调教，只有 2MB 的解压神器 为了还原祖玛那令人上瘾的“打击感”，我在物理引擎上下了不少功夫。 虽然只是一个网页小游戏，但该有的细节一个都不少： ## 👉 丝滑轨道：  利用数学公式生成的阿基米德螺旋线，让 Emoji 的运动轨迹圆润而优雅。 ## 💥 撞击反馈： 当你射出的 Emoji 挤入队伍时，整条队列会有一个真实的“物理回弹”，那种挤压感，简直是强迫症福音。 ## 🎵 魔性音效： 配合 BGM，每一次消除都有清脆的反馈音。戴上耳机，这就是你指尖的交响乐。 当然，所有这些我只负责策划和建议，然后让AI去实现。 # 3、开发者说：致敬经典 做这个应用的时候，我仿佛回到了小时候。 那时候没有 3A 大作，没有复杂的氪金系统，仅仅是看着珠子变少，就能获得最纯粹的快乐。 《Emoji Zuma》 是我对那个简单时代的致敬。 它不需要下载，不占内存，点开即玩。 无论你是想在工作间隙放松大脑，还是在地铁上打发时间，它都是你的最佳伴侣。 到这里有个问题，既然可以随便换，那“你最希望把祖玛的球换成什么？ A. 股票代码 B. 老板的脸 C. 奶茶图标”

# “如果有机会重来，你会如何规划人类的文明进程？” 是在荒野中艰难求生，还是在霓虹闪烁的未来城邦中俯瞰众生？ 今天是 365天独立开发挑战 的第 36 天。 在出差的高铁上，望着窗外飞逝的村庄和城市，我突然萌生了一个想法：能不能把宏大的城市化进程，浓缩在一个 4x4 的方寸之间？ 于是，这款《未来城邦 | 文明推演》诞生了。 它不仅仅是一个游戏，更是一场关于人口、时间与空间的指尖魔术。 # 1、这不是普通的 2048，这是“人类文明进化论” 如果你以为这只是换了皮的 2048，那你就大错特错了。传统的 2048 是冰冷的数字堆砌：2+2=4，4+4=8。 但在《未来城邦》里，你不仅是玩家，更是至高无上的“市长”。 每一次滑动，都是一次岁月的变迁；每一次合并，都是一次文明的跃迁。 我们的演化逻辑严谨而浪漫： 起于微末： 一切始于只有 10人 的 【荒野】。聚沙成塔： 两个荒野汇聚成 500人 的 【自然村】。城市化浪潮： 慢慢地，你有了 【乡镇】、【县级市】、【大都市】...终极形态： 当人口突破 10亿，你将建立 【理想国】，甚至触达百亿人口的 【未来城邦】！ 看着屏幕上的数字从“10”变成“5万”，再变成“1亿”，那种指数级增长带来的多巴胺分泌，简直让人头皮发麻！ # 2、极致的视听反馈，“指尖上的赛博朋克” 为了让这位“市长”有更好的执政体验，我在交互细节上简直是“强迫症”发作。 👉 丝滑手感：我们重写了底层渲染引擎，方块不再是生硬的瞬移，而是像在冰面上一样丝滑滑动。 💥 合并打击感：当两个“大都市”合并成“都市圈”时，屏幕会伴随金光炸裂的特效，配合手机的反馈，隔着屏幕都能感受到那种“建设完成”的厚重感。 🔊 听觉盛宴：打开声音！每一次移动都有科技感十足的“咻——”声；而当你达成重大合并时，会有专门的音效庆祝你的成就。配合深邃的背景音乐，戴上耳机，你就是这个世界的造物主。 # 3、你的“施政报告”， 朋友圈里的凡尔赛新姿势 游戏结束后，你不会只是默默离场。 系统会自动根据你的执政时长（年份）、总管辖人口以及你拥有的核心城市资产，生成一份专属的 【文明推演报告】。 “执政 128 年，总人口 50 亿，坐拥 3 座理想国！” “看，我终于造出了未来城邦！” 长按保存这张极具设计感的海报，发给朋友们看看，谁才是真正的“基建狂魔”？ # 4、开发者说 作为一名规划师，我一直觉得城市是有生命的。 在《未来城邦》里，你可能会因为一步走错，导致大片“荒野”无法开发，只能眼睁睁看着文明停滞；也可能因为一次精妙的布局，瞬间实现人口翻倍的奇迹。 这像极了真实的城市发展：既有规划的理性，也有机遇的随机。 现在，权杖交给你了。 在这 4x4 的疆域里，你能把人类文明带向何方？

# 01、我们习惯了看“地图”， 却忘了看“地球”。 打开市面上的地图软件，我们看到的是什么？ 是红绿相间的拥堵路况，是密密麻麻的店铺招牌，是把大地切得支离破碎的行政边界。它们很好用，但它们是“导航仪”，不是“地球仪”。 对于地理爱好者或者单纯喜欢地理摄影的人来说，这些标注反而是视觉噪音。 今天是第 37 个作品，我决定做减法。 我抹掉了地图上所有的路网、所有的文字标注、所有的国界线。 还你一颗【纯净地球】(Pure Earth)。 地球缓缓转动，背景星光闪耀。 # 02、不是地图，是“数字地球仪” 这个工具没有搜索栏，不能导航，也不能查公交。 它唯一的用途，就是“看”。 我们调整了一个最舒适的“观察高度”。 在这个视角下，你不会看到杂乱的汽车和行人，也不会看到具体的楼盘名称。 你只能看到： 地理的肌理：山脉的褶皱、河流的蜿蜒、海岸线的曲折。文明的痕迹：城市像集成电路板一样镶嵌在大地上，农田像马赛克一样铺开。 对于正在学习地理的中小学生，或者地理老师来说，这是一个绝佳的教学演示工具。它比教室里那个塑料地球仪更清晰、更生动，且拥有真实的卫星质感。 # 03、82亿人的心跳：实时人口算法 在屏幕的左下角，你会看到一个不断跳动的数字。 那不是倒计时，那是我们。 关于这个“人口计数器”，我要特别说明一下它的算法逻辑： 它并不是在监控实时的出生数据（那涉及隐私且不可能实现），而是基于联合国与 Worldometer 的人口增长模型写的一套模拟算法。 计算逻辑：根据全球出生率与死亡率的差值，人类平均每秒钟净增长约 2.5 - 3 人。 可视化呈现：我将这个枯燥的统计学数据，转化为毫秒级的数字跳动。 看着这个数字飞速上涨，你会有一种非常直观的震撼感——在这个蓝色的星球上，生命从未止息。 # 04、极简摄影模式：一键生成壁纸 既然是“纯净地球”，它本身就是一张最好的壁纸。 我在右下角做了一个“相机”按钮。 当你调整好角度——比如对准了极光的边缘，或者喜马拉雅的雪线——点击它。 系统会瞬间隐藏所有 UI 界面（包括人口数字和按钮），只保留纯粹的地球影像，并自动为你下载一张 4K 级的高清壁纸。 不用截图，不用裁切，所见即所得。

#电子窗花 剪纸，一旦开始就有点停不下来。看着红色的纸张在黑色的背景上一点点镂空，对称的纹理像万花筒一样展开，这种过程简直是强迫症福音，超级解压。 今天制作的这款应用，AI帮我取了个名字——云剪 (CloudScissors)。它是一款数字剪纸艺术应用 (Digital Paper Cutting Art)，让我们不需要动刀动剪，只需要动动手指，就能体验剪纸的魅力。 # 🛠️ 它是如何工作的？ 界面非常直观，左侧是工具栏，右侧是画布。对于像我这样的“手残党”来说，最大的福音就是——剪坏了可以重来！ 下面给大家拆解一下它的核心功能，保证你一学就会： ## 1. 两把核心“剪刀” ✂️ 剪 (Cut): 这是你的主工具。在红纸上划过，纸张就会消失，就像真的被剪掉了一样。 🖌️ 补 (Repair): 现实中剪纸最怕剪断，这里不用怕。如果手滑剪错了，用这个“补”的画笔刷一下，纸张就又回来了。 (除此之外，我还做了个经典的 Ctrl+Z 撤销和重做功能，这也是必不可少的) ## 2. 对称的魔法 (Symmetry) 这是剪纸最迷人的地方。你只需要画一笔，系统会自动帮你复制出完美的几何图形。它有两种模式： 🔲 折叠模式 (Folded/Mirrored):这是模拟真实的折纸。你的剪痕会沿着折痕进行镜像。 👉 适用场景： 传统的窗花、雪花。 🔄 旋转模式 (Radial/Repeating):它不会镜像，而是围绕中心重复相同的剪痕。 👉 适用场景： 螺旋桨、风扇、现代抽象图形。 你可以自由设置 折数 (Folds)。比如我截图里的这个作品，就是选用了 8折，出来的效果非常繁复精美。折数越高，图案越精细。 ## 3. 让作品“活”起来：丢弃碎片 (Drop Islands) 这是我觉得最赞的一个设置！💡 在设置里打开 Drop Islands 开关。当你剪出一个封闭的圆圈，或者切断了某块纸与边缘的连接，未连接的碎片会自动掉落。 # 💡 官方提示： "Cut a closed loop around the center to drop the middle piece." （在中间剪一个闭合的圈，中间的部分就会掉下去。） 这个功能让剪纸的过程有了真实的物理反馈感，看着碎片掉落的一瞬间，特别爽。 # 🎨 我的创作心得 在这个快节奏的数字时代，能静下心来“剪”点什么，哪怕是在屏幕上，也是一种难得的冥想。 如果你也想试试，不妨去体验一下 CloudScissors。不需要准备红纸，不需要打扫碎纸屑，随时随地，想剪就剪。 我已经将这个工具部署到了我的「365工具箱」目录中，大家可以进入网站查看，网站网址为：365-tools.cn。

最近 DeepSeek 和 AI 编程 火遍全网，大家都在讨论 AI 能不能替代程序员。作为一名正在进行 365 天挑战的开发者，我的答案都在作品里。 小时候，大家都玩过万花筒吧？只要转一转，里面的彩色玻璃碎屑就会变成无穷无尽的对称图案——那其实就是我们最早接触的“生成式艺术” (Generative Art)。 在这个快节奏、高压力的数字时代，我突然很怀念那种纯粹的视觉快乐。 于是，利用 Vibe Coding 的方式（只通过自然语言与 AI 沟通，不写一行代码），第 39 号作品诞生了——「电子万花筒」(Electronic Kaleidoscope)。 我不想只是做一个简单的动图，我希望它是一个可以“玩”的解压神器，一个可以把你的世界瞬间变成几何艺术的透镜。 # 👇 来看看到底怎么玩 👇 ## 1、投喂素材：万物皆可“万花筒” (The Object Chamber) 传统的万花筒里只有彩色的玻璃珠，但在这个数字版里，你可以决定“看”什么。 💎 经典模式： 系统内置了模拟彩色玻璃珠和亮片的算法，还原最经典的视觉体验。📷 照片模式（重点推荐）： 这是最神奇的地方！你可以上传一张照片——无论是你家的小猫、窗外的风景，还是一张随手拍的街景。一旦放入，这些具象的照片瞬间会被打散、重组，变成迷人的抽象几何图案。你永远不知道下一秒会生成什么样的惊喜。 ## 2、调整镜片：从简单对称到繁复曼陀罗 (The Mirrors) 万花筒的灵魂在于镜子。在物理世界里，改变镜子数量很难，但在代码的世界里，只需要拖动一下滑块。 我在左侧设置了镜片设置 (Mirror Setup) 面板： 3 片镜子： 这是最经典的结构，形成稳固的 6 瓣对称图案，简洁而优雅。 12 片镜子： 当你把镜片数量拉高，图案会瞬间变得繁复细腻，像极了神秘的曼陀罗花（Mandala），充满了宗教般的庄严感和秩序美。3, 4, 5, 6, 8, 10, 12... 每一个数字，都是一种全新的几何宇宙。 ## 3、交互体验：指尖上的流动 (Interact) 这不是一个静止的画面，它是活的。拖拽旋转： 用手指或鼠标拖动画面，就像你小时候转动万花筒的纸筒身一样，内部的素材会随着你的动作流动、碰撞。自动旋转： 累了吗？开启自动旋转，调整好速度，盯着屏幕发发呆，这可能是最便宜的“电子冥想”。缩放观察： 拉近看细节的纹理，或者拉远看整体的结构张力。【开发小记】在写这个应用的时候，我一直在思考：为什么人类这么迷恋“对称”？可能因为在混沌的生活中，我们总渴望找到一种秩序。万花筒就是这样一个装置，它把杂乱无章的碎片，通过镜面的折射，强制构建出完美的秩序。多亏AI编程，我可以实现这个想法。希望这个第39号小作品，能在忙碌的一天里，给你带来 5 分钟的放空时间。比如随手来个自拍玩一玩~我已经将这个工具部署到了我的「365工具箱」目录中，大家可以进入网站查看，网站网址为：365-tools.cn。

# 拼豆图纸生成器 缘起：当像素遇到实体 最近在思考做些什么应用，突然看到有人在做把图片转换为像素图，我一开始以为就是个简单的像素画，没想到竟然是一个很流行的手工，叫：拼豆（Perler Beads）。 这是一个神奇的存在，大家用一颗颗塑料豆子，像搭建乐高一样还原像素世界，形成了一个爱好者的圈子。但是，每一个想尝试拼豆的人，几乎都会遇到这三个“拦路虎”： ## 图纸难找：  网上的图纸不清不楚，想要定制自己的照片更是难上加难。 ## 色差劝退：  屏幕上的红色，对应到豆子到底是“大红”、“朱红”还是“西瓜红”？买错豆子是常态。 ## 数量成谜：  兴致勃勃拼到一半，发现黑色豆子不够了，那种绝望谁懂？ 作为开发者，我决定用代码来解决这个物理世界的难题。今天，我带来了 Day 040 的作品——拼豆大师 Pro (Pixel Bead Master Pro)。 # 🛠️ 拼豆大师 Pro 这不是一个简单的“马赛克生成器”，这是一个工业级的拼豆辅助工具。 它最大的特点是：所见即所得，所得即可拼。 在这个暗黑风格的专业界面下，隐藏着一套严谨的色彩映射算法。它不只是把图片变模糊，而是像一个老练的工匠，帮你把每一个像素点都安排得明明白白。 # ✨ 核心功能：不仅仅是像素化 为了让它真正好用，我打磨了以下几个核心功能： ## 1. 🎨 精准色卡映射 (再也不用肉眼猜色) 这是整个工具的灵魂。我内置了官方 Perler 的标准色卡数据。当你上传图片后，算法不会随机取色，而是计算每一个像素与真实豆子颜色的“欧几里得距离”，自动吸附到最近的那个 官方色号（如 P05 红色, P10 黑色）。 这意味着，屏幕上看到的，就是你拼出来的样子。 ## 2. 📊 实时用量统计 (拒绝浪费与缺货) 想做一副画，到底需要买多少包豆子？ 侧边栏会实时告诉你：P05 需要 200 颗，P10 需要 50 颗……清单一目了然，甚至可以直接照着这个清单去采购。 ## 3. 📄 施工级图纸导出 (傻瓜式操作) 点击导出，你会得到一份高清的 PDF 图纸。 网格线： 帮你快速定位。 色号标记： 每个格子上都可能有对应的编号。 你可以直接把这份 PDF 打印出来（A4大小），垫在透明的拼豆板下面，哪怕是小朋友，也能照着样子轻松完成复杂的作品。 ## 4. 🖼️ 智能图像增强支持 JPG/PNG 格式。 无论你上传的是风景照还是表情包，系统都会自动优化对比度，保留原图的神韵。 # 👨‍💻 开发背后的思考 在开发这个工具时，我深刻体会到了“工具”的意义。 很多时候，我们做软件是为了让人们在屏幕前停留更久。但 拼豆大师 Pro 不一样，它的目的是为了让大家离开屏幕，去动动手，去和家人朋友一起，享受拼拼凑凑的专注时光。 它是连接“数字创意”与“实体手工”的一座桥梁。 如果你是手工爱好者，或者是想带孩子做手工的家长，甚至是你只是想把自己头像变成像素风，都欢迎来试试这个工具。 # 🔗 体验地址 我已经将这个工具部署到了我的「365工具箱」目录中，大家可以进入网站查看，网站网址为：365-tools.cn。

很多时候我们谈论“天赋”，其实是在谈论毫秒级的神经反应差距。我做了一个基准测试工具，用数据回答这个问题。 今天是“365天AI开发挑战”的第41天。继续用AI编程构建我的365工具箱。 最近常听到一种讨论：电子竞技到底算不算一种职业出路？尤其是当家里的小辈表现出对游戏的狂热，并声称自己有“天赋”时，家长往往陷入两难：是扼杀兴趣，还是赌一把未知的未来？ 作为开发者，我习惯用数据说话。 为了验证所谓的“电竞天赋”是否可以量化，我开发了一个名为 NeuroSpec（神经谱） 的网页应用。它的核心目的不是为了娱乐，而是为了“劝退”或者“选拔”——通过标准化的测试，评估一个人的认知极限。 如果连基础的神经反应指标都达不到及格线，那么职业这条路，大概率是走不通的。 # 什么是 NeuroSpec？ 这是一个纯粹的认知能力基准测试工具。不同于市面上娱乐性质的反应测试，我参考了职业选手的训练维度，设计了四个核心模块：视觉反射、序列记忆、运动精度和瞬间记忆。 系统会根据你在四个维度的表现，计算出一个综合得分，并给出一个“段位”评价。 以下是具体的测试逻辑，你可以看看自己能拿多少分。 # 1. 视觉反射 (Reaction Time) 这是FPS（第一人称射击）游戏最基础的门槛。 测试机制： 会出现一个红色的屏幕，你需要全神贯注等待它变绿，然后立刻点击。系统会精确记录从颜色变化到你手指动作之间的时间差。 评分标准： 职业门槛： 如果你的平均响应时间小于 150毫秒，恭喜你，你的硬件条件达到了人类生理极限的边缘，这是顶级选手的领域（得分为100）。 普通人： 大多数未经训练的普通人，成绩会在200毫秒到300毫秒之间。 未受训练： 如果超过400毫秒，说明神经反射较慢，基本告别高强度竞技游戏。 # 2. 工作记忆 (Sequence Memory) 这对应的是MOBA类游戏（如LOL、DOTA）中的技能连招记忆和团战处理能力。 测试机制： 这是一个空间模式识别任务。屏幕上的方块会按随机顺序亮起，你需要凭借记忆复述这个顺序。与传统游戏不同，这里的每一关序列都是全新且随机的，无法靠背板通关。 评分标准： 职业门槛： 需要达到 第15关（记住17个随机项目）才能拿到满分。这要求极高的大脑瞬时处理带宽。 # 3. 运动精度 (Aiming) 也就是俗称的“拉枪”和“定位”。 测试机制： 这是一场30秒的限时协调性测试。击中一个目标后，新目标会立即在随机位置生成。你需要追求速度，更要追求准确率。 评分标准： 职业门槛： 在30秒内击中 50个目标。这意味着你的手眼协调速度需要达到 1.67次/秒，且不能点空。 # 4. 瞬间记忆 (Digit Span) 这是对战局信息的瞬间捕捉能力，比如记对面召唤师技能时间、记Buff刷新时间。 测试机制： 一串数字会在屏幕上快速闪现（基础停留时间仅500毫秒），然后消失。你需要完全正确地输入这串数字。 评分标准： 职业门槛： 能够完美回忆 14位数字。这意味着你拥有一颗照相机般的大脑。 评估体系：你处于哪个段位？ 为了让测试结果更直观，我设计了一套段位系统。综合得分是上述四项的算术平均值，你可以试试看，能够解锁多少个等级。 # 写在最后 开发这个工具的初衷，是因为“热爱”和“职业”之间，隔着一道残酷的生理鸿沟。 NeuroSpec 并不从心理层面评估一个人是否坚韧，但它能从生理层面给出一个参考坐标。如果你或者你身边的朋友想验证一下自己的“电竞梦”是否现实，不妨来试一试。 有时候，认清现实，也是一种止损；当然，如果测出来是“宗师”级，那或许就是另一个故事的开始了。 我已经将这个工具部署到了我的「365工具箱」目录中，大家可以进入网站查看，网站网址为：365-tools.cn。请使用电脑体验。

365天AI开发挑战第42天。发布一款网页版拼图工具，支持上传手机相册图片，自动生成3x3至6x6拼图，适合儿童专注力训练及成人减压。 今天是“365天AI开发挑战”的第42天。 在开发了多款高强度的技术工具后，我发现“益智类小游戏”在搜索引擎和应用市场中始终占据很高的搜索量。为了满足这一需求，我开发了 MindSnap Puzzle（智趣拼图）。 这是一款基于网页的在线拼图生成器。与市面上常见的拼图游戏不同，它没有任何广告，且核心功能完全围绕“自定义”和“无门槛”设计。用户无需下载APP，打开网页即可将自己的照片转化为拼图游戏。 以下是该工具的核心功能介绍及使用场景。 # 功能一：支持自定义照片上传 (Custom Photo Upload) 很多用户在搜索“拼图游戏”时，其实是希望用自己的照片来玩。市面上的产品大多只提供预设的风景图，无法满足个性化需求。 MindSnap Puzzle 完美解决了这个问题。 本地上传： 点击“上传图片”按钮，即可直接调用手机相册或电脑本地文件。 格式支持： 支持常见的JPG、PNG格式。无论是孩子的写真、家庭合影，还是你喜欢的动漫壁纸，都可以一键生成为拼图关卡。 隐私保护： 所有图片处理均在前端完成，不会上传至服务器，确保用户隐私安全。 # 功能二：多难度分级，覆盖全年龄段 (Multi-level Difficulty) 为了适应不同用户的需求，我为这款益智拼图工具设计了四个难度等级。这不仅仅是一个游戏，更是一个可以用于儿童早教和专注力训练的辅助工具。 3x3 (入门级)： 9块拼图。非常适合3-5岁儿童进行基础的逻辑思维启蒙，或者作为老年人的脑力复健练习。 4x4 / 5x5 (进阶级)： 16至25块拼图。适合中小学生及成人，用于打发碎片时间。 6x6 (挑战级)： 36块拼图。由于碎片较小，对观察力和色彩敏感度要求较高，适合拼图发烧友挑战。 # 功能三：计时与步数统计 (Timer & Counter) 对于追求竞技感的用户，工具内置了精确的统计系统。 实时计时： 记录从开始到还原图片所消耗的秒数。 步数监控： 记录每一次交换操作。 这使得 MindSnap Puzzle 可以作为一种在线比赛工具。家长可以和孩子比拼谁用时更短，朋友之间也可以通过截图成绩进行PK。 # 总结 如果你正在寻找一款可自定义图片的在线拼图工具，或者需要一个简单的工具来锻炼孩子的专注力与观察力，请尝试 365-Tools Puzzle。

最近AI圈子太火了，大家都在聊AI编程、聊Cursor，作为一名在进行“365天AI开发挑战”的独立开发者，可以回答你这个问题：如果我不写一行代码，纯靠对话，AI能做出一个完整的游戏吗？答案就在下面这张图里。 # 👇没错，这是我今天刚上线的“365-tools 消消乐”。 它不是我一行行敲出来的，而是我用 Google AI Studio (aistudio.google.com)，像产品经理给程序员提需求一样，“聊”出来的。 # 一、这是一个什么样的游戏？ 虽然开发过程极快，但“麻雀虽小，五脏俱全”。为了增加可玩性，我特意让AI加了一些细节功能（这也是我自己很喜欢的部分）： 双重皮肤切换：看腻了经典的几何图形？一键切换到 Emoji表情包模式，看着满屏的🍎💎🍀，心情都变好了。 沉浸式摸鱼：内置了“欢乐”、“活力”、“轻松”三种BGM，工作累了戴上耳机，这就是你的精神避难所。 多语言支持：支持中英文无缝切换，给国际友人玩也没问题。 # 二、我是怎么做到的？ 很多朋友觉得AI编程离自己很远，其实工具就在手边。并不难，你也可以复刻： 第一步：选择趁手的兵器 这次我没有用复杂的IDE，直接使用了网页版的 Google AI Studio。它的上下文理解能力非常强，尤其适合这种“从0到1”的单文件项目。你也可以选择豆包、千问、chatGLM等。 第二步：像和人说话一样沟通（提示词思路） 除了扔给它一句“给我写个消消乐”，还要分要点阐述一下要求：核心逻辑：定义消除规则（三连消、四连消特效）。UI布局：要求深色极简风格，适配手机端。交互反馈：消除时要有动画，得分要有动效。增量需求：增加一些细节，比如“给我加个设置面板，要能换皮肤和音乐”。皮肤部分除了经典款的几何图形，增加一个emoji表情模式。还可以增加其他细节，比如背景音乐使用midi，消除需要有爆炸效果等等你能想到的内容。 第三步：迭代与Debug AI第一次给的代码可能有Bug，比如我切换到emoji图标的时候由于大小不同，超出了游戏框范围，告诉AI让他调整即可。

# 1、为什么要做这个“AI工具导航站”？ 在 AI（人工智能） 爆发的 2026 年，工具迭代的速度简直太快了！ 我和大家一样，收藏夹里塞满了各种链接，但真要用的时候，要么找不到，要么原来的网站已经收费或者倒闭了。市面上的导航站，要么广告满天飞，要么设计风格还停留在上个世纪。 作为一个独立开发者和审美强迫症，我决定用代码解决这个问题。在挑战的第 44 天，我手撸了一个干净、纯粹、高颜值的 AI工具导航 Pro 版。 # 2、这个导航站有什么不同？ 我不做大而全的垃圾堆，我只收录真正好用、普通人能用上的 AI 神器。为了让大家用得爽，我在设计上下了狠功夫： ## （1）极致的视觉体验（Dark Mode） 支持深色模式（Dark Mode）一键切换。背景采用了动态流光设计，卡片使用了磨砂玻璃（Glassmorphism） 效果。无论你是白天工作，还是深夜加班（Vibe Coding），都能给你的眼睛最舒适的体验。 ## （2）头部大模型“一键直达” 不想在茫茫大海里找最常用的那个？我在首页最显眼的位置，集成了 2026年地表最强 的大模型快速入口： DeepSeek：国产开源之光，逻辑推理能力超强。ChatGPT：OpenAI 旗舰，综合能力的标准制定者。Gemini：Google 原生多模态大模型。Claude 3.5：编程和长文本的神器。Kimi / 豆包 / 通义千问：国内最好用的中文 AI 助手。 ## （3）严选分类，覆盖工作生活全场景 我把工具分成了最实用的几类，拒绝凑数： AI 办公神器：Gamma（一键生成 PPT）、NotebookLM（把文档变播客）。AI 视频创作：即梦 AI（字节最新）、可灵 Kling（电影级画质）、Runway。AI 绘图设计：Midjourney、Flux AI、通义万相（免费好用）。AI 编程提效：Cursor、Bolt.new、Windsurf。AI 语音音乐：Suno（写歌）、ElevenLabs（最逼真的 TTS 配音）。 # 3、核心技术栈（Vibe Coding） 对于懂技术的朋友，这个单页应用（SPA）完全是原生开发，没有复杂的框架负担，主打一个快： HTML5 / ES6+：原生语法，极致轻量。Tailwind CSS：原子化 CSS，构建响应式布局和深色模式。FontAwesome：矢量图标库，自动适配品牌 Logo。Glass UI：自定义的 CSS 动画与磨砂效果。 代码极其精简，加载速度秒杀那些臃肿的 CMS 网站。 # 4、匠大有话说 “工具是为了赋能人，而不是取代人。” 整理这个AI导航站的过程，也是我重新审视 AI 行业发展的过程。我发现，真正能留下来的工具，都是在解决具体的痛点。 如果你是学生、打工人、自媒体创作者，或者是像我一样的独立开发者，建议把这个页面加入收藏夹。这里面的每一个工具，都可能成为你提升效率的杠杆。

对于大多数人来说，化学元素周期表只是一张贴在教室墙上、密密麻麻、死气沉沉的纸。除了死记硬背，似乎别无他法。 但在 AI 和 Web 技术飞速发展的今天，知识的呈现方式不该如此陈旧。 作为一名独立开发者，在我的 “365天AI开发挑战” 中，我决定对这个几百年历史的表格进行一次彻底的“数字化升级”。我不只要做一个查阅工具，更要做一个符合现代审美、交互流畅、且拥有 AI 大脑的探索平台。 于是，“赛博霓虹元素周期表 (Neon Periodic Table)” 诞生了。 # 1. 拒绝枯燥：沉浸式的“霓虹”数据空间 打开网页，你看到的不再是白纸黑字，而是一个仿佛置身于科幻电影中的霓虹数据中心。 极致的暗黑模式：采用深色背景搭配高亮的霓虹边框，专为长时间查阅设计，不仅酷炫，更保护视力。 流畅的交互体验：每一个元素方块都经过精细的 CSS 调优，鼠标滑过时的光影流动，让查阅资料变成一种视觉享受。 直观的分类导航：顶部的分类标签（如碱金属、稀有气体、过渡金属）就像飞船的控制台，点击即可高亮筛选，帮助你快速建立元素家族的认知。 # 2. AI 深度解析：它比书本更懂“为什么” 传统的周期表工具只提供冷冰冰的数据（原子序数、质量）。但在这个项目中，我引入了 AI 分析能力。 当你点击任意元素（比如钠 Na），侧边栏会弹出由 AI 生成的深度分析报告。这不仅仅是数据的罗列，而是结构化的知识图谱： AI 智能综述：用通俗易懂的语言，快速介绍该元素在自然界的存在形式和核心化学性质。 精准物理数据：熔点、沸点、密度、电子排布、氧化态、电负性，所有硬核参数一目了然。 历史与应用：从“谁发现了它”到“它能用来造什么（如电池、合金）”，AI 帮你把枯燥的符号和现实生活联系起来。 # 3. 全球化视野：六国语言无缝切换 对于正在学习 AP化学、IB课程 或者查阅外文文献的同学来说，最大的痛点就是：中文名很熟，但看到 Potassium 却反应不过来。 这个工具内置了中、英、西、日、德、法六种语言对照。 一键切换：不仅元素名称会变，连 AI 生成的详情介绍也会实时切换语言。 双语学习：这是你口袋里的多语言化学词典，帮助你在学习化学的同时，掌握专业的学术词汇。 写在最后：让工具回归价值 这只是我 “365天AI开发挑战” 的其中一站。 开发“霓虹周期表”的初衷很简单：好的工具，应该让知识获取变得更简单、更高效，同时也更具美感。 无论你是需要备考的学生、化学爱好者，还是对 UI 设计感兴趣的开发者，我都希望这个工具能给你带来一点不一样的体验。 虽然没有庞大的团队和推广资源，但我相信好用的产品本身自带传播力。如果你觉得这个工具对你有帮助，欢迎收藏并分享给身边需要的朋友。

还在为PDF合并、拆分、转图片烦恼？这款由独立开发者打造的本地化PDF引擎，支持多宫格拼图、无损合并、隐私加密、文本提取。安全、快速、高效，解决你所有的PDF难题。 大家好，我是正在进行 「365天AI开发挑战」 的独立开发者匠大。 今天是挑战的第 46 天，我带来了一款PDF工具合集。他包括了PDF拼图、合并PDF文档、拆分PDF文档、PDF压缩、提取文本、PDF转图片版。 这就是大家一直在搜的“办公神器”。相比于市面上的工具，它专注于解决最核心的需求： # 1. PDF 压缩（救急神器） 场景： 考研报名、投递简历、或者上传系统时，经常提示“文件大小超过限制”。 功能： 这个功能可以通过智能算法，在保持清晰度的前提下，大幅降低 PDF 文件的大小。以前几百兆的文件，现在一键“瘦身”，上传发送秒成功。 # 2. PDF 转拼图/长图（手机阅读/分享必备） 场景： 想把 PPT 课件、发票或者设计方案发到微信群，直接发文件大家懒得点开，发一堆散图又会乱序。 功能：转长图： 像手机截图一样，把多页 PDF 变成一张连贯的长图，发朋友圈或微信好友体验极佳。宫格拼图： 自动排版，整齐美观。 # 3. 图片化脱敏（防止内容被复制） 场景： 发送给客户的报价单、或者原创的教案/资料，不想让别人直接复制里面的文字，也不想被轻易修改。 功能： 将 PDF 的每一页转化成纯图片格式，再重新封装成 PDF。这样对方能看、能打印，但无法直接提取文字或编辑修改，给你的劳动成果加一层保护罩。 # 4. 提取文本（资料整理提效） 场景： 收到一份全是扫描图片的 PDF，想把里面的段落复制出来做笔记，或者引用到 Word 里。 功能： 一键提取 PDF 内部的全量文字，省去了手打的麻烦，整理资料效率翻倍。 # 5. 极速合并（归档整理） 场景： 扫描合同有好几个文件，或者写论文时每一章都是分开的 PDF。 功能： 将多个 PDF 文件无损合并为一个。不管是发票归档还是整理电子书，都能整理得井井有条。 # 6. 拆分与提取（精准截取） 场景： 一个几百页的文档，你只需要其中的第 5 到第 10 页。 功能： 按页码范围精准提取，把不需要的页面剔除，只保留精华部分。 # 开发者的话 做这个工具的初衷很简单：让工具回归工具本身。在“365天AI开发挑战”的旅程中，我希望通过代码解决实际问题。无论你是需要处理论文的学生党，还是每天和合同打交道的职场人，希望这个小工具能成为你收藏夹里的“效率秘密武器”。这只是一个开始，未来我还会根据大家的反馈，不断优化和增加新功能。

还有几个小时就是除夕了，你的朋友圈文案准备好了吗？是准备转发那条已经被转了包浆的“群发短信”，还是对着手机发呆，不知道配什么图？ 作为一名独立开发者，在我的「365天AI开发挑战」中，我决定用代码解决这个痛点。这两天我连夜赶工，上线了这款【马年除夕朋友圈神器】。 不搞虚的，拒绝陈词滥调，拒绝群发感。不仅能写出高情商文案，还能调用大模型一键生成专属配图！ # 🌟 工具介绍 这个工具，我一口气上线了 7 大场景功能，覆盖了你除夕当天的所有需求： 1️⃣ ✍️ 独家爆款：姓名藏头诗·专属定制想给特别的人送祝福？输入TA的名字（如“王小明”），AI 自动生成一首藏头诗、谐音梗祝福或深情短句。 更绝的是，它还能自动生成一张写着对方名字的“国潮书法配图”，排面拉满！ 2️⃣ 🍲 年夜饭时刻别只发“年夜饭真好吃”。 选择“人间烟火”或“微醺感性”模式，AI 会教你如何描述热气腾腾的饺子、碰杯的声音，甚至教你怎么拍全家福。 3️⃣ 🧧 辞旧迎新给职场人的专属领地。 无论是想立“搞钱”的Flag，还是想走“松弛感”路线，这里有最适合你的年度总结文案。 4️⃣ 🤝 拜年私信（拒绝群发）给领导、给死党、给老友，三种完全不同的语气的文案。 得体不仅是礼貌，更是情商。 5️⃣ 👶 萌宠/萌娃专场以你家猫狗或宝宝的“第一人称”口吻讨红包。 “我是修勾，V我50买罐头”，这种文案谁能拒绝？ 6️⃣ 🏮 吉言接龙输入一个字（比如“马”），生成新中式的四字吉祥话。别再用烂大街的成语了，来点有文化的。 7️⃣ ✨ 年度关键词生成你的2026年度格调关键词+深度注解，发朋友圈逼格瞬间拉满。 # 🎨 杀手锏：文案+配图，一步到位光有文案怎么够？ 👉 AI 会自动读懂你的文案 👉 自动构思画面（是写实风、电影感还是皮克斯风） 👉 几秒钟后，一张独一无二的配图就出来了！ # 👨‍💻 关于开发者 我是匠大，一名在城市规划、互联网、新媒体领域摸爬滚打的独立开发者。这是我「365天AI开发挑战」的最新作品。我希望通过代码和AI，解决生活中的具体小问题。如果你觉得这个工具好用：点个赞/在看，支持一下秃头的开发者。转发给朋友，救救他们枯竭的文案库。

在做这几十个工具的过程中，我发现了一个特别痛的点： 每次我想把一篇写好的公众号长文，或者我之前的开发日志，复制出来发到朋友圈或者小红书宣传时，格式总是极其惨烈。要么是断行乱七八糟，要么是复制进去全是 （加粗符号）和 ##（标题符号）。 为了发一段几百字的总结，我得花 5 分钟手动删符号、调空行……这太不“AI”了！既然市面上的工具都不顺手，那我就自己写一个。 今天带来的第 48 号作品，是一个“强迫症福音”——DeepSeek 文章智能重构助手。 ✨ 它是做什么的？ 简单来说，它是一个极其简洁的网页工具。你把乱七八糟的文章粘贴进去，点一下按钮，它就会：调用 DeepSeek 的超强大脑：帮你把长文总结成精炼的文章（适合发朋友圈、小红书）。 短文？长文？都可以：你可以设置需要的字数（估算）。 自动“清洗”格式：这是最关键的！它会自动剔除所有那些讨厌的 Markdown 星号、井号，只保留清爽的纯文本和舒适的空行。 改写风格随意切：你可以让它“专业一点”写日报，也可以让它“幽默一点”写小红书文案。你也可以自定义你的提示词，然后存起来随时调用。 # 😲 工具适合谁？ 这个工具适合需要频繁的复制粘贴文章，并进行格式整理、重新撰写的小伙伴， 比如：新媒体小编：用来快速调整稿件、总结长文。 学生党：用来整理复杂的论文摘要。职场人：用来把杂乱的会议记录整理成条理清晰的周报。 # 🛠️ 怎么获取和使用？ 第一步：获取 DeepSeek API Key 去 DeepSeek 官网后台申请一个 Key。 第二步：访问网站，找到第48个工具https://365-tools.cn也可以直接访问：https://365-tools.cn/gaixie/ 第三步：填入你的 Key（放心，Key 只保存在你自己的浏览器里，不会上传到我这里）。 粘贴文章 -> 点击生成 -> 复制完美结果！ # 👨‍💻 365-tools 挑战碎碎念这是第 48 个工具。 有时候开发不是为了改变世界，而是为了解决自己手边那个“每发生一次就烦一次”的小问题。这个工具帮我省下了每天整理文案的 10 分钟，希望也能帮你省下时间，去喝杯咖啡。我是匠大，一个正在挑战 365 天每天开发一款 AI 工具的“一人公司”主理人。如果你也对 AI、设计、或者“一个人如何活成一支队伍”感兴趣，欢迎关注我。

今天是 365天 AI 开发挑战的第 49 天。 还有1天就达成50天的小里程碑了！在这个节点前，我想做点轻松、解压，但又稍微有点“虐心”的东西。 于是，《向上1000层》 诞生了。 # 🎮 这是一个什么样的游戏？ 玩过《Doodle Jump》的朋友对这种模式一定不陌生。 游戏的核心逻辑非常简单：活下去，往上跳。 你需要控制一个蓝色的小方块（我都叫它“方脑壳”），在不断下落的深渊中，踩着一块块悬浮的板子向上攀升。 # 👇 游戏规则太简单： 按方向键 或 点击屏幕两侧 来控制左右移动。 目标很简单：挑战 1000层！ 别看规则简单，为了增加挑战性（和趣味性），我和AI一起设计了四种不同的“落脚点”： 🟩 绿色（普通）： 老实巴交的板子，最稳妥的依靠。 🟥 红色（强力）： 自带弹射起步！踩上去会让你瞬间起飞，穿越好几层。 🟦 蓝色（移动）： 这种板子会左右横跳，预判不好容易踩空。 🟨 黄色（易碎）： 陷阱！这是一次性的板子，踩一下就会碎裂消失，千万别停留！ # 💡 开发背后的碎碎念 用 AI 写这种物理类的小游戏，最难的其实不是画画面，而是“手感”。 重力加速度是多少才自然？ 起跳的初速度给多少才不会直接撞顶？ 碰撞检测的范围判定宽一点还是严一点？ 在调试过程中，最初的版本“方脑壳”经常会穿模掉下去，或者跳起来像在月球漫步一样慢。经过几轮对 AI 代码的“调教”和参数微调，现在的版本手感已经相当丝滑了。 # 🔥 你能上多少层？ 我在测试的时候，最高记录大概是 2000 层 听说高手都能轻松突破1000层，不信？你来试试。

# 色盲或色弱色彩感知模拟 今天是挑战的 第 50 天。欢迎关注我，查看前面的所有作品。 不知不觉，我们的 365 AI 开发挑战 已经走到了第 50 天！在这个特别的节点，我们不卷性能，不秀炫酷的特效，而是选择做一款充满“同理心”的硬核工具：全谱系色觉模拟器 (CVD Simulator)。 你是否好奇过，在色觉异常（俗称色盲或色弱）的人眼中，这个五彩斑斓的世界究竟是什么样子？秋天的红叶、交通信号灯、甚至是你的产品 UI，在他们看来可能与你的感知截然不同。 今天发布的这款基于纯前端构建的轻量级 Web 应用，将带你一秒“切换视角”，亲身体验不同色觉障碍人群的视觉世界。 # 🌟 核心亮点：不仅是模拟，更是科学 ## 1. 基于 Machado (2009) 视觉模型 底层并没有使用简单的颜色替换，而是采用了 Machado 等人在 2009 年提出的生理学色彩视觉模拟矩阵。我们通过 SVG 的 技术，在 sRGB 空间内实现了光谱转换。 应用内复刻了 6 种最典型的色觉异常场景： 红色盲 (Protanopia) & 红色弱 (Protanomaly)：长波缺失，红色显得暗淡且偏黄。 绿色盲 (Deuteranopia) & 绿色弱 (Deuteranomaly)：最常见的色盲类型，红绿混淆。 蓝色盲 (Tritanopia)：短波缺失，会将蓝黄混淆，天空在他们眼中可能偏青色。 全色盲 (Achromatopsia)：极其罕见，世界仅剩明暗灰度。 ## 2. 创新的“光谱透视镜”交互 默认的光谱模式下，我们提供了一条全色相的渐变色带。 在桌面端，当你将鼠标悬停在色带上时，会出现一个“透视镜（Lens）”。透视镜内显示的是正常色觉，而镜外则是色盲视角。这种滑动的对比体验，能让你最直观地感受到特定色彩（如红绿色）是如何在色觉异常者眼中“消失”的。 ## 3. 一键上传，实景同理心测试 点击右上角的“上传图片”，应用会自动切换为画廊对比模式。你可以上传自己的设计稿、风景照或是数据图表。应用会在本地极速渲染出 7 种不同的视觉效果。长按（或鼠标按下）任意一张图片，滤镜会瞬间褪去显示原图——这种强烈的视觉反差，是检验产品无障碍设计（Accessibility）的最佳利器。 # 🛠️ 极简优雅的技术实现 作为开发挑战的第 50 个作品，这款应用在代码设计上也追求了极致的优雅： 零服务器依赖：图片上传基于 HTML5 FileReader API 纯本地读取，结合 background-image 渲染，绝不上传任何用户隐私数据。 SVG 滤镜黑科技：无需引入庞大的 Canvas 图像处理库，利用浏览器原生的 SVG 和硬件加速，实现了丝滑的零延迟滤镜切换。 Tailwind CSS 响应式布局：无论是 PC 端的透视镜，还是移动端的长按交互，都做了精细的断点适配。 # 💡 为什么我们需要这款工具？ 设计，应当包容每一个人。 全球有约 8% 的男性和 0.5% 的女性患有不同程度的色觉异常。当我们在设计数据图表（比如股市的红涨绿跌）、警告提示、或者游戏 UI 时，如果仅仅依赖颜色来传递核心信息，就会将这部分用户拒之门外。 我们希望这款 全谱系色觉模拟器 能成为每一个设计师、前端开发者和产品经理收藏夹里的常备工具。在发布你的下一个功能前，不妨把它丢进模拟器里看一眼：当颜色失去魔力，你的设计依然好用吗？

# 是男人就下100层 今天是挑战的 第 51 天。欢迎关注我，查看前面的所有作品。 欢迎来到我的 #365天AI开发挑战 的第 51 天！ 今天，我们要召唤一波童年回忆杀。还记得当年的那个魔性小游戏吗？没错，今天我用 Gemini Pro 3.1 搓出了一个经典复刻版——《DESCENT: 100 FLOORS》（是男人就下100层）！（前面我们已经做了向上1000层：Day 049：这是一个“有手就行”的游戏？请先向上跳1000层再说！） 🎮 准备好你的键盘和手指，看看你这次能不能撑到第100层！ # 🕹️ 极简像素风，硬核的挑战 这次的游戏视觉上我采用了极简的暗黑霓虹风格，干净利落。玩家将控制一个紫色的小方块，在不断向上滚动的屏幕中，寻找落脚点，拼命向下探索。 但是，下落之路绝不孤单，各种“老朋友”都在等着你： 为了还原经典的受苦体验，我让 AI 帮我生成了四种不同机制的平台，千万要认清颜色： 🟩 绿色平台（稳如老狗）： 最普通的正常平台，你可以安心地站在上面喘口气。 🟨 黄色平台（身不由己）： 传送带！站上去就会被强行向左或向右拖拽（带有 >>>> 标识），极其考验你的预判，一不小心就会被运到沟里去。 🟦 蓝色平台（起飞蹦床）： 弹性极强的跳台！踩上去会被瞬间弹飞。合理利用可以保命，但如果不小心弹到了屏幕顶部的刺板上……画面太美我不敢看。 🟥 红色平台（夺命电锯）： 带有锯齿的危险平台！踩上去会持续掉血（注意看右上角的血条），非紧急情况请勿落脚！ ⚠️ 终极威胁： 屏幕正上方有一整排锋利的尖刺，如果你的下落速度跟不上屏幕卷动的速度，被顶到最上方，游戏直接结束！ # 🧠 幕后开发：当 Gemini 遇到经典游戏 作为挑战的第 51 天，这个项目的核心在于物理引擎的模拟和关卡的随机生成。 这次我全程使用 Gemini Pro 3.1 进行辅助开发。不得不说，强大的 AI 极大缩短了代码编写的时间： 物理碰撞检测： 完美处理了方块与四种不同特性平台的交互（尤其是蓝色跳台的动能反馈和黄色传送带的位移叠加）。 无限生成算法： 确保每下一层，平台的排列既有随机性，又保证了绝对有路可走，不会出现“死局”。 UI与状态管理： 极简的 Start 界面、流畅的左右控制响应，以及顶部的血条和深度（Depth）实时计算，一气呵成！ “以前觉得写游戏逻辑很复杂，现在有了 AI 结对编程，只要把核心机制（比如颜色对应的物理效果）描述清楚，剩下的就交给 AI 去构建基础框架，我只需要专注于手感的微调。” # 🏆 挑战书已下，你敢来试试吗？ 游戏已经部署完毕！支持键盘 ←→ 方向键，手机端也支持点击屏幕左右两侧进行操作。 传说中，能下到 100 层的人寥寥无几。 目前的测试记录，我最好成绩是 200 层。

很多朋友看我每天高产地发布新工具，总觉得我每天都在疯狂敲打键盘、熬夜写着密密麻麻的代码。其实到了今天这个节点，在强大的 AI 模型加持下，硬核的开发方式早就变了。 今天上线的第 52 个作品，是一个极具东方美学的「24节气可视化」交互网页。而它，是我全程一行代码没手写，纯靠 Vibe Coding（氛围编程/意念编程），用连串的自然语言 Prompt 指挥 Gemini 一手敲出来的工程。 # 今天的作品：24节气可视化 简单来说，这是一个将中国传统的“二十四节气”进行现代化、可视化重构的网页工具。 它不仅仅是一个日历，而是一个可以互动的“时间罗盘”。配合着极具呼吸感的米白色纸张底纹和丝滑的中英文切换，它把立春、雨水、惊蛰……这些流转的时光，具象化地呈现在了屏幕上。在工作疲惫时打开看看，感受一下时令的变迁，自带一种治愈内心的力量。 # 为什么说 Gemini 是最强 Vibe Coding 搭档？ 大家必须明确一点：Vibe Coding 绝不是去玩那种受限的“零代码（No-code）拖拽平台”，它的底层是实打实的优质前端代码（JS/CSS/PHP等）。 它的颠覆性在于——你只需要扮演“产品经理”和“美术指导”。 在做这个可视化工具时，我给 Gemini 提的需求极其抽象： “我要一个 24 节气的可视化轮盘，要有交互感……” “要有中英文对照，背景不要纯白，我要那种温暖的、带有传统纸张质感的底纹……” “整体氛围要宁静、高级、有东方韵味，按钮要做成毛玻璃效果……” 然后，Gemini 就完美地把这种“只可意会”的文化审美（Vibe）和交互需求，精准翻译成了数百上千行优雅的前端代码。它不仅懂技术架构，更懂“二十四节气”背后的视觉呈现。 这就是 AI 时代赋予超级个体的魔法。代码依然存在，只是写代码的“手”变成了大模型，而你的审美、你的想法（OPC），成了驱动这一切的唯一核心引擎。 # 🎁 体验指路 想感受一下这份由 Gemini 代码生成的东方时间美学吗？今天的工具已经集成到了我的作品库。

在这个信息爆炸、AI快速崛起的时代，真正拉开人与人之间差距的，不再是记忆力，而是思考问题的方式和使用工具的能力。 今天不做应用，今天分享下我给孩子做的“思维升级指南”课程。 今天是第一课。 # 🌟 缘起：为什么要做这个内容？ 缘起非常简单，是我想给自己的孩子做一个真正能够改变她底层认知的课程，我尽量把它完整分享出来，看看大家是否也感兴趣。 很多家长头疼孩子“一遇到大任务就拖延”、“学东西三分钟热度”或者“不知道怎么用好身边的AI工具”。 其实，这并不是因为孩子不够聪明，而是缺乏底层的“思维模型”。 今天，我用提示词让Gemini化身顶尖教研员和前端工程师，不仅把深奥的思维模型变成了生动有趣的故事，甚至还直接生成了一个超酷的可交互网页！ 废话不多说，直接上干货。今天分享课程的第一讲：重塑大脑的三个核心概念。 # 🔑 概念一：第一性原理 (First Principles) —— 拆解到不可拆分的本质，终结拖延症！ 我们在生活中往往习惯“类比思维”（别人怎么做，我就怎么做），而“第一性原理”要求我们像剥洋葱一样，把问题拆解到最基础的“事实”，然后重新寻找方案。 # 🚀 经典案例：马斯克的火箭与迟到的行李箱轮子 造火箭太贵？ 类比思维觉得买一枚火箭要6500万美元，太贵了算了吧。但马斯克用第一性原理拆解发现：航空铝合金、钛、铜等原材料的成本，仅仅占火箭总价的 2%！于是SpaceX决定自己买材料、改工艺，生生把成本降了数十倍。 人类的历史盲点： 人类在公元前3500年就发明了轮子，但你能想象吗？直到1970年，大家还在苦哈哈地“手提”着沉重的皮箱！为什么？因为类比思维告诉大家“箱子就是用来提的”。直到有人回到了第一性原理：旅行的目的只是把重物从A点移动到B点，克服摩擦力加上轮子不就行了？ # 💡 给孩子的实战启发： 遇到“写5000字报告”这种地狱级任务，大脑本能会恐惧、拖延。 试着用第一性原理拆解它：报告 ➔ 查资料 ➔ 去图书馆借书 ➔ 穿上鞋子出门。 当你把庞大的恐惧，拆解成“穿鞋”这个只需5秒就能完成的微小动作时，拖延症就被彻底打破了！ # 🔑 概念二：飞轮效应与复利 (Compound Interest) —— 跨越起步难关，让时间成为你的盟友 万事开头难，学习新技能就像推一个巨大的静止金属飞轮。一开始你用尽全力它也只动一毫米。但只要你持续发力，突破临界点后，复利效应就会接管一切。爱因斯坦曾说，复利是世界第八大奇迹。 # 🌑 震撼数字：一张纸的登月之旅 1%的奇迹： 每天进步一点点 (1.01) 和每天退步一点点 (0.99)，坚持一年（365次方），最后的差距不是两倍，而是惊人的 1260倍！ 折纸游戏： 一张普通的A4纸（厚度约0.1毫米），如果能对折42次，会有多厚？一层楼？一栋摩天大厦？不，答案是约 44万公里 —— 这甚至超出了地球到月球的距离！这就是指数级增长的恐怖力量。 # 💡 给孩子的实战启发： 刚开始学吉他、练长跑时，往往最痛苦且看不到效果。你要明白，你现在正在“推一个沉重的飞轮”，你是在那张纸的前几次对折中积蓄能量。方向正确，坚持微小的迭代，时间会给你惊人的回报。 # 🔑 概念三：提示词 (Prompt Engineering) —— 掌握 AI 时代的“自然语言编程” 过去我们用鼠标和代码控制电脑，而现在，我们用日常说的话就能指挥世界上最聪明的计算大脑。这个指令，就叫提示词（Prompt）。 AI 就像一个知识渊博但缺乏背景的“超级实习生”。你给的指令越模糊，结果越像废话；指令越精准，结果越惊人。 # 🧠 完美提示词的四大支柱： 我和Gemini总结了一个万能公式： Who (设定角色)："你现在是一位多次获奖的科幻小说家..." Context (提供背景)："我是个13岁的学生..." Task (具体任务)："请向我解释什么是量子纠缠..." Constraint (限制约束)："不要用任何公式，用玩网游打比方，500字以内。" # 💡 给孩子的实战启发： 学会“精准表达”。提出好问题的能力，已经远比背诵标准答案重要。试着用上面这个公式去问AI，你会发现它瞬间变成了一个风趣幽默的“全能私教”，用你最喜欢的语言帮你秒懂最难的知识。 # 🎯 写在最后：今日小挑战 做完这堂课，我深受触动。AI不仅仅是帮我们写代码、写文章的工具，它甚至可以成为我们梳理思维、赋能下一代的超级大脑。 # 今天的互动挑战来了： 找出你觉得最困难的一件事，试着用“第一性原理”拆解它，然后在评论区写下你的“最小行动单位”（哪怕只是“打开电脑新建一个文档”）！ 如果你对这套课程感兴趣，欢迎点赞+在看，等我更新下一期~

今天上线的是一款轻量级图像转换工具箱。针对日常开发和内容创作中常见的图像处理需求，我整合了三个纯前端运行的实用模块。 该工具的核心机制是在浏览器端本地处理。所有图像的解析、计算和格式转换均不经过服务器，无需上传、无需等待，在保证处理速度的同时，彻底排除了隐私泄露的风险。 以下是具体的模块功能介绍： # 1. 透明 PNG 制作器 这是一个基于颜色容差计算的背景消除工具。 工作原理： 用户上传图片后，直接在画面上点击需要去除的背景颜色。 参数调节： 右侧面板提供了“颜色容差”滑块（0-100）。面对带有轻微渐变或噪点的背景，通过调节容差值可以精准剥离主体，最终一键导出带有透明通道的 PNG 文件。 # 2. 位图转 SVG 描摹器 该模块用于将常规的像素图（如 JPG、PNG）转换为由路径组成、可无损缩放的 SVG 矢量图。 渲染设置： 内置了专业的描摹算法，用户可以根据图像特征自定义四个核心参数： 颜色数量： 控制输出图像的色彩层级，颜色越多细节越丰富，但文件体积也会相应增大。 模糊度： 在描摹前平滑噪点，适合处理低分辨率图片。 简化度： 减少路径节点，使边缘更平滑，降低复杂度。 缩放： 调整最终输出的矢量图比例。 # 3. 图像格式转换器 支持常见 Web 图像格式之间的高效互转。 支持格式： 包括 JPG、透明 PNG、WebP、ICO，并且支持直接读取和转换 PSD 源文件。 操作逻辑： 支持将文件直接拖拽至工作区，建立本地转换队列。确认目标格式后点击“全部转换”，依靠本地算力快速完成处理并触发下载。

今天是我的 “365天AI开发/Vibe Coding挑战” 的第 55 天。 很多朋友问我，为什么要坚持每天上线一个工具？其实我的初衷很简单：在这个AI时代，让技术回归“好用”和“即达”。 今天我没有编写程序，而是部署了一个开源免费的在线网页版图像编辑器：miniPaint。你可以认为他就是一个在线的ps软件。 # 1、为什么是 miniPaint？ 平时大家处理图片，往往面临两个极端： 太重：为了修个尺寸、改个透明度，不得不打开几个G大小的 Photoshop，加载半天。 太简陋：手机自带修图或简单的网页工具，没有“图层”概念，想做复杂设计根本搞不定。 于是，我把这个强大的开源项目 miniPaint 部署到了我的 365-tools 平台上。它被称为“在线版Photoshop”，因为它在保持轻量级的同时，几乎保留了所有核心设计功能。 # 2、核心亮点：不仅是“画图”，更是生产力 通过今天上线的这个工具，你可以直接在浏览器里实现： 图层管理 (Layers)： 像PS一样支持多图层叠加、隐藏、锁定和混合模式。 全套工具箱： 选区、画笔、魔棒、填充、文字、形状、橡皮擦，你需要的都在左侧。 滤镜与特效： 内置了模糊、锐化、颜色校正、艺术化处理等几十种滤镜。 零安装，随开随用： 无论你是用公司的电脑还是在网吧，只要有浏览器，它就是你的专业设计站。 完全隐私： 所有的操作都在你的浏览器本地完成，图片不会上传到服务器，安全无忧。 # 3、365天挑战：我的“数字工具箱”计划 作为一名独立开发者，我一直在思考如何利用 AI 和开源社区的力量，去构建一套属于每个人的“效率底座”。 从第一天的色彩工具，到今天的 miniPaint 专业绘图，365-tools.cn 正在变得越来越丰富。 第 55 天，挑战仍在继续。 每一天的部署和开发，都是我对 “Vibe Coding” 的一次实践——快速响应需求，快速交付价值。

你是否也曾被橱窗里璀璨的水晶发卡吸引，却因为昂贵的价格或大众的款式望而却步？ 或者，你有一脑子的 DIY 创意，却在面对满桌散乱的碎钻时，不知道该如何下手配色？ 为了治愈所有“闪闪发光爱好者”和“手工强迫症”，我开发了一款在线虚拟宝石发卡设计工具。在这里，你就是顶级珠宝设计师。 # 01. 把“水晶钻石”搬进网页 这不是一个简单的涂鸦板，它是一个专为发饰高定打造的数字实验室。 它的核心灵魂在于“自动镶钻算法”。你不再需要手动一颗颗对齐，只需勾勒轮廓，算法就会模拟真实的物理镶嵌逻辑，让每一颗“施华洛世奇”钻精准落位。 从极简的一字夹，到复古的法式抓夹，所有的璀璨，只需指尖轻轻一点。 # 02. 黑科技拉满，这些功能太解压了！ 为了让你的设计拥有“灵魂”，我把这些功能做到了极致： ## 💎 万物皆可“结晶化” (Crystallize) 不管是你画的线条，还是上传的 Logo 模板，一键点击 Crystallize，普通图形瞬间变为波光粼粼的宝石阵列。 ## 🌈 治愈系的配色宇宙 (Themes) 内置数十种高感度配色方案： Amethyst Dream（紫水晶之梦）：深邃而神秘的紫色调。 Dragon Breath（龙息）：热烈如火的红金交织。 Glacial Frost（冰川霜冻）：清冷高雅的极地蓝。 哪怕你完全不懂色彩理论，随手一点，也是高级感满满的大作。 ## 🛠️ 专业级的底座与图层管理 预设底座：Barrette、Bobby Pin、Claw Clip... 针对真实发卡形状建模。 图层魔法：支持多图层叠加。你可以底层铺满碎钻，上层点缀珍珠，层级分明，质感错落。 # 03. 拒绝平庸，细节控的福音 为了追求最真实的质感，我在后台开放了多项精密参数： Density（密度）：控制钻的疏密，想要微镶还是粗犷，随你心意。 Jitter（自然抖动）：模拟手工镶嵌的随机感，让发卡看起来更有“人情味”。 Bloom & Sparkle（光效）：开启特效，钻石会在屏幕上跳动闪烁，隔着屏幕都能感受到那份璀璨。 # 04. 谁会爱上这个“发光小工具”？ 手工职人：在动手制作前，先进行零成本“云打样”，配色不再纠结。 备婚新娘/时尚达人：为自己的穿搭亲手设计一款独一无二的配饰。 解压达人：看着乱序的图形在算法下整齐地化为晶体，简直是强迫症的顶级享受。 # 结语： 设计不应该是少数人的专利。 我希望这个小工具，能让每一个热爱生活、热爱闪耀的人，都能拥有定义“美”的权利。 快来开启你的第一份“珠宝高定”草图吧！

# 极简数独 ✨ 没有冗余的功能，只有逻辑与指尖的博弈。 # 💡 为什么你一定会爱上它？ 1. 极简主义，美得刚刚好告别过时的界面。我们设计了多款色彩模版，无论是护眼的柔和色系，还是清爽的高级灰，都能随心切换。简洁明快，让你的大脑只专注于数字。 2. 贴心的“救命”按钮卡壳了？没关系。内置可选的提示功能。它是你的解谜导师，而非作弊器，在你逻辑陷入僵局时，轻轻拨开迷雾。 3. 隐形的计时器，无压力的挑战如果你想追求极致速度，它是你的秒表；如果你只想消磨午后的时光，它会默认隐藏。不去盯着跳动的秒数，解谜本该是一场放松。 4. 属于胜利者的“仪式感”当你填入最后一个数字，整格完美的逻辑闭环达成——砰！💥一个精致的爆炸特效，是为你智力凯旋准备的小小礼花。 # 🛠️ 开发者说：关于 AI 与坚持 这是我 365 天 AI 开发挑战的第 57 份答卷。从最初的想法到每一行代码的落地，AI 见证了逻辑的诞生。我希望这款工具不仅仅是一个游戏，更是一片能让你在碎片时间里瞬间沉静下来的精神绿洲。

# 01. 经典重现，但它是“霓虹色”的 还记得小时候躲在被窝里玩的打砖块吗？ 今天，它带着赛博霓虹风回归了！ 简洁的界面、丝滑的打击感，配合这极具高级感的深色调背景。打开游戏的瞬间，仿佛回到了那个守在黑白屏前屏住呼吸的午后，但画面表现力直接拉满！ # 02. 操作超简单，手机端也能丝滑上手 无论你是电脑端还是手机端，都能随时随地“开整”： 电脑端： 方向键灵活位移，精准接球。 手机端： 左右点击屏幕，指尖微操秀翻全场。 # 03. 亮点预警：全场最躁的“狂暴模式”！ 如果说普通模式是考验反应，那这次新增的【狂暴模式】就是纯粹的视觉盛宴！ 在该模式下，所有掉落道具均为“多球分裂（x3）”！ 想象一下： 当你击碎砖块，满屏的蓝紫色 $x3$ 道具如雨点般落下。接住一个，球数翻倍；接住一群，屏幕瞬间被成百上千个小球占领！ 不需要精准走位，不需要小心翼翼，你要做的就是看砖块在瞬间如割麦子般消失！ # 04. 道具全解析，buff加满 除了疯狂的分裂，游戏还内置了丰富的道具系统，让每一局都充满变数： 🟢 W+ (变长)： 挡板更长，接球更稳！ 🔴 W- (变短)： 高手进阶，挑战极限。 🔵 x3 (分裂)： 满屏球海的快乐源泉。 🟡 > (加速)： 挑战瞬时反应极限。 💜 爱心 (加命)： 续航保障，冲击最高分！

继前几天发布了Day 053：我和gemini一起做了个青少年思维提升的可视化教案。第一讲——重塑思维的三个核心概念后，收到催更。 今天，我和我的“最强AI合伙人” Gemini 继续死磕（Day 059），为大家带来第二讲！ 如果说第一讲是给大脑安装“底层操作系统”，那么今天这一讲，就是教孩子们如何给大脑安装进阶的“应用软件”。 至文末可以查看本次内容的可视化页面~ # 🌟 缘起：为什么孩子总是“懂了，但没完全懂”？ 在学习中，你家孩子是不是也经常遇到这三个“死胡同”： 一学就会，一考就废：上课明明听懂了，看着答案也会做，一到考场大脑就宕机。 完美主义拖延症：总想等“吃完饭、收拾好桌子、找到最好的状态”再写作业，结果拖到深夜疯狂赶工。 玻璃心：考砸一次或者被批评两句，感觉天都塌了，彻底陷入自我怀疑。 别急，硅谷的科技精英和诺贝尔奖得主们，早就为这些问题准备好了“隐藏技能”。今天，我们将通过三个强大的思维武器，帮你一一破解！ # 🔑 技能一：费曼技巧 (Feynman Technique) —— 终结“假性努力”，掌握降维打击式学习法 很多孩子以为“听了课、看了书”就是学到了，这在脑科学上其实是一种“我已经懂了”的幻觉。 📥 输入 vs 📤 输出，到底差在哪？ 单纯输入（听课/阅读）： 只是信息的“物理堆积”。就像把一车砖头胡乱卸在空地上，那不叫造房子，风一吹就散了。 主动输出（讲授/写作）： 当你试着用自己的话讲出来时，大脑才开始对“砖头”进行再加工。这个过程会强迫大脑里的神经元进行疯狂的物理连接（⚛️━🔗━💡━🚀）。每一次费尽心思的表达，都是在搭建思维的高速公路。 # 💡 给孩子的实战启发： 🦆 “自言自语”超能力： 遇到卡壳的难题，试着出声念出来！人类大脑是网状思维，而说话是线性的。把复杂思绪变成连贯句子的过程中，逻辑漏洞自己就会跳出来。（程序员把这叫做“小黄鸭调试法”）。 🤖 反向召唤 AI： 打开身边的AI，输入这段提示词：“你现在是个5岁的小朋友，我要教你什么是‘光合作用’。如果我用了难懂的词，你要追问我。” —— 如果你讲着讲着卡壳了，恭喜你，你精准抓住了自己的知识盲区！ # 🔑 技能二：最小可行性产品 (MVP) —— 打败拖延症的硅谷法则：完成比完美更重要 这是硅谷顶尖科技公司（如苹果、腾讯）开发产品的最高机密。 想要造一辆汽车，不要憋在车库里先造轮子再造底盘（这期间你根本没法出门），而是先造一个马上能滑起来的“滑板 (MVP v1.0)”！然后再给它加个把手变成滑板车，升级成自行车，最后才是完美的汽车。 🛹 经典案例：写作文的“滑板理论”假设你要写一篇《科技改变生活》的800字作文： ❌ 完美主义（造汽车）： 咬着笔头想了半小时，非要憋出一个惊艳的开头，写了涂、涂了写，越写越烦躁，进度 0%。 ✅ MVP 做法（造滑板）： 拿出一张废纸，只花 5分钟 搭出 V1.0 的骨架（开头：科技让我变懒也变强；中间：AI好用但易沉迷；结尾：我要控制科技）。 🚲 持续迭代： 骨架有了，V2.0 往里加一个生动的故事填血肉；V3.0 替换几个高级词汇做精修。 💡 给孩子的实战启发：允许自己一开始写出“垃圾初稿”！只要你花10分钟搭出了最粗糙的 V1.0 框架，你就已经打败了90%还在对着白纸发呆的人。剩下的，只是轻松的“找Bug和升级”。 # 🔑 技能三：反脆弱 (Antifragility) —— 风会吹灭蜡烛，但能使火越烧越旺 面对挫折，思想家塔勒布在《反脆弱》一书中提出了三种截然不同的境界： 🕯️ 脆弱 (Fragile)： 就像一阵风就能吹灭的蜡烛，或掉在地上就碎的玻璃杯。遇到一次没考好，就彻底崩溃。 🪨 坚韧 (Robust)： 就像石头或汽车减震弹簧。压扁了还能弹回原样。能咬牙抗住挫折，但恢复后并没有因此变强。 🔥 反脆弱 (Antifragile)： 就像一阵风吹过，反而越烧越旺的烈火！或者像健身时的肌肉，举铁撕裂了肌肉纤维，但休息后它会长得更粗壮。 💡 给孩子的实战启发：不要追求做一个永远不犯错的玻璃杯，也不要只做抗揍的弹簧，要做一团火、一块肌肉、一个正在训练中的AI模型。考试不及格从来不是一份“智商判决书”，而是系统发给你的一份“Bug修复报告”。 主动去拥抱那些让你有点痛苦的难题（举铁），那是你正在变强的唯一信号！ # 🎯 写在最后：今日互动挑战 Gemini为这一讲生成了一个酷炫的可交互网页图表（包含输入输出对比图、MVP进化曲线等，视觉效果拉满！）。 今天的周末小挑战来了： 📢 费曼挑战： 运用“教就是最好的学”，试着给爸爸妈妈讲清楚《反脆弱》里的三种境界（脆弱、坚韧、反脆弱）到底有什么区别。看看你能否用最生动的比喻让他们秒懂！ ⚡ MVP实战： 挑本周末你觉得最难、最不想写的一项作业，不计后果地用最快、最粗糙的方式，先搭出一个“V1.0 MVP框架”！ 如果这堂课对你和孩子有启发，欢迎点击右下角【点赞+在看】，把这些顶级的思维武器分享给更多需要的人！ 👩‍💻 幕后花絮：本文的教案逻辑梳理、案例具象化，以及背后复杂的交互式网页图表生成，依旧由我和Gemini协作完成。AI并不是作弊工具，它是我们放大思维杠杆的最强推手！

时间过得真快！转眼间，365天AI开发挑战已经迎来了第 60 天的里程碑 🎉。 过去的日子里，我们做了很多硬核的生产力工具和可视化应用。但今天，为了庆祝这个小节点，我决定做一点不一样的——带大家重温一下经典的快乐。 今天上线的第 60 个作品，是一款颜值极高、既能解压又能让人“抓狂”的 Web 端小游戏：Emoji Pop（Emoji 泡泡龙）。 不知道大家以前有没有沉迷过消除类游戏？这次我把传统的彩色泡泡，换成了大家日常聊天最爱用的 Emoji。目前游戏已经部署完毕，一起来看看有哪些好玩的细节吧！ # 🎮 熟悉的配方，不一样的“弹药” 在这个版本中，我精选了 20 种高辨识度的 Emoji（草莓、篮球、小蜜蜂、鲸鱼、青蛙……）。在深色沉浸式的背景下，这些色彩鲜艳的 Emoji 视觉冲击力极强，消除时的动画效果和音效更是满满的解压感。 为了照顾不同类型的玩家，我在游戏首页设置了双重挑战模式： 🟢 普通模式（佛系玩家专属）经典的消除体验。开局压力小，容错率高。如果你只是想在通勤路上或者午休时间放松一下大脑，听听清脆的消除声，选它就对了。 🔴 困难模式（硬核玩家来战）觉得普通模式没有挑战性？试试这个！ 在这个模式下，开局就会直接铺满 65% 的屏幕，留给你的操作空间极其有限。不仅图标布局更加分散，随着关卡的推进，Emoji 的种类也会不断增加。每一次发射都需要深思熟虑，一步走错，可能直接触碰底部的“DANGER”红线。 # 🎯 贴心细节：手残党必备的“物理外挂” 在测试的时候我发现，有时候凭直觉发射很容易产生偏差。为了提升游戏体验，我特意加入了一个「辅助线开关」（游戏界面右上角的靶心图标）。 打开辅助线： 精准预判发射轨迹，指哪打哪，强迫症福音。 关闭辅助线： 纯靠盲狙和直觉，适合追求复古街机手感的盲打大神。 # ✨ 极致纯粹的交互体验 作为一名前端开发者，在做工具时最看重的就是“丝滑”。 全屏自适应布局： 完美适配各种尺寸的手机和电脑屏幕，告别烦人的滚动条干扰，沉浸感拉满。 动态视觉反馈： 流畅的消除动画，以及随着关卡自动变化的背景氛围，每一次升级都有新鲜感。 双语无缝切换： 系统会根据你的环境自动进行中英文切换，界面设计保持最大程度的清爽，让你能 100% 专注于游戏核心体验。 # 🚀 马上体验 如果你今天的工作有点累，或者单纯想挑战一下自己的反应速度，不妨来试一把！

今天我的「365天AI开发挑战」正式打卡第61天！🎉 在这个挑战里，我每天都会用AI辅助开发一个有趣的Web小工具或游戏。今天给大家带来的，是一款绝对能让你在通勤路上、午休时间（或者摸鱼时）玩到停不下来的小游戏——Emoji版「合成大西瓜」！ # 🍉 当经典玩法遇上Emoji 前两年“合成大西瓜”火遍全网，那种把小水果一点点合成大水果的解压感，真的让人欲罢不能。今天，我决定给这个经典玩法换个口味，用大家最熟悉的 Emoji 表情包 重新演绎！ 这次的开发主力依然是强大的 Gemini AI。从游戏界面的暗黑模式设计、物理引擎的碰撞逻辑，到Emoji的下落手感，全程都在和AI结对编程（Vibe Coding）。 # 🎮 不止经典，更有“地狱难度” 细心的朋友可能已经从截图中发现了，这次我在主页设置了两个大大的按钮： 🟢 普通模式：原汁原味的合成体验，从葡萄🍓到西瓜🍉，步步为营，非常适合想要放松解压的玩家。 🔴 困难模式（混乱！）：如果你觉得普通模式已经毫无挑战，那请务必尝试这个带“闪电”标志的困难模式！在这个模式下，我加入了一些“混乱”元素（比如掉落速度、弹性物理效果的变化等），保证让你体验到什么叫“血压飙升”的快感！ # ✨ 游戏亮点速览： 极简暗黑风：保护视力，沉浸感拉满。 等级与积分系统：右上角实时显示当前等级（🌟1起步）和得分，下落前还能预览下一个Emoji，方便你排兵布阵。 纯前端运行：点开即玩，无需下载，丝滑流畅。 # 💻 幕后开发小记 在用Gemini开发的过程中，处理这种物理碰撞和边界计算其实非常有意思。我只需要用自然语言描述出“当两个相同的Emoji接触时，合并成高一级的Emoji，并伴随一个微小的弹跳动效”，Gemini就能迅速生成对应的物理引擎代码框架。这正是AI时代给独立开发者带来的最大红利——将脑海中的idea转化为现实的路径，变得前所未有的短。

今天，我们迎来了第62个作品，并将其自豪地加入了我们的 365-tools 创意工具箱！这一次，我们带来的不仅仅是一个实用工具，而是一款考验你色彩敏锐度与手速的精美H5小游戏——《变色龙潜行》！ 今天这款游戏是Gemini自己策划的，我给他的指令，是让他制作一款和颜色有关的游戏。一开始我并没有抱有太大希望，但是这次他做的还真的有模有样。 # 🎮 游戏初印象：现代与经典的碰撞 为了带来最佳的沉浸感，《变色龙潜行》在UI设计上下足了功夫。游戏界面精美炫酷，深色背景搭配高饱和度的几何色彩，营造出一种经典街机游戏复刻的非常漂亮现代的感觉。 跨平台丝滑体验： 无论你是使用电脑键盘（WASD），还是在手机屏幕上滑动，游戏都能提供便捷的操作与极佳的反馈感，完美适配电脑端与手机端！游戏内还设有一个专门的玩法说明和游戏介绍板块，点开即可随时查看。 # 🔥 核心玩法与极致爽点 玩法说明： 你是一个潜行的史莱姆，在一个色彩斑斓、不断移动的几何背景中穿梭。 躲避巡逻的敌人（UFO探照灯）。如果进入他们的视线，你就会被抓住！ 为了隐藏自己，请使用底部的 RGB 滑块或点击基础色盘，迅速将你的颜色调成与当前站立的背景色完全一致，实现“光学隐身”。 保持隐身，尽可能活得更久！ 爽点在哪里？ 这款游戏最大的魅力在于极度的反差感！一边是紧张的潜行节奏，另一边是你为了保命快速调色而产生的“手忙脚乱”。当你在千钧一发之际，将颜色完美融入背景，眼睁睁看着敌人从你身上扫过却毫无察觉时，那种刺激感与成就感简直无法言喻！ # 🛠️ 制作过程与技术亮点揭秘 作为挑战的第62个作品，我们在技术和视觉体验上实现了许多亮眼的突破： # 🎨 更精细的动态渲染主角： 我们移除了之前的 Emoji，现在使用 Canvas 绘制了一个可爱的“史莱姆/幽灵”形状的主角。主角拥有高光和眼睛，看起来更加立体生动。最重要的是，主角的颜色（包括高光和眼睛的阴影）都是基于您当前选择的 RGB 颜色进行透明度叠加计算的，因此整体颜色高度一致，不会出现杂色，完美符合“变色龙”的设定。 # 📐 像素级精准判定： 利用 Canvas 的像素碰撞检测技术，加上平滑的颜色过渡动画，让隐身和被发现的判定极其精准且视觉效果丝滑。 # 📈 让人上头的关卡系统与过关体验： 进阶挑战： 增加了关卡 (Level) 机制。每获得 200 分就会自动进入下一关。升级时，屏幕中央会弹出一个炫酷的“第 X 关”动画提示。 难度飙升： 第1关只有2种背景颜色，随着关卡提升，背景颜色的种类会逐渐增加，最高增加到6种颜色，大大增加了调色的难度。同时，背景几何图形的数量会变多，移动速度变得更快；初始敌人数和敌人生成的上限也会随着关卡提升而增加。 场景刷新： 每次过关时，背景的几何图形会重新生成，给玩家一种“进入新区域”的强烈视觉反馈。

# Emoji 连连看 今天是我“365 天独立开发挑战”的第 63 天。 两个月前，当我决定每天利用 AI 辅助开发一个新作品时，我并不知道自己能坚持多久。但随着代码一行行敲下，一个个灵感变成屏幕上跳动的像素，那种成就感真的会上瘾。 今天，我想把这个充满色彩的小礼物送给大家——我的第 63 号作品：《色彩连连看》。 # 为什么是连连看？ 在快节奏的生活里，我们总是在接收碎片化的信息。 我一直在想，能不能做一个足够简单、足够纯粹，甚至能让人进入“心流”状态的小游戏？ 于是，就有了这款回归本质的作品。没有复杂的系统，只有： 清新的视觉：采用当下流行的玻璃拟态设计，让界面像呼吸一样轻盈 多巴胺配色：严选高饱和度的水果元素，每一次消除都是视觉上的小满足。 极简逻辑：连结、消除、得分，在限时挑战中感受指尖的律动。 # AI 赋予了它什么？ 作为 365 天挑战的一部分，这个游戏深度融合了 AI 的协作： 逻辑构建：在 AI 的辅助下，我优化了路径搜索算法，确保每一次点击都能得到最丝滑的反馈。 UI 审美迭代：通过 AI 辅助设计方案，我从几十种视觉风格中筛选出了现在这套最能缓解视觉疲劳的方案。 快速迭代：从灵感闪现到完成原型，AI 极大地缩短了我的开发周期，让我能专注在“好玩”这件事上。

又一个经典复刻！在“365天AI开发挑战”中，这版由 Gemini 协助完成的“俄罗斯方块”正式上线了。 这种“Vibe Coding”的魅力在于，即使是像俄罗斯方块这样结构严谨的经典游戏，在 AI 的辅助下也能快速焕发出具有现代美感的视觉风格。 经典，永不过时。 作为“365天AI开发挑战”的又一个里程碑，今天我想和大家分享一个稍微有点“硬核”但又充满童年回忆的作品——俄罗斯方块。 # 👾 为什么是俄罗斯方块？ 虽然市面上这类游戏数不胜数，但作为开发者，我更想尝试在 Gemini 的协作下，如何将这个诞生了数十年的经典逻辑，用现代前端审美重构。 没有复杂的菜单，没有冗余的广告，只有最纯粹的方块堆叠。 # ✨ 游戏亮点 视觉“多巴胺”：采用了霓虹渐变 UI 设计，深色背景搭配高饱和度的方块，让指尖的每一次移动都充满节奏感。 全平台适配：电脑端，传统的方向键控制，空格键一键落下的爽快感；手机端，深度优化了触摸操作，左/右侧点击移动，中间点击旋转，下滑加速。 数据实时反馈：关卡、分数、行数一目了然，甚至还贴心地加入了“下一个”方块预览。 # 🤖 Vibe Coding 的效率 这次开发依然延续了我的“极速模式”。输入一句话：请帮我开发一款经典游戏：俄罗斯方块。剩下的都交给他就好了。我仅仅是让他调节了下字体大小。 通过 Gemini 处理核心碰撞逻辑与 UI 渲染，我将更多的精力放在了交互手感的微调上。你会发现，无论是方块落下的停顿感，还是消除时的反馈，都非常顺滑。

在地理和天文常识中，“赤道”和“黄道”是我们最常听到的两个概念。 提起赤道，我们知道它是划分地球南北半球的线；提起黄道，我们可能听说过“黄道吉日”或者“黄道十二宫”。但如果要把这两个概念放在浩瀚的立体宇宙中去理解，它们到底是什么关系？它们又是如何影响着我们这颗星球的运转的？ 由于传统的平面课本很难表现出立体的空间穿插，今天，我开发上线了一个纯 Web3D 的科普小工具：「赤道与黄道 3D 可视化」。 它没有任何多余的干扰，只要打开网页，你就能以第一人称的视角，直观地观察这两个巨大平面在宇宙中的硬核几何关系。 # 🚀 核心看点：把宇宙空间装进浏览器 在这个 3D 交互空间里，我将这两个抽象的天文概念进行了极其直观的视觉还原： ## 1. 什么是黄道面（Ecliptic Plane）？ 在模型中，你可以看到一个巨大的黄色网格平面。这就是黄道面，也就是地球绕太阳公转的绝对轨道平面。你可以把它想象成太阳系里的一张水平大桌面，地球就是在这个桌面上绕着太阳跑。 ## 2. 什么是赤道面（Equatorial Plane）？ 围绕着地球，有一个红色的平面。这就是地球的赤道面向宇宙空间的无限延伸。因为地球是“歪着脖子”自转的，所以这个红色的赤道面并不平贴在黄道面上，而是跟着地球的自转轴一起发生了倾斜。 ## 3. 硬核空间切割：黄赤交角 当你滑动屏幕，全方位旋转视角时，你可以清晰地看到红黄两个巨大的平面是如何“硬碰硬”地交叉穿插的。 为了让你一眼看懂，我在两个平面的缝隙中用高亮的绿色扇形将它们之间的夹角画了出来——这就是大名鼎鼎的23.5° 黄赤交角。模型中还加入了一个动态追踪标签，无论你如何缩放旋转，这个数值都会死死锁定在夹角中心。 ## 4. 真实物理光场与“晨昏线” 在观察几何平面的同时，你还能看到从庞大太阳发出的“平行光柱”。它包裹住地球，精准照亮一半的面积。随着地球沿着黄道面移动，区分昼夜的“晨昏线”在地表平滑扫掠，配合地球表面的橙色回归线，你可以直观地看到太阳直射点是如何移动的。 # 🌟 现实意义：它们为何如此重要？ 这两个平面不仅是天文概念，更构成了我们现实世界的底层逻辑。点开工具左上角的面板，你可以看到它的核心应用领域： ## 📍 1. GIS 与空间坐标的绝对基准 我们日常使用的地图、导航定位，底层都依赖严密的坐标系。而模型中那个红色的赤道面，不仅划分了地球的南北半球，更是现代地理信息系统（GIS）中，所有空间数据计算 Y 轴（纬度）的绝对“零度基准面”。没有它，数字城市就失去了三维空间锚点。 ## 📍 2. 建筑日照与城市规划的源头 由于红色的赤道面与黄色的黄道面存在 23.5° 的交角，导致太阳能垂直照射的极限范围，被死死锁在了地球的南北回归线之间。 对于中国绝大部分城市来说，正午的太阳永远都在偏南方。了解了这个空间几何依据，你就懂了为什么现代城市规划需要精确计算不同季节的太阳高度角，以此来确定合理的楼间距和建筑朝向。

今天是我的365天独立开发挑战的第 66 天！🎉 连续高强度的开发，有时候真的需要一款能让人瞬间放松，但又不会觉得无脑的小游戏来“换换脑子”。于是，今天给大家带来的这款 Day 66 作品，就是一款结合了经典扑克规则与消除玩法的轻策略游戏——《扑克消消乐》。 准备好挑战你的牌感和策略了吗？ # 🃏 核心玩法：不只是连连看那么简单！ 初看界面，这是一个 3x3 的九宫格。但千万别被它简单的外表骗了，这里面可是藏着纯正的扑克灵魂！ # 🎯 目标很简单： 在九宫格中，任意选中 2 到 5 张牌，只要它们能组成合法的扑克牌型（比如一对、顺子、同花），点击“出牌”就能获得积分并消除它们，随后会有新的牌补充进来。 # 💰 牌型越大，得分越爽： 还记得德州扑克里的那些梦幻牌型吗？在这里，它们就是你刷爆高分的利器！ 一对 (10分) / 三条 (30分) —— 日常清牌小能手。 同花 (200分) / 葫芦 (300分) —— 凑出来直接拉开分差！ 皇家同花顺 (2000分！) —— 欧皇专属，一发入魂！ # 🔥 高分秘籍：连击与取舍的艺术 如果你以为只要无脑凑对子就能拿高分，那就大错特错了。我在游戏里加入了两个核心机制，让它瞬间充满了策略性： ## 1. 疯狂的“连击倍数” (Combo) 想要打出破万的最高分？秘诀在于连续打出完全相同的牌型！ 比如，连续打出“一对”，你的得分倍数就会 x2, x3, x4 疯狂往上涨！但是，一旦你打出了不同的牌型（比如上一把是一对，这一把是三条），连击就会立刻重置为 1x。是贪大牌，还是保连击？ 这是个问题。 ## 2. 救命的“丢弃”功能 (Trash) 卡壳了怎么办？满屏找不到能组合的牌？ 别慌！选中恰好 1 张看着最不顺眼的牌，点击左下角的“丢弃”。它可以帮你换掉这张废牌，但代价是：消耗 1 次丢弃机会，并且连击倍数会归零。 只有 43 张牌库，3 次丢弃机会，每一次点击都需要深思熟虑！ # 👨‍💻 开发者碎碎念 不知不觉，365天挑战已经完成了将近五分之一。从最初的脑洞大开，到现在每天死磕代码、调UI、测手感，虽然辛苦，但看到一个个想法变成可以在手机上滑动把玩的游戏，成就感真的无与伦比。 这款扑克消消乐，算是我给各位牌佬和解谜爱好者的一份小礼物。它不肝不氪，随时随地都能掏出来搓两把。 # 🎮 马上体验！ 游戏已经上线啦！快来试试看你能打到多少分吧！有没有人能在这个 3x3 的格子里凑出“皇家同花顺”呢？

家里有打印机的朋友，你们有没有遇到过这些让人抓狂的瞬间？ 晚上10点，孩子突然说：“爸，我田字格本用完了，明天要交……”但楼下的文具店早就关门了。 想练练字，但在网上找的“免费字帖模板”要么带水印，要么格子大小根本不顺手。 作为规划设计师或程序员，想随手画个草图，却找不到一张干净清爽的方格纸。 为了彻底解决这个“找纸”的烦恼，在我的 365天AI开发挑战的第67天，我直接动手做了一个万能的「纸张/网格纸生成工具」—— PaperGrid Pro。 不用下载APP，打开网页就能用，最重要的是：尺寸、颜色、粗细，全部都能自定义，一键导出高清PDF！ # 🖨️ 六大核心模板，满足99%的用纸需求 无论你是要鸡娃辅导作业，还是自己精进技能，这套工具里内置的 6 款经典纸张类型绝对能满足你： 田字格 (Tian Zi Ge)： 小学生练字、生字抄写必备。 米字格 (Mi Zi Ge)： 书法初学者练习硬笔、毛笔字帖的精准辅助。 拼音田字格 (Pinyin + Tian Zi Ge)： 幼小衔接、一二年级语文作业的神器，拼音和汉字一步到位。 英语线 (English Lines)： 标准四线三格，衡水体、斜体英文练字专用。 横线纸 (Ruled)： 读书笔记、会议记录、日常书写，行距随心调。 方格纸 (Graph)： 理科生画坐标轴、设计师画草图、手帐达人做排版的绝对主力。 # ⚙️ 为什么它比网上的“现成模板”更好用？ 市面上的模板大多是固定死的图片，但我的这个工具主打一个“全维度自定义”： 📏 纸张自由： 支持 A4 等标准尺寸，横向纵向一键切换，页边距精确到毫米，完美适配你的打印机，绝不吞边。 🔍 格子微调： 字写得大？把格子调到 15mm！行距太挤？拉到 8mm！连拼音区的高度和拼音与格子之间的间距都能单独调整。 🎨 护眼配色： 觉得黑色的线太刺眼？你可以自由选择主线和辅线（虚线）的颜色。换成护眼的豆沙绿（#00B050），或者柔和的浅灰色，保护孩子的视力。 🖋️ 粗细掌控： 主线和辅线的粗细支持 0.1mm 级别的微调，打印出来的质感绝对不输外面买的高级字帖。 # 💡 它可以怎么用？（高频使用场景） 👨‍👩‍👧 育儿辅导： 给孩子定制专属的“薄弱字练习贴”，格子大小根据孩子的握笔习惯调整，省下买字帖的冤枉钱。 🎓 考研/考公党： 打印横线纸或方格纸进行答题卡模拟，提前适应考试排版。 📐 设计与规划： 随手打印几张淡灰色的方格纸，用来绘制思维导图、建筑草图或是产品原型，灵感不被打断。

# 智力对弈的进阶：8x8 国际跳棋，纯粹的策略美学 在“365天AI开发挑战”的过程中，我一直在思考如何用最简约的界面呈现最深邃的逻辑。今天，这个系列迎来了它的新成员——《国际跳棋 (8x8版)》。 这是一款易于上手、却极难精通的经典策略游戏。如果你喜欢围棋的封锁、象棋的对垒，那么这款强调“斜向突击”和“连续跳跃”的游戏，一定会让你爱不释手。 # ♟️ 什么是 8x8 国际跳棋？ 国际跳棋（Checkers/Draughts）是世界上最古老的棋类之一。在 8x8 的棋盘上，博弈双方各执一色棋子，仅在深色方格中展开角逐。 它最迷人的地方在于： 规则极简，变数无穷。 # 📖 核心玩法速览 为了让大家能快速开启第一局对战，这里总结了四个关键规则： ## 斜向潜行： 普通棋子只能斜向向前移动一格。没有繁杂的步法，考研的是你对整体阵型的把控。 ## 强制捕获（吃子）： 这是国际跳棋最有特点的规则—— 如果你有能跳过对方棋子并落入空位的机会，你必须执行。 这一规则让“弃子诱敌”和“连跳翻盘”成为了可能。 ## 连续跳跃： 如果一跳之后，落点依然可以继续跳过对手，你可以一口气完成多次吃子，瞬间清空对手的防线。 ## 加冕为王： 当你的棋子成功突围至对方底线时，它将升级为 “王（King）”。升级后的棋子解锁了“倒车”权限，可以向后方斜向移动和吃子，成为全场的终结者。 # 🎨 简约而不简单的设计 在365-tools × 匠大AI的这次版本中，我们保留了最纯粹的竞技体验： 复古配色： 采用沉稳的深棕色调，长时间对弈也不易疲劳。 关卡挑战： 内置了不同难度的 AI，无论你是初学者还是想精进棋艺，都能找到合适的对手。 流畅体验： 极简的交互逻辑，无论是点击还是拖拽，都能精准响应。 状态追踪： 界面实时显示当前关卡、得分以及行动状态。 # 棋盘虽小，乾坤很大。 国际跳棋教给我们最重要的一课是： 有时候为了全局的胜利，局部的“弃子”是必要的。 这种全局观的博弈，正是策略游戏的精髓所在。

今天是我的“365天AI开发挑战”的第 69 天。今天给大家带来的是一款非常“杀时间”的纯逻辑解谜 Web 应用——《拆弹专家》（星战/Queens）。 如果你最近在领英（LinkedIn）上玩过爆火的打卡小游戏 Queens，或者了解过世界谜题锦标赛里的经典题型 Star Battle，那你对这个玩法一定不陌生。今天，我用 AI 辅助编程的方式，把它完整复刻并进化成了一个带有生命值系统、实时验证和流畅动画的高颜值版本。 # 🧩 极其烧脑：只有 4 条绝对规则 这款游戏没有任何运气成分，完全依靠严密的逻辑推导。在错综复杂的彩色网格中，隐藏着若干个“目标”（炸弹）。你必须同时满足以下 4 条铁律才能过关： 行唯一：每一行仅有 1 个炸弹。 列唯一：每一列仅有 1 个炸弹。 区域唯一：每个颜色的格子仅有 1 个炸弹。 绝对不相邻：炸弹之间绝对不能挨着，也就是周边九宫格也没有炸弹。 # 🎮 步步惊心：单双击排雷机制 为了增加游戏的策略性和紧张感，我在交互上做了特别的设计，你只有两个动作，一个是标记，一个是翻牌： 单击格子（标记 ❌）：这是你的安全排查动作。通过逻辑推导，确认绝对不可能有目标的地方，单击打上 ❌ 作为辅助记号，不扣血。 双击格子（正式落子）：当你确认目标位置时，双击放置。这是带有惩罚机制的实时验证——如果你推理错误，放置在了错的位置，不仅格子会爆红震动，还会立即扣除一颗 ❤️ 生命值！ 三颗心扣完，游戏直接结束（并且会残酷地向你展示真正的答案）。如果全部找齐，屏幕会触发满屏的五彩纸屑庆祝动画，自动带你进入下一张更庞大、更复杂的网格战区。 # 💻 极简视觉与技术打磨 在视觉呈现上，为了让大家长时间盯着屏幕推理眼睛也不累，我使用 React 结合 Tailwind CSS 进行了重构。 放弃了容易让人眼花缭乱的深色高对比度，最终敲定了这套清爽的马卡龙护眼配色。同时，游戏内内置了中英双语（i18n）无缝切换，并配合了非常解压的音效反馈，整体完成度非常高。

平时写文章、抠细节、对报告的时候，你的屏幕是不是经常被切成两半？左边是几百页的参考文献 PDF，右边是自己敲出来的文档草稿。 每次需要核对某个词语、某组数据在参考文献里的具体位置，或者检查引用是否准确时，都要疯狂按下 Ctrl+F，在密密麻麻的文字里肉眼“找茬”。如果跨了段落，搜索功能甚至会直接失效。 为了解决这个极度影响心流的痛点，在我的「365天AI开发挑战」的第70天，我为自己，也为所有需要严谨查证的文字工作者，开发了这款：智能文本双向校对工作台。 # 🌟 核心场景：它是如何拯救你的重度核对工作的？ 这个工具的诞生，源于我自己的一个刚需：检查写好的文章在参考文献中的具体位置。 现在，你只需要： 左侧上传：将你的长篇参考文献（支持 PDF、Word、TXT）直接拖入或上传到左侧区域，系统会自动提取纯文本并进行专业排版。 右侧粘贴：把你自己写好的文章草稿粘贴在右侧。 划词秒定位：在右侧阅读你自己的文章时，遇到需要核查出处的词句，只需用鼠标轻轻一划（选中文字）。瞬间，左侧的参考文献区就会自动高亮所有出现过该词句的位置！ 不仅如此，如果左侧有多处匹配，顶部还会出现导航栏，告诉你“找到了几处”，点击上下箭头就能丝滑跳转，绝不漏掉任何一个出处。 # 🚀 为什么它比传统的 Ctrl+F 更好用？ 这款工作台在易用性上做到了极致： 🔏 纯本地运行，绝对的数据隐私：无论是几十兆的 PDF 还是机密 Word 文档，所有的解析和比对都在你的浏览器本地瞬间完成。无需上传任何服务器，断网也能用，彻底杜绝数据泄露焦虑。 🧠 智能跨段落识别：传统的搜索工具遇到“跨行”或“跨段落”的句子就抓瞎了。本工具内置了智能正则容错算法，即使你划选的句子在参考文献中被换行符切断，它依然能精准捕捉并高亮。 📖 沉浸式公文级排版：长时间盯着屏幕校对极其费眼。工作台特别定制了“单倍行距 + 段前段后0.5倍留白”的专业阅读排版，配合柔和的护眼配色，让查证过程变成一种享受。 ⚖️ 灵活的双向编辑：左右两侧均支持“上传文档”和“直接粘贴”两种模式。中间的分割线可以自由拖拽调整视野，随时解锁编辑修改，改完一键再次锁定排版。

今天是独立开发挑战的 第 71 天，今天的工具是一款LED走马灯显示牌。 # 01 为什么你需要一款更专业的 LED 弹幕工具？ 在演唱会应援、机场接机、深夜路边摆摊，甚至是聚会现场，一个醒目的 LED 滚动灯牌 往往是最高效的沟通方式。 但市面上很多弹幕小工具要么满屏广告，要么 LED 效果极其模糊，毫无质感。作为“365天独立开发挑战”的 Day 071 作品，我尝试通过技术手段，还原最真实的 工业级 LED 矩阵大屏 效果。 # 02 深度自定义：不仅仅是变个颜色 这款工具的核心亮点在于它的“高保真还原”。它不仅仅是文字滚动，你可以像调整真实的 LED 屏幕一样调整每一个细节： 细腻的 LED 网格（LED Grid）： 你可以自由调节 LED 灯珠的大小（Size）和间距（Gap），甚至可以选择圆形或方形的灯珠形态。 真实的发光特效（Glow Effect）： 内置辉光算法，模拟真实灯泡的发光扩散感，即便在手机屏幕上也能拍出“赛博朋克”的质感。 强大的字体排版： 支持多种字体族（如黑体、衬线体等），并能调节字体粗细（Weight）和缩放比例（Scale），确保长短文字都能完美适配屏幕。 丝滑的动态控制： 支持左右滚动切换、滚动速度调节，以及“呼吸感”十足的闪烁频率设定。 # 03 遍布生活的应用场景 这款工具能帮你在各种场合瞬间“hold住全场”： 接机/寻人： 在嘈杂的人群中，高亮、大字体的 LED 屏幕是最显眼的信号，再也不怕对方看不见你。 演唱会/赛事应援： 自定义偶像的名字和专属色，配合细腻的闪烁效果，让你成为看台上最亮的仔。 地摊/商铺招牌： 晚上摆摊时，用手机或平板循环播放价格和标语，不仅省下了买灯牌的钱，还能随时修改内容。 氛围营造/表白： 调低滚动速度，配上暖色调和辉光，深夜表白或生日祝福的情绪价值瞬间拉满。 # 04 极简体验，即开即用 作为一名独立开发者，我深知“快”的重要性。这个工具： 无需下载： 浏览器打开即可使用。 纯净无碍： 专注功能本身，界面简洁直观。 全平台适配： 手机、iPad、甚至笔记本屏幕都能流畅运行。 # 开发者说 这是我 365天 AI 开发挑战 的第 71 个作品。从城市规划到 Web 开发，我一直在探索如何用简单的代码解决生活中的微小需求。 如果你也喜欢这个工具，或者有更好的改进建议，欢迎在评论区留言告诉我！

这是“365天AI开发挑战”的第72个作品：坦克大战（进化版）。在经典玩法的基础上，针对移动端和桌面端进行了全方位的重构与性能优化。 全平台适配：针对手机端优化了操作，加入虚拟摇杆和触控开火；电脑端支持键盘操作，画面自适应屏幕尺寸。 道具升级系统：消灭敌人随机掉落道具，可切换至散弹（Spread）或爆炸弹（Blast），提升火力。 无限随机关卡：地形（砖墙、铁板、草丛、水面、冰面）每关随机生成，敌人数量随关卡逐级增加。 # 游戏机制： 保卫基地：保护底部老鹰不被击毁。 得分统计：每关结束实时统计击杀分与过关奖励。 地形策略：利用草丛隐蔽，注意冰面打滑，合理使用特种弹药破墙。 # 操作指南： 移动端：左手摇杆控制方向，右手 FIRE 键开火。 PC端：W/A/S/D 或方向键控制移动，空格键开火。 今天尝试用Gemini生成了一些素材，替代纯几何的构图，目前还在优化中，希望能够做的更加好看些~

今日为大家带来的小应用，又是一款经典的游戏，叫做“围住神经猫”。 # 一、 “对话式编程”：我是如何用 Gemini 开发这款游戏的？ 在我的“365天AI开发挑战”中，这款游戏的诞生只用了不到一个小时。 我并没有写一行初始代码，而是通过 Gemini 的大模型进行“Vibe Coding”。我告诉它：“帮我写一个《围住神经猫》的逻辑，使用六边形网格，猫要能自动寻找最短路径逃脱。注意增加一些细节的特效与音效”。 Gemini 迅速给出了基于 HTML5 Canvas 和 JavaScript 的原型。虽然我这次没在 UI 美化上花太多心思（界面走的是极简甚至有点“硬核”的路线），但 Gemini 在处理复杂的六边形坐标转换和寻路算法上表现得非常出色。我只需要像产品经理一样提出逻辑修正，它就能实时给出经过优化的代码。这种“人机协作”的开发模式，让我能把精力完全放在游戏的“灵魂”——算法逻辑上。 # 二、 算法核心：这只猫是怎么“思考”的？ 很多朋友在玩《围住神经猫》时，直观感受是这只猫“滑不溜手”，好像总能找到空隙钻出去。其实，这背后并不是随机乱撞，而是严谨的图论算法在支撑。 BFS（广度优先搜索）：这是它的“大脑”。在六边形网格（Hexagonal Grid）中，猫会实时计算从当前位置到达边缘最外层的最短路径。 动态权重判定：如果有多条最短路径，它会评估哪条路更有“潜力”。在“噩梦”或“地狱”难度下，搜索深度会增加，它甚至能预判出你未来两步可能的封堵位置。 死胡同避险：如果它发现所有通往边缘的路都被封死，它不会坐以待毙，而是会转而选择一个能坚持最久、空间最大的区域进行“困兽之斗”。 # 三、 为什么六边形网格比四方形更难搞？ 与传统的四方形网格不同，六边形网格的每个点有 6 个相邻方向。 拓扑关系更复杂：在四方形网格里，对角线移动往往是受限的；但在六边形结构中，周围 6 个点的距离权重是完全相等的。 逃逸路线更多：这意味着你以为封住了它的去路，其实它总能找到侧向滑出的角度，这给玩家的包围圈建设带来了巨大的逻辑挑战。 # 四、 进阶技巧：如何成为“训猫大师”？ 如果你只是盯着猫屁股后面围，你永远也追不上它。这里有几个实战技巧： 1. 建立“战略纵深”： 不要试图紧贴着猫放棋子。最有效的办法是在外围建立一个疏松但广阔的“拦截网”。由于你和猫是交替行动，外围的棋子能更早地切断它的长远路径。 2. 预判“出口”： 观察棋盘边缘。如果某个方向的边缘棋子比较稀疏，那就是猫的首选目标。你需要提前在该方向的必经之路上“打桩”。 3. 兵法中的“围师必阙”： 有时候可以故意留一个看似能逃脱的口子，引导猫走向那个区域，而实际上你已经在更外一层准备好了更严密的包围圈。 想挑战一下吗？ 别被这个低调的界面骗了，它的“智商”可能会让你感到挫败。这是我作为开发者，通过 AI 赋予它的逻辑力量。

# 《忍者跳跃》（Ninja-Jump） 今天是我的 #365天AI开发挑战 的第 74 天！还记得智能手机刚普及那会儿，我们捧着手机疯狂点击屏幕，控制一个小忍者在两面墙壁之间反复横跳、疯狂斩杀小鸟的时光吗？没错，今天我借助 Gemini AI 辅助开发，把这款经典的 《忍者跳跃》（Ninja-Jump） 给复刻出来了！ 而且，我不只做了基础的复刻，还在 打击感、特效和敌人种类 上加满了料！快来看看今天的成果吧👇 # 🎮 游戏核心亮点 ## 1. 经典重现，指尖的跑酷盛宴 游戏完美还原了经典的“跑酷+动作”机制。忍者会自动沿着墙壁向上狂奔，你需要通过点击屏幕让忍者在两面墙之间来回跳跃。跳跃的过程中不仅要躲避墙上的木头阳台和落石，还要在空中精准击杀各种敌人！ ## 2. “动物园”大乱斗，纯代码绘制的精美角色 为了保证游戏的视觉统一性和流畅度，我放弃了简单的 Emoji 贴图，全部使用 HTML5 Canvas API 纯代码绘制！ 你将在攀爬过程中遇到海量敌人： 🐦 空中霸主： 俯冲轰炸的蓝鸟、红色的鹦鹉，甚至还有会喷火的飞龙！ 🐿️ 墙壁杀手： 胖乎乎的松鼠杀手、长尾巴的猴子、扭动前行的毒蛇。 💣 致命武器： 闪烁火花的炸弹、高速旋转的金属飞镖。 宿命之敌： 带着眼罩的海盗、红眼敌方忍者、扇动半透明翅膀的甲虫和黄蜂。 （而且，咱们的忍者主角还拥有一条会随风飘动的帅气红围巾！🧣） ## 3. 核心爽点：三连击无敌变身！✨ 经典的精髓怎么能丢？游戏内置了连击指示器。 当你连续击败 3个相同类型 的敌人（比如连续砍翻三只小鸟），忍者就会触发 POWER UP（无敌加速） 状态！ 速度瞬间提升至 3 倍 🚀 身体散发金色呼吸光芒 🌟 神挡杀神，佛挡杀佛，直接撞碎沿途所有障碍物获取高分！ ## 4. 极致的视听反馈：刀光剑影与“仪式感” 一个动作游戏，打击感就是灵魂！在 AI 的辅助下，我进行了多次微调： 一击必杀的斩击特效： 每次在空中击中敌人，都会爆出动态角度的白色高光剑气，配合彩色的粒子爆炸，视觉冲击力极强。 专属金属音效： 摒弃了刺耳的电子音，我们通过 Web Audio API 调配出了结合“白噪声风声”与“三角波金属碰撞声”的低沉金属斩击音效（唰锵！）。 拉满的死亡仪式感： 不小心撞墙了？游戏不会生硬结束。屏幕会剧烈震动、闪烁红光，忍者会伴随着低沉的坠落音效打着旋儿坠入深渊，最后伴随背景模糊，缓缓浮现出极具冲击力的 "WASTED" 字样。 # 💻 幕后开发故事：与 AI 的极限拉扯 这个游戏的开发过程，是一次与 AI 结对编程的绝佳体验。游戏基于 React + HTML5 Canvas 构建。 在迭代过程中，AI 展现了强大的调整能力。比如： 移动端完美适配： 我们加入了自适应逻辑，保证游戏在任何比例的手机屏幕上都能完美呈现，拒绝拉伸变形。在电脑端打开也会自动模拟手机的垂直视角。 中英双语自动切换： 游戏会自动读取你的系统语言，界面、提示词无缝切换中英文。 音效与特效的死磕： 从一开始“略显刺耳”的音效，到后来我要求 AI “增加金属质感和风声”；从简单的碰撞，到加入“屏幕震动+剑气斩杀”。AI 能够精准理解我对“爽感”的要求并转化为代码。 # 🚀 马上体验！ 文字说得再多，不如亲自上手砍几刀！

365天独立开发挑战来到第75天。今天的产出是一款带有霓虹风格的 H5 休闲小游戏：10X10! Block Puzzle（俄罗斯方块消除）。 传统的俄罗斯方块强调即时反应和手速，而今天的这版“变体”则剥离了时间压力，更考验空间规划与大局观。 # 1、游戏的核心机制：告别下落，专注布局 游戏采用 10x10 的固定网格。系统会在下方随机生成3个不同形状的方块，玩家需要将其拖拽至网格中。 消除规则：当横向或竖向被完全填满时，触发消除并得分。 生存条件：游戏没有时间限制，但当下方给出的任何一个方块都无法放入网格的剩余空隙时，游戏即告结束。 # 2、视听反馈与技术实现 为了提升纯网页游戏的质感，在开发过程中重点打磨了视觉动效与原生音频： 赛博霓虹视觉：放弃了传统的扁平纯色块，采用暗黑背景搭配发光阴影（Cyberpunk/Neon）特效。方块消除时，加入了平滑的缩放和透明度过渡动画，确保视觉反馈干脆利落。 原生合成音效：没有加载外部音频文件，而是直接调用浏览器的 Web Audio API 实现原生合成音效。放置方块时有低沉的触感反馈；触发消除时，伴随清脆的上升音效（且消除行数越多，音调越高）；游戏结束时则有明确的下降提示音。右上角支持随时全局静音。 # 3、多端适配与 UX 细节 针对跨平台访问的体验痛点，做了一些针对性的优化： 移动端“防指挡”拖拽优化：这是触屏网页游戏极易被忽视的细节。通过 PointerEvent 实现了触控优化——在手机端拖动时，方块会自动悬浮在手指上方一段固定距离。这样手指就不会遮挡视线，确保玩家能将方块精准放入目标网格。 无感知的国际化与进度保存：系统会自动检测浏览器的语言环境，中文环境下自动显示“开始游戏”、“最高分”等中文字段，其余环境默认英文。同时，游戏内每积累 1000 分会自动提升一个 Level，最高分（Best Score）会实时保存在浏览器本地缓存中。

在日常生活中，很多家长都有辅导孩子写字、练习拼音的需求，但市面上的字帖往往内容固定，很难做到“想练什么就打印什么”。 为了解决这个痛点，我今天开发了一款非常实用的小工具——「拼音/汉字田字格生成器」。 # 拼音/汉字田字格练习生成器 只需输入你想练习的中文内容，它就能自动生成带有标准拼音的田字格/拼音格信纸，连上打印机就能直接使用！ # ✨ 核心功能亮点，为什么说它实用？ 为了让这个工具尽可能满足不同场景的需求，我为它加入了丰富的自定义设置： ## ⚡️ 智能生成，自动标注拼音 在左侧输入任意中文内容，右侧会实时生成对应的拼音和汉字排版。不用再费时费力去查字典标注，所见即所得。 ## 🎨 高度自定义排版 支持切换字体（比如经典的楷体 Kaiti），还可以自由拖拽滑块调整格子大小 (mm)。无论是初学写字需要的大格子，还是日常练习的小格子，都能轻松搞定。格子和文字的颜色也能随心更改。 ## 🔲 透明度调节，秒变“描红”字帖 这是我个人非常喜欢的一个细节功能！你可以单独调整文字透明度。把透明度调低，打印出来就是一份完美的“描红”字帖，非常适合初学者临摹练习。 ## 🔀 汉字/拼音自由开关，针对性强化 你可以通过勾选框，选择只显示拼音（练习看拼音写汉字），或者只显示汉字（练习注音）。甚至还可以勾选“填满空白格子”，让排版更美观。 ## 🖨️ 一键打印 / 导出 PDF 调整好满意的样式后，点击底部的蓝色按钮，就可以直接调用浏览器的打印功能。强烈建议在弹出的打印窗口中选择“另存为 PDF”，方便你保存在电脑或手机里随时复印。(小贴士：打印时记得勾选“背景图形”并取消“页眉和页脚”哦！) # 💡 它可以用来做什么？ 辅导作业：把孩子语文课本里的生字词复制进去，一键打印成专属听写纸或描红本。 成人练字：找一段自己喜欢的诗词或文章，调整好楷体和透明度，静下心来临摹。 对外汉语学习：对学习中文的外国朋友来说，也是一个极佳的认读和书写辅助工具。

辅导过孩子写字的家长大概都有这种体会：买回来的字帖，要么内容和学校教的进度不匹配，要么孩子写着写着就开始“画字”，倒笔画现象严重，纠正起来极其心累。 为了解决这个痛点，今天我想和大家分享我的 365天独立开发挑战的第77个作品——「字帖生成器」。 这是一款极简、实用的在线工具。你只需要输入想要练习的汉字，它就能瞬间生成带有标准笔顺的练习纸，连上打印机打出来，孩子马上就能用！ # 🛠️ 核心功能亮点 比起市面上固定内容的实体字帖，这款工具主打一个“高度自由、量身定制”： 随心定制练习内容： 无论是课本上的生字表，还是孩子平时容易写错的字，只需在左侧输入框敲下文字，右侧立刻实时生成。 标准笔顺拆解演示： 每个汉字都会自动拆解笔顺，并标注共几画。第一行展示笔画顺序，辅以褪色描红设计，帮助孩子从零开始掌握正确的书写习惯，彻底告别倒笔画。 丰富的网格样式： 完美适配不同的书写需求。支持田字格、米字格、回字格、空白格切换，还可以在实线与虚线之间自由选择。 个性化细节调节： 格子太大或太小？颜色太深影响视线？完全可以自定义！你可以自由选择网格的大小（特大/大/中/小），并更改网格颜色（红、绿、灰、黑等），保护孩子的视力。 一键导出与打印： 排版满意后，点击左下角的「打印 / 导出 PDF」按钮，即可生成高清A4尺寸的文件，直接打印成专属信纸，非常方便。 # 👨‍👩‍👧‍👦 谁最适合使用这款工具？ 小学低年级家长： 配合语文课本进度，每天给孩子打印专属的生字练习纸。 语文老师/书法老师： 快速制作教学讲义和课堂练习素材，省去排版烦恼。 书法爱好者： 成人练字同样适用，生成字帖辅助日常临摹。 # 🚀 关于365天独立开发挑战 这是连续开发产品的第77天。用技术解决生活和工作中的实际问题，哪怕是一个很小的痛点。这款「字帖生成器」不需要复杂的注册流程，打开网页就能用，希望它能切实地帮到需要辅导孩子作业的你。

在中文学习的道路上，拼音是基石，但枯燥的死记硬背往往让人望而却步。 在我的“365天AI开发挑战”中，前面我们已经成功推出了两款辅助工具：“拼音默写汉字” 和 “笔顺学习” 程序。今天，作为挑战的第78个作品，我们将这个学习闭环补全，正式推出这款借鉴了经典背词软件逻辑的全新工具——【拼音斩】。 这款工具专为解决汉字拼音记忆困难、发音不准等痛点而生，无论是小学阶段的基础识字，还是HSK考生的系统备考，都能让你在“打怪升级”中轻松搞定拼音。 # 🌟 核心功能亮点：不只是做题，更是科学的记忆管理 “拼音斩”的核心逻辑不仅仅是提供一个题库，而是通过技术手段引入了科学的学习机制和游戏化的体验： ## 1. 化整为零的“闯关模式”面对庞大的词汇量，人很容易产生畏难情绪。因此，我们提取了 3000 个常用汉字，并将其科学切分为 150 关，每关仅包含 20 个字。 每次打开工具，你面对的不再是厚重的字典，而是清晰的“今日目标：第 X 关”。短期目标的设定，极大地降低了学习的心理门槛。 ## 2. 内置 SRS (间隔重复系统) 引擎这不仅是一个选择题测试机，它的底层增加了一个智能状态管理器。 每个汉字都有独立的生命周期状态（new 新词, learning 学习中, mastered 已掌握）。 熟练度积累： 答对会增加熟练度，连续答对 3 次将被系统标记为“已掌握”，并自动安排在 30 天后复习。如果答错，熟练度重置，确保你真正记住。 一键“斩”词： 遇到已经非常熟悉的字，无需浪费时间，直接点击底部的“斩 (I know this)”按钮，即可瞬间将其标记为掌握，大幅提升学习效率。 ## 3. 游戏化的体力与连胜机制为了对抗学习的枯燥，工具引入了轻度游戏化的激励系统： 红心体力系统： 每天初始 5 颗红心。答对过关，答错扣除 1 颗红心。红心耗尽后将无法继续挑战，强制用户休息，以此避免“瞎蒙”带来的无效学习，培养认真思考的习惯。 连胜打卡 (Streak)： 首页顶部醒目展示“连续登录天数”。利用人类天然的“损失厌恶”心理，激励你每天回来打卡。学习进度和连胜状态会自动保存在浏览器的本地缓存（localStorage）中，第二天打开无缝衔接。（注意不要清空浏览器缓存，否则记录就没了） # 📱 四大适用人群，精准击破学习痛点 无论你是哪种类型的中文学习者，“拼音斩”都能为你提供切实的帮助： 👦 低龄中文初学者： 配合小学3000字词库，以闯关游戏的形式建立拼音基础，提高发音与识字的准确性。 📝 HSK 备考考生： 辅助备考，快速过筛核心词汇，强化拼音部分的应试与实际应用能力。 🌍 国际中文学习者： 摆脱枯燥教材，通过高频选择题互动，快速提升汉字到拼音的映射与识别能力。 👩‍🏫 中文教育工作者： 完美的课堂辅助与课后练习工具，支持渐进式学习，适配不同水平的学生。 # 💪 极简体验，即开即用 实用至上： 专注核心 3000 高频字，不整虚的。也可以上传txt文件，里面放生字，字和字之间用逗号隔开 UI 极简： 清新的薄荷绿护眼配色，界面无干扰，操作极其便捷。 零门槛： 无需繁琐注册，点开网页即可免费开启挑战。

认识自己，是我们一生的课题。在心理学领域，荣格（Carl Jung）的心理类型学为我们提供了一套非常经典的认知框架。市面上已经有许多基于此理论的优秀性格测试工具，它们为我们了解自己打开了一扇窗。 站在这些经典理论的肩膀上，我一直在思考：作为一名独立开发者，我能不能结合自己的技术栈和对设计的理解，打造一款专注、纯粹、且具有美感的性格探索工具？ 于是，今天的第 79 个独立开发小工具诞生了——「Core16 灵魂测试：原生性格图鉴」。 # 🌟 理论基石：四个核心维度与代码 这个测试并非凭空捏造，它的底层逻辑严格遵循了心理学中经典的四个对立维度。在我的工具中，这四个维度交织出了我们复杂的性格底色： ## 1. 能量来源 (Energy) —— 你如何获取内在动力？ E (Extroversion) 外向： ——能量来自外部世界，喜欢社交、互动与活动。 I (Introversion) 内向 ——能量来自内心世界，倾向于独立思考与独处。 ## 2. 信息获取 (Sensing vs Intuition) —— 你如何看待这个世界？ S (Sensing) 实感： ——关注细节、事实、当下和具体的现实经验。 N (Intuition) 直觉： ——关注可能性、大局、未来和抽象的宏观概念。 ## 3. 决策方式 (Thinking vs Feeling) —— 你如何做出选择？ T (Thinking) 理性： ——依据逻辑、客观标准、公正和因果关系做决定。 F (Feeling) 感性： ——依据价值观、人际和谐、同理心和个人情感做决定。 ## 4. 生活态度 (Judging vs Perceiving) —— 你喜欢怎样的生活节奏？ J (Judging) 判断： ——喜欢有序、计划、明确的结论和掌控感。 P (Perceiving) 知觉： ——喜欢灵活、随性、享受过程和保持开放性选项。 # 🔍 16 种原生性格画像 当这四个维度（E/I, S/N, T/F, J/P）相互组合，便诞生了 16 种截然不同的人格原型。在 Core16 测试中，我为这 16 种性格重新梳理了核心特质： INTJ (战略构思者)： 独立、逻辑严密、远见卓识。 INTP (逻辑解析者)：好奇、理性、热爱解决复杂问题。 ENTJ (决策统筹者)：果断、高效、天生的组织领导者。 ENTP (创意博弈者)：聪明、喜欢挑战传统、点子多。 INFJ (理想守望者)： 深刻、富有同情心、追求意义。 INFP (情感探索者)：敏感、理想主义、忠于内心。 ENFJ (协作引导者)：热情、极具感染力、利他主义。 ENFP (灵感点火者)：活力、充满想象力、社交广泛。 ISTJ (秩序维护者)： 可靠、严谨、尊重规则与传统。 ISFJ (温情守护者)： 细心、负责、默默付出的支持者。 ESTJ (实干执行者)： 务实、直接、擅长管理事务。 ESFJ (社交维系者)：友好、热心肠、乐于服务社群。 ISTP (技艺专精者)： 冷静、灵活、擅长操作工具和系统。 ISFP (美学感受者)： 沉静、艺术感强、活在当下。 ESTP (行动冒险家)：敏捷、务实、喜欢即兴应对挑战。 ESFP (现场表演家)：乐观、慷慨、享受成为目光焦点。 # 🛠️ 工具界面与功能体验 为了让大家有更好的测试体验，我在交互和视觉上做了一些精心设计： ## 1. 沉浸式答题与多维度解析 测试包含 20 道精心设计的情境题。完成测试后，你不仅能看到自己的性格代码（例如 ESTJ 实干执行者），还能看到系统为你生成的专属「性格雷达图」，直观展示你在各个维度的倾向强弱。 ## 2. 深度性格剖析与成长建议 测试结果不仅有基础的性格解析，我还加入了针对性的「成长建议」和「适合领域」。比如，如果你是 ESTJ，系统会建议你在管理中加入更多的灵活性和人情味，并推荐企业主管、项目总监等职业方向，为你提供切实可行的参考。 ## 3. 颗粒度展示与一键分享 在结果页底部，你可以通过进度条清晰地看到自己在每一组对立维度（如 E vs I）上的具体占比。我还开发了「保存为图片」的功能，方便你一键生成精美的个人性格名片，保存留念或与朋友分享探讨。 # 🚀 邀请你来探索 这款「Core16 灵魂测试」不仅是我 365 天挑战的一环，更是我送给大家的一份小礼物。它不定义你，只为了帮助你更好地看见自己。

在制作了79个工具/游戏之后，最近我想换一换方向，新的一周开一个“新坑”——图表可视化工具系列。 在日常的数据处理和分析中，我们经常会遇到需要展示“数据流向”的场景。普通的柱状图或饼图往往只能展示单一维度的占比，很难体现出事物之间的转化和流动关系。 为了解决这个痛点，在365天AI开发挑战的第80天，我为大家带来了这个可视化系列的首个作品：在线桑基图制作工具（Sankey Flow Maker）。 无论你是需要做数据汇报、用户行为分析，还是数据流动可视化，这个轻量级的小工具都能帮你把枯燥的数据瞬间变成高颜值的“流动”图表。 # 🛠️ 工具亮点：零门槛，所见即所得 为了让大家用得顺手，我在设计这款工具时去掉了所有复杂的配置，主打一个“简单粗暴”： 极简数据输入： 不需要学写代码，只要按照 来源,目标,数值 的格式（比如：研发部门,运载火箭,500）在左侧文本框录入数据，右侧就会实时渲染出图表。 高度自定义颜值： 内置了 Tableau 10 等经典配色方案，你可以自由调节节点宽度、间距、连接线透明度以及字体大小，轻松适配不同风格的PPT或报告。 支持中英双语： 界面一键切换中英文。 高清矢量导出： 支持一键导出 PNG 图片或 SVG 矢量图，方便后期在设计软件中继续精调，放大绝不失真。 # 📖 科普时间：到底什么是“桑基图”？ 可能有些朋友对“桑基图（Sankey Diagram）”这个名字还有点陌生。 原理简介：桑基图其实是一种特定类型的流程图。它最核心的特征就是：图中延伸的分支宽度，对应着数据流量的大小。 它的基本原则是“能量守恒”——无论数据怎么流动、怎么分支，起始流量的总和永远等于所有末端分支流量的总和。因此，它非常适合用来表达数据、能量或物质从一个阶段到另一个阶段的转移、分配和损耗情况。 历史溯源：这个图表最早得名于1898年。当时，爱尔兰工程师马修·亨利·菲尼亚斯·里尔·桑基（Matthew Henry Phineas Riall Sankey）在分析蒸汽机的能源效率时，画出了一张图，直观地展示了能量在输入、做功和热量散失等环节的流动关系。这张图一战成名，“桑基图”也由此得名。 # 💡 桑基图的应用范围与经典案例 桑基图可以说是揭示“去向”和“转化率”的神器，应用场景极其广泛： ## 1. 城市空间与交通流动（规划师/分析师最爱） 人口迁徙： 展示春节期间，人口从一线城市向各个省份、地级市的流动情况。线条越粗，说明流入该地的人口越多。 通勤网络： 分析早高峰时期，居民从不同的居住区（来源节点）出发，最终流向哪些核心就业区（目标节点）。 ## 2. 商业与用户行为分析 用户转化漏斗： 展示网站访客从“首页访问” -> “浏览商品” -> “加入购物车” -> “最终支付”或者“流失”的整个路径。老板一眼就能看出客户是在哪一步流失掉的。 ## 3. 个人/企业财务管理 收支流向： 左边是你的各项收入来源（工资、理财、副业），中间汇总，右边散开变成你的各项支出（房租、餐饮、娱乐）和结余。钱花哪儿了，一目了然。 ## 4. 能源与供应链 碳排放追踪： 从煤炭、石油等原始能源的开采，到发电厂的转化，再到工业、建筑、交通等各个终端的消耗与碳排放，理清复杂的能源网络。 # 👇 体验地址： https://365-tools.cn/graph/sankey-flow 这个在线桑基图制作工具已经部署上线。欢迎大家在日常工作和报告中试用，让你的数据汇报脱颖而出！

这周我开启了“数据可视化图表工具”系列！昨天搞定了能理清数据流向的桑基图，今天，我的365天独立开发挑战来到了第81天（第81个作品🎉），给大家带来一款专治“复杂层级数据”、颜值超高的利器——层级旭日图制作工具！ # 今日推荐：旭日图 关键词：独立开发 365天挑战 数据可视化 旭日图 图表制作 生产力工具 # 🤔 科普时间：什么是旭日图（Sunburst Chart）？ 简单来说，它就是“自带层级关系的进阶版饼图”。 传统的饼图只能看同一层级的数据占比，一旦数据有了“父子关系”或者“包含关系”，普通饼图就无能为力了。旭日图由多个同心圆环组成： 最内侧的圆：代表数据的最顶层（根节点）。 向外的圆环：代表向下细分的子层级。 色块的大小（弧度）：代表该数据在这个层级中所占的比例。 # 💡 旭日图能用来干嘛？（超级实用场景） 只要你的数据有“大分类包含小分类”的结构，用它准没错！ ## 1️⃣ 城市规划与用地分析： 比如将“城市总用地”向外拆分为“建设用地/非建设用地”，再继续细分为“居住用地、商业用地、工业用地”等。一张图就能看清整座城市的用地结构和比例。 图片 ## 2️⃣ 企业年度预算拆解： 把“年度总预算”按部门、按具体项目层层剥开，钱究竟花在哪了，老板一眼就能看懂。 图片 ## 3️⃣ 电商产品销量分析： 大类目 ➡️ 中类目 ➡️ 具体单品，轻松找出真正的利润贡献者。 # ✨ 这个工具好在哪？ 市面上做高级图表往往需要复杂的表格或懂点代码，我把门槛降到了最低： ✅ 极简输入法：只需要在左侧输入文字，用“空格缩进”就能表示层级关系（附带数字），系统自动生成图表！小白也能秒上手。 ✅ 高度自定义：内置多种专业配色方案，还可以单独自定义每个节点的颜色。中心圆孔大小、图表间距、字体大小随心调。 ✅ 高清导出：支持一键导出 SVG 矢量图和 PNG 高清图，直接插入你的PPT或报告中。 目前这款工具已经上线啦！如果你在工作或学习中也经常需要处理复杂的层级数据，不妨来试试用它做一张惊艳的图表吧！ 这个在线旭日图制作工具已经部署上线。欢迎大家在日常工作和报告中试用，让你的数据汇报脱颖而出！

今天，我的【365天AI独立开发挑战】正式迈入第82天！这次，我啃下了一块“硬骨头”，为大家带来了一款能够将复杂信息瞬间结构化的利器——关系图谱生成器。 # 🧠 科普时间：什么是关系图谱？ 在我们的日常工作和学习中，经常会遇到大量碎片化、错综复杂的信息。传统的表格或文档往往只能展示线性的数据，很难直观地表达事物之间的“关联”。 这个时候，就需要关系图谱（Relationship Graph / Network Graph）出场了。 简单来说，关系图谱由两个核心元素构成： 节点（Nodes）： 代表具体的实体，比如一个人、一个技术点、一个城市或一个概念。 连线（Edges）： 代表实体之间的关系，比如“属于”、“认识”、“包含”或“演进”。 它的底层逻辑，就是将混沌的数据转化为一张结构化的网络。 通过这张网，你不仅能看到每个个体的存在，更能一眼看透全局的脉络和隐藏的拓扑结构。 # 💡 关系图谱能用在哪里？ 关系图谱的应用范围极其广泛，几乎涵盖了各行各业的复杂信息梳理： 知识体系构建： 比如梳理复杂的概念词库、学科知识树、或是前沿技术的发展路线图（就像我截图里演示的“星际探索前沿技术”图谱）。 人物关系图解： 无论是《红楼梦》错综复杂的家族关系，还是影视剧、小说中的角色关系网，一图胜千言。 商业与组织架构： 穿透企业背后的股权结构、复杂的部门协同关系或是供应链网络。 空间与城市分析： 梳理城市群的交通枢纽连接、人口流动网络等宏观数据。 # 🛠️ 为什么你需要这款“关系图谱生成器”？ 市面上做关系图的软件很多，但往往要么过于复杂（需要写代码），要么不够自由。作为一款为高效而生的独立开发工具，我把重点放在了“结构化定义”与“极简数据绑定”上。 结合最新上线的版本，给大家盘点一下它的核心亮点： ## 1. 树状层级，结构清晰可见 在“结构与节点”面板中，你可以非常直观地定义中心节点（Root）、一级节点和二级节点。每一个层级的标签名称和专属颜色都可以自定义，让你的核心骨架在几秒钟内搭建完毕。 ## 2. CSV一键导入，数据自动连线 告别繁琐的手动连线！在“数据与连接”面板，你只需要通过简单的 CSV 格式（例如：名称, 年份, 关联的节点ID）输入数据，系统就会自动将这些散点数据精准地吸附到你定义好的层级节点上，瞬间生成一张极具科技感的放射状图谱。 ## 3. 像素级样式微调 图谱不仅要清晰，还要好看。在“样式与导出”面板，我为大家准备了直观的滑动条。你可以随意调整“标签大小”、“连线粗细”以及图谱的整体“半径”范围，确保它完美契合你的展示屏幕或报告页面。 ## 4. 生产力级别的导出格式 做好的图表当然要拿去用。工具支持三种导出方式： JSON： 保存你的数据结构，方便下次导入继续编辑。 PNG： 一键生成高清图片，直接插入 PPT 或公众号文章。 SVG： 导出矢量图形，无限放大不失真，设计师的最爱！ # 🚀 写在最后 从桑基图、旭日图再到今天的关系图谱，这周的可视化专场让我更加确信：好的工具，就是大脑的延伸。 当我们用正确的图表去审视数据时，洞察力自然会涌现。 这就是我独立开发挑战第82天的作品。目前工具已经上线，极简操作，开箱即用。 欢迎大家去体验，把你们脑海中复杂的知识网络、人物关系或者技术蓝图，用它画出来！

最近我开启了一个全新的数据可视化工具开发系列。在连续上线了桑基图、旭日图、关系图谱工具之后，今天为大家带来这个系列的最新成员——和弦图生成器！ 这也是我365天独立开发挑战的第83个作品。看着这个系列的工具矩阵越来越丰富，成就感满满。今天，我们就借着新工具上线的机会，好好聊聊“和弦图”这个明明很酷，却经常被大家觉得“高深莫测”的可视化利器。 # 📊 什么是和弦图（Chord Diagram）？ 在日常的数据处理中，我们经常会遇到展示“A与B之间关系”的需求。如果只是几个点还好，但如果是一张庞大的关系网，用普通的表格或柱状图往往会让人看得眼花缭乱。 这时候，和弦图就派上大用场了。 简单来说，和弦图是一种用于展示矩阵数据中实体之间相互关系的完美可视化方法。 它的视觉逻辑非常直观： 节点排布：把所有的数据节点（比如城市、国家、类别）沿着一个圆周排列，形成一个圆环。 弧线连接：节点与节点之间，用带权重的弧线（和弦）进行连接。 粗细代表流量：弧线的宽度直接反映了两个节点之间的关系强弱或流量大小。线越宽，说明数据量越大、联系越紧密。 # 💡 和弦图的应用场景与真实案例 和弦图特别适合用来展示复杂网络中的双向流动数据。以下是几个最经典的实战应用场景： 1. 人口迁徙与流动比如你想展示北上广深四个城市之间的人口流动情况。在和弦图上，你可以清晰地看到从北京流向上海的人口（一条弧线），以及从上海流向北京的人口（另一条颜色的弧线），哪边的弧线更宽，一目了然。（注：今天发布的新工具默认示例数据就是这个场景哦！） 2. 国际贸易流向展示多个国家之间的进出口贸易额。圆环上的节点代表国家，连接线代表资金或货物的流向。你可以瞬间看出哪个国家是贸易中心，哪两个国家之间的双边贸易最频繁。 3. 软件工程与系统架构在开发领域，和弦图常被用来展示代码包、模块之间的依赖关系。如果一个模块伸出的“和弦”密密麻麻地连接到其他所有模块，说明这是一个核心底层模块，动它需要格外小心。 4. 资金往来与用户行为比如电商平台中，用户从不同品类（如“数码”跳到“家电”）的浏览路径转移，或者不同部门之间的预算划拨、资金结算网络。 # 🚀 今天的主角：零代码“和弦图生成器” 为了让大家都能轻松制作出高颜值的和弦图，不用再苦哈哈地去敲代码调库，我开发了这款轻量级的在线生成器。 主打就是一个简单、直观、高颜值： 傻瓜式数据输入：支持直接粘贴 CSV/TSV 格式数据，也支持一键上传 Excel 表格。只需要 source (起点), target (终点), value (数值) 三列数据，图表瞬间生成。 丰富的图表风格： 单向拆分 (Directed)：清晰展示A到B和B到A的两条独立流动。 双向合并 (Undirected)：合并往来数据，看整体关系强弱。 渐变流向 (Gradient)：用高级的渐变色展示数据的流动方向，视觉效果拉满！ 细节全面掌控：从冷暖色调主题，到节点间距、圆环粗细、连线间隙，再到字体大小和透明度，全都可以通过拖拽滑块实时调整。 高清导出：排版满意后，支持一键下载 SVG 矢量图或 PNG 高清图片，直接无缝插入你的 PPT 或报告中。 # 结语 数据可视化的魅力，就在于把枯燥的数字变成直观的故事。从桑基图到和弦图，这套可视化工具箱正在一步步完善。

今天，我的365天独立开发挑战来到了第84天，为大家带来这个可视化系列的最新作品——网络力导向图绘制工具（Force-Directed Graph）。 如果你曾经被那些科技感十足、节点像星辰一样自动散开并连结的动态网络图惊艳过，那么今天这个工具，能让你在几分钟内轻松做出同样的效果！ # 💡 什么是“网络力导向图”？（硬核科普时间） 听起来名字很高大上，但它的原理其实非常有趣，完全借鉴了物理学的概念。 想象一下：图表中的每一个“节点”（比如一家公司、一个人名）都是一个带有相同电荷的粒子。 ## 排斥力（节点斥力）： 因为同性相斥，这些节点会本能地互相推开，避免挤在一起（这就是为什么图表看起来分布很均匀）。 ## 引力（弹簧力）： 如果两个节点之间有“关系”（比如有业务往来、有社交联系），它们之间就会被一根无形的“弹簧”连起来，互相拉扯。 当系统开始运行，节点们在排斥力和弹簧拉力的双重作用下不断移动，直到最终所有力量达到平衡状态。这时呈现出来的，就是一个结构清晰、聚类明显、且极具自然美感的网络图谱。它不仅好看，更能帮你一眼看穿复杂网络背后的核心枢纽和边缘群体。 # 🌐 它可以用来做什么？（应用场景与案例） 力导向图非常适合用来展示和分析“关系”。 ## 产业链与商业生态分析： 比如智能手机全球产业链的关系图。你可以清晰地看到苹果、三星、华为、小米等品牌商处于核心枢纽位置，以及它们与各大代工厂、芯片设计巨头、屏幕面板厂之间千丝万缕的联系。 ## 社交网络关系： 比如分析《红楼梦》或《三国演义》中的人物关系，谁是绝对的主角，谁和谁属于同一个小圈子（聚类），一目了然。 ## 知识图谱构建： 展示不同学科、概念、技术节点之间的关联，常用于笔记软件和大脑思维映射。 ## IT网络拓扑图： 展示服务器、路由器、终端设备之间的连接状态，快速定位关键节点。 # 🛠️ 为什么你需要试试这个工具？ 为了让大家用得爽，我在这个第84号作品里，把复杂的技术细节全部藏在了友好的界面之下： ## 1. 极简的数据导入 不需要懂编程，只要把你的 Excel 或 CSV 数据（Source, Target, Weight, Group 四个字段）直接复制粘贴到左侧的数据框里，图谱瞬间生成！ ## 2. 像素级的样式掌控 点击“样式”面板，我为大家开放了极其丰富的物理参数调节： 想让节点散开一点？ 调大“节点斥力”和“连线距离”。 怕节点重叠？ 增加“碰撞半径”。 想要更个性化的外观？ 节点大小、透明度、边框、连线宽度随心拖拽。还内置了经典的 Tableau 10 等专业配色方案。 ## 3. 高清导出，即拿即用 支持一键导出 SVG 矢量图和 PNG 高清图，无论是放在 PPT 里汇报，还是写文章配图，质量都绝对过关。

今天，我的365天独立开发挑战来到了第 85 天。作为可视化工具系列的最新成员，我正式向大家介绍今天刚刚发布的新作品：矩形树图生成器绘制工具。 # 矩形树图生成器绘制工具 在介绍工具之前，我们先来聊聊，到底什么是“矩形树图”，以及它为什么在数据分析界拥有不可替代的地位。 # 📊 科普时间：什么是矩形树图（Treemap）？ 在日常生活中，当我们想展示“占比”时，第一反应往往是饼图。但是，如果你的数据不仅有占比，还存在复杂的层级结构（比如：大类目下有子类目，子类目下还有具体产品），并且分类多达几十上百个，这时候饼图就会碎成一地渣渣，根本没法看。 矩形树图（Treemap） 就是为了解决这个痛点而生的。 它的核心原理非常直观： 用“面积”代表“数值”：一个矩形越大，说明它代表的数据权重、金额或数量越高。 用“嵌套”代表“层级”：大矩形里面套着小矩形，完美展现“总-分”关系。 用“颜色”代表“分类”：通过不同的色块，一眼就能区分出不同的业务线或类别。 简单来说，它就像是在有限的屏幕画布上，用最高效的方式把数据“切砖块”，既能看清全局的结构，又不会遗漏局部的细节。 # 💡 应用场景：矩形树图都在哪里发光发热？ 矩形树图并不是一个为了炫技而存在的复杂图表，它在很多专业领域其实是“刚需”： 金融与股市（最经典场景）： 关注股票的朋友一定见过股市的“热力图”。整个市场的板块（如科技、医药、消费）是大矩形，里面的个股是小矩形。面积代表市值大小，红色/绿色代表涨跌幅。一眼扫过去，今天大盘是红是绿、哪个板块在领涨，清清楚楚。 电商与销售数据分析： 如果你要分析全年的销售额，大矩形可以是“数码产品”、“服饰”、“家居”，子矩形则是具体的“手机”、“电脑”、“女装”。老板看一眼就能知道，到底哪个品类占据了营收的半壁江山。 电脑磁盘空间分析： 经典的电脑清理软件（如 SpaceSniffer）就是用矩形树图来向你展示，到底是哪个深层文件夹里的碎文件吃光了你的 C 盘。 城市用地比例：分析不同类型的城市用地比例大小，看不同用地之间的对比。 # 🛠️ 今天的作品：矩形树图生成器 很多非技术的同学想画一张好看的矩形树图，往往会被 ECharts 或 D3.js 这些代码库劝退，或者只能依赖臃肿的商业软件。 这也是我开发这个矩形树图生成器的初衷。我希望把它变成一个“开箱即用”的轻量化工具： 极简操作：不需要懂任何代码，直接粘贴你的层级数据就能一键生成。 高度自定义：支持调整配色方案、间距、边框和标签，让图表符合你的汇报 PPT 或文章风格。 所见即所得：在浏览器里即时预览，满意后直接导出高清图片。 至此，我的图表可视化工具矩阵又拼上了一块重要的拼图。如果你平时工作中需要处理大量带层级的数据，强烈建议你抛弃拥挤的饼图，来试试用矩形树图降维打击。

今天，我的365天独立开发挑战来到了第86天，为大家带来的是本系列的最新作品，也是一款极具美感的数据可视化神器——南丁格尔玫瑰图生成器。 在大家体验新工具之前，我们先来聊聊这朵“数据玫瑰”背后的故事和硬核原理。 # 🌹 什么是南丁格尔玫瑰图？ 第一眼看到南丁格尔玫瑰图（Nightingale Rose Chart），很多人会觉得它就是一个“华丽版”的饼图。但实际上，它们的底层逻辑有着本质的区别： 饼图：通过扇形的角度大小来表示数据的大小。所有扇形的半径是相同的。 玫瑰图：将所有扇形的角度等分，通过扇形的半径（或面积）长短来表示数据的大小。 它的诞生，是为了拯救生命。这个图表并非出自哪位统计学家之手，而是由著名的“提灯女神”——护士弗罗伦斯·南丁格尔（Florence Nightingale）发明的。在克里米亚战争期间，南丁格尔为了向英国政府直观地展示“因医疗条件恶劣和传染病死亡的士兵人数，远超死于战区创伤的人数”，创造了这种极具视觉冲击力的图表。这朵“玫瑰”成功推动了军队医院的卫生改革，拯救了无数生命。 # 📊 玫瑰图的应用场景与案例 因为玫瑰图利用半径长短来放大数据之间的差异，它在视觉表现力上往往比普通饼图更具张力。它特别适合以下几种场景： 1、周期性数据展示 由于它呈圆形排列，非常契合带有周期性质的时间数据。 案例：展示一年12个月的降水量变化、一个星期7天内的网站访问量波动。每一瓣代表一个时间节点，半径长短清晰反映周期内的峰谷。 2、类别对比与夸大差异 当分类数据较多，且你想突出某个拥有绝对优势的类别时。由于人眼对面积的敏感度高于对单一长度的敏感度，数值的微小增加在玫瑰图的外延会表现为面积的显著增大。 案例：各大手机品牌的市场占有率对比、不同编程语言的年度受欢迎程度。排名前列的数据会像花瓣一样向外强势伸展，视觉效果非常震撼。 3、大屏与报告的颜值担当 在制作数据大屏或年度总结报告时，如果你厌倦了千篇一律的柱状图和饼图，玫瑰图绝对是提升整体设计感和专业度的利器。 # 🛠️ 零代码，一键生成你的数据玫瑰 了解了原理，接下来就是如何落地。为了让大家跳过繁琐的代码配置，我开发了这款南丁格尔玫瑰图生成器。 通过这个在线工具，你只需要： 粘贴数据：直接将你的Excel或表格数据复制粘贴进来。 一键导出：满意后，直接导出为高清图片或SVG矢量图，无缝接入你的PPT或设计稿中。 作为图表可视化系列的最新成员，它依然保持了“开箱即用、完全免费”的原则。 # 🛠️ 各种参数调节，自由定制样式 我精心设计了各种效果调节参数，可以非常方便的调出各种效果：在操作面板上调整配色方案、内外半径比例、标签样式（支持显示数值或百分比）。

今天，我的365天独立开发挑战来到了第87天，为大家带来这个系列的全新成员——聚合气泡图（Packed Bubble Chart）可视化工具。 无论你是做数据汇报、写推文，还是做设计排版，这款工具都能帮你把干瘪的数据瞬间变成极具视觉冲击力的精美图表。 # 📊 什么是聚合气泡图？（科普时间） 很多人熟悉带有 X 轴和 Y 轴的传统散点气泡图，但聚合气泡图则完全打破了坐标轴的束缚。 它的核心原理非常直观： 大小代表数值： 每一个圆圈（气泡）代表一个数据个体，气泡的面积大小直接反映了数值的高低。 颜色代表分类： 通过不同的颜色，将数据划分到不同的群组（Group）中。 聚合呈现： 所有的气泡会在物理重力的模拟下，紧密地挤压、聚集在一起，形成一个视觉上非常饱满的“气泡堆”。 它最擅长解决什么问题？当你有一组包含“名称”、“数值”以及“分类”的数据，并且你想在一个有限的屏幕空间内，迅速向观众展示“谁大谁小”以及“谁和谁是一类”时，聚合气泡图是完美的解法。它比饼图能容纳更多的数据维度，又比柱状图看起来更加生动活泼。 # 💡 聚合气泡图的应用场景与案例 聚合气泡图在日常工作和报告中非常百搭，以下是几个常见的使用场景： 区域数据对比（如工具截图所示）：比如你想展示全国各省份的 GDP、人口数量或销售额。按照“华东、华南、西南”等大区进行颜色分组（Group），通过气泡大小展示各省的数值。观众一眼就能看出广东、江苏等“大个子”，同时也能通过颜色块看出哪些大区的整体表现更强。 市场份额拆解：展示某一行业内各大品牌的市场占有率。比如智能手机市场，苹果、三星、小米、华为各自占据多大的气泡，一目了然。 预算与支出分布：公司年度预算分配，按照“研发、营销、行政”等部门进行颜色分类，每个具体的开支项目作为一个气泡。老板一眼就能看出钱都花在哪了。 文本与关键词频率：类似于词云，但比传统的词云更加规整。你可以把文章中出现的高频词汇做成气泡，词频越高的词，气泡越大。 # 🚀 第87号作品：极简聚合气泡图工具 为了让大家零门槛用上这个图表，我开发的这款工具主打“所见即所得”和“高度定制化”。 # ✨ 核心亮点： 傻瓜式数据导入： 不需要敲代码！直接在左侧粘贴你的 Excel 或 CSV 数据（只需 id, value, group 三列），右侧图表秒出。 丰富的视觉设置： 内置了如 Tableau 10 等经典的专业数据色彩模板。 支持自定义气泡间距、透明度。 可自由调节标签文字和数值的大小与颜色，满足不同的UI设计需求。 专业级格式导出： 同样支持一键导出 PNG 图片用于日常汇报，或者导出 SVG 矢量图，方便设计师导入到 Illustrator 等软件中进行二次精细编辑。

这周我把精力集中在了一个非常有趣且实用的领域——图表可视化工具。如果你一直关注我的挑战进度，应该注意到这几天我已经连续发布了桑基图、旭日图、关系图谱、和弦图、网络力导向图、矩形树图、南丁格尔玫瑰图以及聚合气泡图等一系列可视化小工具。 今天，这个可视化家族又迎来了一位重量级新成员：雷达图矩阵工具。它在传统雷达图的基础上，巧妙地加入了“多矩阵”功能，专门用来解决多维度指标对比时的痛点。 # 💡 为什么我们需要“雷达图矩阵”？ 在介绍工具之前，我想先和大家科普一下这类图表的底层逻辑。 ## 1. 什么是雷达图（Radar Chart）？ 雷达图，很多人也叫它“蜘蛛网图”。它是一种显示多变量数据的图形方法，所有的变量坐标轴都从同一个中心点出发。它非常适合用来展示单个对象在不同维度上的全面特征（比如游戏里人物的“六边形战士”面板，或者一个员工的综合能力评估）。 ## 2. 传统雷达图的致命弱点 重叠灾难传统雷达图在展示“单个”或“两三个”对象时效果很好。但是，当你想同时对比5个、10个甚至更多对象时，灾难就发生了——不同颜色的多边形会疯狂交织、重叠在一起，变成一团乱麻，根本看不清谁是谁，更别提进行有效的数据分析了。 ## 3. 破局之道 雷达图矩阵（Small Multiples）这就引出了我今天制作的雷达图矩阵。它采用了数据可视化中非常经典的“小多图（Small Multiples）”概念。 既然把所有数据塞进一张图里会乱，那我们就把它们拆开，排列成一个整齐的网格（矩阵）。每个对象拥有一张独立的小雷达图，但所有的小图都共享完全相同的坐标轴、刻度和维度。 这样一来，你的眼睛就可以像扫描仪一样，在不同图表之间快速移动，瞬间比对出不同对象的优势和短板。 # 📊 核心应用场景与案例 雷达图矩阵在需要多对象、多维度横向评测的场景中简直是降维打击： ## 🏙️ 城市综合实力评估（如本次工具演示图）： 我们可以从“宜居性、活力度、经济水平、环境质量、文化氛围”等多个维度对一二线城市进行打分。通过矩阵，你能一眼看出“城市A”是经济与活力的多边形战士，而“城市C”则在环境与宜居性上表现突出。 ## 📱 竞品分析与产品矩阵： 手机厂商对比不同型号的设备（续航、拍照、屏幕、性能、价格），矩阵图能清晰展示哪款是水桶机，哪款是偏科的性能怪兽。 ## 🧑‍💼 团队能力盘点（HR与管理）： 将团队成员的各项技能（领导力、执行力、沟通、专业技能）生成矩阵，团队的能力分布、谁适合互补搭档，全部一目了然。 # 🛠️ 第88号作品：雷达图矩阵工具功能亮点 为了让这个复杂的图表变得“傻瓜化”，我在今天的工具里打磨了这些细节： 复制粘贴，一秒出图： 抛弃复杂的代码和格式转换！左侧数据框完美支持从Excel直接复制粘贴，贴进去的瞬间，右侧矩阵自动生成。 极度自由的布局设置： 支持拖拽滑块调整“列数”和“图表尺寸”。无论你有几个对比对象，都能排版得整整齐齐。 多边形与圆形自由切换： 网格形状支持多边形和圆形切换，网格层数（几环）和最大值均可自定义。 高颜值样式定制： 内置多种配色的色板方案，你可以自由调节填充透明度和线条宽度，轻松匹配你的PPT或报告风格。 高清矢量导出： 支持一键导出 PNG 图片或 SVG 矢量图，放大多少倍都不失真！ # 结语 从桑基图到今天的雷达图矩阵，这周的可视化工具大礼包已经初具规模了。有时候，换一种方式看数据，就能发现隐藏在数字背后的故事。

如果你一直关注我的365天独立开发挑战，可能会发现我最近开启了“疯狂产出模式”。从桑基图、旭日图，到关系图谱、和弦图，再到网络力导向图、矩形树图、南丁格尔玫瑰图、聚合气泡图以及雷达图矩阵……一口气上线了近十款专业的可视化工具。 前面这些图表，解决的都是“静态数据”在特定维度的展示问题。但今天，也就是我365独立开发挑战的第89个作品，我想给数据加上一个更迷人的维度：时间。 今天正式发布的新工具：动态条形图（Bar Chart Race）生成器。也就是大家在短视频平台经常刷到的那种“数据赛跑”动图。 # 📊 什么是“动态条形图”？为什么它自带流量？ 在日常的数据汇报中，普通的柱状图或折线图虽然清晰，但往往缺乏“故事性”。 动态条形图（Bar Chart Race）的底层原理其实非常简单：它是在传统的条形图基础上，引入了“时间轴”作为动画的驱动力。 X轴/Y轴：展示具体数值和不同的项目类别。时间帧（Frame）：系统会根据时间（如年份、月份、日期）对数据进行切片。动态重排（Sorting）：在时间推移的过程中，程序会实时计算每个项目的数值大小，并动态改变它们在图表中的上下排名。 这种视觉效果就像是一场激烈的赛马比赛。看着代表不同项目的进度条你追我赶、交替领先，观众会产生强烈的代入感和悬念感。这就是为什么这类图表在B站、抖音、视频号等平台上总是自带“流量密码”，完播率极高。 # 💡 动态条形图可以怎么用？（应用案例） 只要你的数据具备“多项目 + 随时间变化”这两个特征，就能用它来讲一个好故事： ## 宏观经济与历史演变： 经典案例：历年全球各国GDP排名前十的变化。看着中国在过去几十年里一路从底部赶超至前列，那种直观的视觉冲击力是任何文字都无法比拟的。 ## 商业竞争与品牌沉浮： 经典案例：历年全球科技公司市值排行榜。就像我在工具里提供的默认演示数据一样（微软、苹果、谷歌、亚马逊、腾讯、阿里等），你可以清晰地看到移动互联网时代是如何重新洗牌的。 ## 文化娱乐与流行趋势： 经典案例：历年最受欢迎的编程语言排名、全球票房最高的电影排名、各大短视频平台网红粉丝量变化等。 # 🛠️ 零代码，如何用我的新工具一键制作？ 市面上制作这类动图往往需要写 Python 代码（比如用 Bar_Chart_Race 库），或者使用国外收费的复杂软件。为了让大家能以最轻量的方式制作，我在这个新工具里做了极简化的设计。 哪怕你完全不懂编程，只需要两步： 第一步：准备你的 CSV 数据按照标准的四列格式准备数据：date（日期）, name（名称）, value（数值）, category（分类，可选）。只要把你在 Excel 里整理好的数据导出为 CSV 格式即可。 第二步：一键导入，调整参数在左侧面板上传 CSV 文件后，数据会瞬间“跑”起来。我还开放了丰富的参数设置面板： 图表标题 & 坐标轴标签：自定义你的专属文案。最大条形数：比如你只想展示 Top 10，直接输入 10 即可。每帧时长 (ms)：控制“赛跑”的速度，数值越大跑得越慢，方便观众看清细节。（还有字体大小、条形高度等更多细节调节...） 第三步：一键导出 调整满意后，你可以直接点击“导出视频”，或者“导出GIF”，一键生成动图或者mp4视频文件，直接插入到你的报告、文章或短视频中。注意推荐用谷歌浏览器，获取最好效果。

上周连续死磕了硬核的图表应用，脑细胞消耗不少。为了放松一下紧绷的神经，在365独立开发挑战的第90天，我决定做点不一样的——一个纯粹、温馨，又能陪你一起工作的桌面小玩意。 # 今天为你带来的是第90号作品：“我的电子宠物”。 记得小时候，那个挂在钥匙扣上的蛋形游戏机吗？每天按时给它喂食、洗澡、铲屎，看着它开心跳跃，那可能是我们这代人最早的“数字化陪伴”。今天，我把这份回忆重新复刻到了网页里，并赋予了它更多现代化的桌面助理能力。 不仅仅是养个赛博宠物，它更是一个有温度的桌面时钟和效率提醒器。 # 🎮 重塑经典：不仅仅是像素风 为了还原最原汁原味的复古感，整个应用的UI采用了经典的暗色调和VT323像素字体。宠物本身更是用纯代码绘制的像素小人。 但它可不是一个只会傻站着的呆子： 真实的状态反馈： 它拥有生命、饱食、精力、清洁、心情五项核心指标。饿了会低落，困了会睡觉，开心了会跳跃，甚至生病时还会瑟瑟发抖。 海量“非AI”手写对话： 拒绝了现在泛滥的AI随机生成，我为它手工预设了超过 200 条不同状态下的专属对话。这种原汁原味的“预设感”，反而能找回当年玩掌机时，触发特定彩蛋的惊喜。 沉浸式互动特效： 结合 Web Audio API 编写的 8-bit 合成器音效，每次喂食 🍖、洗澡 🫧 或治疗 💊，都有专属的复古提示音和像素图标飘起特效。如果用鼠标“摸摸”它，它还会震动反馈，娇羞地喊一句“好痒呀~”。 # 🌤️ 你的桌面“微型世界” 我希望它能成为你工作时的一个小小喘息空间，因此给它布置了三种不同的场景，并且支持各种动态变化： 三大场景自由切换： 无论是温馨的【屋内】、生机勃勃的【绿洲】，还是充满动感的【游乐场】（摩天轮会闪烁，气球会跳动），它都有自己溜达的天地。它不会像木头一样待着，而是会在屏幕里随机平滑地散步、跳跃。 窗外的动态天气： 在屋内场景中，窗外的天气会随机演变。从晴空万里 ☀️ 到大雪纷飞 ❄️，宠物还会根据天气变化主动跟你报告。 百变造型（Emoji化身）： 看腻了默认的小像素人？点击右上角的调色板，你可以把它变成小狐狸 🦊、小熊猫 🐼、小青蛙 🐸 等各种不会乱码的 Emoji 动物形象。 # ⏰ 是玩具，更是效率小助手 说点我个人的开发感触： 市面上的番茄钟和提醒工具多如牛毛，但往往冷冰冰的，缺乏让人坚持使用的情感驱动力。把“提醒器”包装成“电子宠物”，其实是一种非常巧妙的心理暗示——利用我们在乎小生命的情感，来反向督促自己保持专注和规律作息。 因此，我为它注入了实用的效率功能： 赛博电子钟与半点报时： 房间里挂着一个散发霓虹光晕的像素时钟，每到整点和半点，它会主动发出“滴答”声并弹窗报时，让你在沉浸工作中不至于彻底失去时间概念。 强力间隔提醒： 你可以设置多个自定义的间隔提醒（比如每45分钟提醒喝水）。时间一到，伴随着急促的“滴滴滴”音效，宠物会疯狂跳跃，红黄交替闪烁的对话框绝对能把你从久坐中拉起来。 主动搭讪： 如果你长时间（超过1分钟）冷落它，它不会默默枯萎，而是会主动跳出来给你背诵一首唐诗，或者甩出一句直击心灵的鼓励金句（内置100句）。 # 👻 独创“灵魂迁移”技术 网页应用最怕关闭后数据丢失。除了默认的本地持久化存储（localStorage，离线也会自动计算状态变化）之外，我给它加入了一个非常极客的功能——“灵魂迁移”。 你可以点击“下载”按钮，将宠物当前的所有数值、心情、名字、甚至是设定的提醒任务，打包成一个 JSON 文件（它的灵魂）。无论你换了电脑，还是换了浏览器，只需点击“上传”注入灵魂，它就能立刻认出你，继续陪伴。 # 第90天，放慢脚步，找回初心。 有时候，我们做工具是为了追求极致的效率；但有时候，我们写代码，只是为了创造一点点无用但美好的情绪价值。 这个小小的电子宠物，目前已经集成在了 365-tools.cn 中。快来领养你的赛博小生命，给它改个好听的名字，听听那久违的 8-bit 音效吧！ 也欢迎你在后台把导出的“宠物灵魂”发给我，让我看看你的小家伙现在是什么状态了！

大家好！今天和大家分享我“365天独立开发挑战”的第91个作品——一款专为啃英文文献、长篇报告而生的「英文PDF阅读翻译器」。 平时我们在阅读英文长篇PDF（比如学术论文、行业报告、技术文档）时，最头疼的往往是在不同的翻译软件和阅读器之间来回切换，不仅打断思路，排版也容易乱成一锅粥。 为了解决这个痛点，我开发了这款主打“沉浸式对照阅读”的工具。没有复杂的订阅套路，主打一个纯粹、高效、高度自定义。 # 🌟 核心功能亮点 ## 1. 极简上传，左右分屏联动 摒弃繁琐的设置，打开页面直接点击或拖拽即可上传你的英文PDF文件。 文件解析后，界面会自动分为左右两个区域：左侧为原生PDF阅读区，右侧为AI翻译区。最舒服的是，两侧是完全联动的，让你拥有完美的双语对照阅读体验。 ## 2. 左侧翻页，右侧同步翻译 在左侧原汁原味的PDF视窗中，你可以自由缩放、翻页。而当你切换页码时，右侧的翻译引擎会实时同步，精准呈现当前页面的中文翻译内容。再也不用手动复制粘贴，阅读节奏如丝般顺滑。 ## 3. 告别黑盒，你的API与提示词你做主 这也是这个工具非常硬核的一点：完全由你自己掌控AI。 自定义API配置： 工具支持直接调用你自己的大模型API（例如截图中的智谱AI等），本地处理与API直连，不经过第三方服务器存储，最大程度保护你的文档隐私安全。也保证了费用的最低。 如何获取这些API的key？问一下豆包就可以了。 自定义提示词（Prompt）： 右侧生成的不仅仅只能是干巴巴的直译！你可以自己设置提示词，比如让AI“帮我总结这一页的核心观点”、“用通俗易懂的语言解释”，想要什么风格的翻译，全凭你的一句话。 ## 4. 一键导出双语PDF 阅读完成后，想把翻译成果保存下来或者分享给同事？没问题。 点击右上角的“导出双语PDF”，你可以自由选择需要导出的页码范围，一键生成排版整洁的双语对照文档，方便随时离线复习。这是导出的PDF样例： # 🛠️ 为什么做这个工具？ 在进行365天独立开发挑战的过程中，我每天都需要查阅大量的海外前沿技术文档和外文资料。市面上的翻译工具要么收费昂贵，要么排版稀烂，要么存在隐私泄露的风险。 作为开发者，不如自己动手丰衣足食！这就是“第91个作品”诞生的初衷：做一款轻量、高效、注重隐私、且懂开发者和研究者需求的阅读辅助神器。

刚刚，人类时隔54年重返月球！我连夜爆肝出一个硬核模拟器，带你亲历38万公里的生死考验！ 北京时间2026年4月2日，这是一个重要的日子。就在刚刚，搭载着4名宇航员的“阿尔忒弥斯2号”（Artemis II）飞船成功发射升空，正式开启了为期10天的绕月之旅！时隔半个多世纪，人类终于再次突破近地轨道的束缚，重新将目光投向了那颗银白色的星球。 作为一名科技迷和独立开发者，看到火箭拖着尾焰刺破苍穹的那一刻，我激动得无以复加。为了向这场深空探索致敬，也为了让更多人看懂这场惊心动魄的太空出差，作为我 #365独立开发挑战# 的第92个作品，我连夜爆肝上线了一款沉浸式的科普应用： # 🌕 「阿尔忒弥斯2号载人绕月飞行模拟器」 🌕 在这里，你不再是一个旁观者，而是这次38万公里远征的“地面指挥官”。 ## 01 飞船仪表盘揭秘：这不仅是个动画，更是真实的物理推演 进入模拟器，你首先会看到一块充满科技感的交互式控制面板。左侧是深邃的宇宙和实时的可视化轨道，右侧则是飞船的实时遥测数据和任务简报。 我将整个绕月任务拆解成了 六大生死攸关的关键阶段。每一次点击，都伴随着复杂的轨道计算和潜在的致命风险： 1️⃣ 发射与近地轨道入轨 (Launch & LEO) 关键操作： 多级火箭分离、整流罩抛弃、太阳能帆板展开。 深空危机： 此时飞船达到 7.8 km/s 的第一宇宙速度，宇航员需要承受数倍于体重的恐怖过载（G-force）。这是整个任务最危险的阶段之一，一旦火箭出现异常，只能祈祷逃逸塔系统能保住性命。 2️⃣ 地月转移轨道射入 (TLI) 关键操作： 长时间引擎点火 (Burn)，将飞船速度飙升至接近第二宇宙速度（约10.9 km/s）。 深空危机： 这是任务成败的分水岭。点火失败？飞船将被困在地球轨道。角度哪怕偏了一丝一毫？飞船将在几天后与月球擦肩而过，偏离数万公里。 3️⃣ 去程滑行与中途修正 (Outbound Coast) 关键操作： 轨道修正、姿态控制。为了防止飞船一侧被太阳烤化、另一侧被宇宙冻僵，飞船会进行缓慢的自转，航天界戏称为“烧烤模式”（Barbecue roll）。 深空危机： 飞船必须强行穿越致命的“范艾伦辐射带”。如果在途中遭遇突发的太阳耀斑（太阳质子事件），宇航员必须立刻躲进辐射避难所，同时还要防范微陨石的随机轰炸。 4️⃣ 绕月飞行 (Circumlunar Flight) 关键操作： 科学观测、利用引力弹弓进行自由返回。 硬核科普： 很多人以为这次任务会像当年的阿波罗一样环绕月球数圈。其实不然！ 出于极致的安全考量，阿耳忒弥斯2号采用的是经典的“8字形自由返回轨道”。飞船不进入环月轨道，而是把月球当成引力弹弓。这意味着，哪怕飞船主引擎在深空彻底失效，月球的引力也会像回旋镖一样自动将他们安全抛回地球！ 深空危机： 当飞船驶入月球背面，距离月表将达到约 7,400公里——这将是人类航天史上距离地球最远的坐标！ 此时地球将被彻底遮挡，漫长的通信黑障（LOS）降临。在这片与世隔绝的深空里，宇航员将彻底失联，只能依靠飞船的自主系统度过难关。 5️⃣ 回程滑行 (Inbound Coast) 关键操作： 回程轨道修正、监控氧气与水电消耗。 深空危机： 在地球引力的拉扯下，飞船速度逐渐飙升回 10 km/s。此时生命保障系统（如二氧化碳洗涤器）可能已逼近极限。如果瞄准地球的角度出现微小偏差，等待他们的将是灾难性的后果。 6️⃣ 再入与着陆 (Re-entry & Landing) ⚠️ [Artemis任务核心黑科技] 关键操作： 服务舱分离、跳跃式再入 (Skip Entry)、开伞。 深空危机： 飞船以近 11 km/s 的恐怖速度砸向大气层。与当年阿波罗飞船“直冲而下”不同，阿尔忒弥斯采用的是极高难度的“跳跃式再入”：飞船会像在水面上打水漂一样，先冲进大气层，利用空气升力重新跃出太空边缘进行散热和减速，随后再进行二次再入。 防热盾外侧温度将飙升至 2700°C，并在等离子体黑障中再次失联。角度太陡会烧成火球，角度太浅会被彻底弹飞。直到降落伞在海岸上空绽放，所有人才敢重新呼吸！ # 02 开发者日志：如何把枯燥的科普做成沉浸式的科幻大片？ 作为365挑战的第92天，这个作品我前后迭代了多个大版本，可谓是把细节抠到了极致： ## 🎬 电影级的时间流逝感 (Time Dilation) 我为模拟器加入了一个超炫酷的任务计时器 (MET) 和 自动播放 功能。当你点击“自动播放”，右上角的时间会以数百甚至数千倍的速度飞逝。我精心调优了节奏，每个阶段浓缩在8秒内（4秒展示任务详情，4秒高亮风险警告）。你可以亲眼看着飞船在轨道上平滑、连续地旋转、滑行，感受时间在宇宙尺度下的压迫感。 ## 🎧 沉浸式太空音效系统 (Audio Immersion) 在太空中没有人能听到你的尖叫，但在模拟器里，你能听到心跳。正常飞行时，会有规律的“滴滴”声模拟遥测数据传输；而当面板切换到“风险与挑战”时，系统会触发急促的警报声叠加。戴上耳机，瞬间把你拉进狭窄的指令舱！ ## 📖 隐藏的彩蛋与硬核手册 我还专门撰写了一份硬核说明手册，点击左上角即可弹出一个充满科技感的全屏长文解析。更有趣的是，当再入着陆阶段结束，屏幕亮起“任务成功”时，我特意用纯代码（Web Audio API）合成了一段“超级玛丽 1-Up (加一条命)”的经典 8-bit 音效！在经历了38万公里的生死考验后，还有什么比“奖一条命”更让人如释重负的呢？🍄 图片 # 03 写在最后 独立开发就像是一次属于我个人的太空任务：设定目标，解决层出不穷的 Bug，不断打磨细节，最后将作品发射到互联网的星海中。 “阿尔忒弥斯2号”承载着人类对星辰大海的无尽渴望，而我希望通过这第92个作品，让你也能在手机或电脑屏幕前，感受到那份跨越半个世纪的勇气与浪漫。

# 人间四月天，又到了漫山遍野赏樱的季节🌸。 最近我在想，除了出门去人挤人，能不能用技术的手段，把春天的这份浪漫搬到屏幕上？不仅要好看，还要硬核；不仅要有科普，还要有炫酷的数据可视化交互。 于是，我的365天独立开发挑战迎来了第93个作品——《春樱漫舞 (CHERRY BLOSSOMS)》。 这不仅仅是一个静态网页，而是一个由 AI 辅助生成、纯代码手敲出来的全动态、全交互式樱花科普可视化应用。不管你是用电脑还是手机，都能完美体验。 今天，带大家拆解一下这个充满春天气息的“极客浪漫”作品。 # 🎨 拒绝平庸，把数据可视化做成“艺术品” 市面上的科普页面往往枯燥乏味。在这个应用里，我给 AI 提的要求是：必须达到可视化专家水平，要有动态感觉。 最后呈现的效果，让我这个独立开发者也忍不住多玩了几遍。 ## 1. 樱花图鉴：不只是列表，是会呼吸的 D3.js 引力场 谁说科普只能列个表格？在这个模块里，我引入了专业的数据可视化库 D3.js。 国内常见的樱花品种——比如我们特有的迎春樱、钟花樱桃（福建山樱花），以及经典的染井吉野、关山樱等，全都化身为不同大小、不同粉色调的悬浮气泡。 ## 2. 神州樱花地图：高德地图 API 的丝滑“飞行”体验 原本我尝试使用纯 GeoJSON 数据来画地图，但在实际测试中发现国内节点加载不够稳定。于是我果断重构底图，全面接入高德地图（Amap）！ 坐标精准映射： 从贵州平坝的万亩花海，到无锡鼋头渚的江南水乡，再到武汉大学的百年学府，所有赏樱胜地被精准标注。 呼吸灯特效： 专属定制的粉色 Marker 带有向外扩散的呼吸灯动画。 沉浸式 FlyTo： 点击任意坐标，地图会自动触发平滑的“飞行视角”推近居中，带你“云游”全国樱花圣地。 ## 3. 全国赏樱时间线：一路向北的花之轨迹 随着春季气温逐渐回升，花期由南向北依次推进。 这里我用了一个随滚动条动态浮现的时间轴动画，清晰展示了从华南（1月下旬）一路蔓延到东北大连（5月上旬）的“赏樱前线”。配合当地平均气温的数据，让赏花这件事变得极具地理科学的逻辑美。 ## 4. 樱花解剖与纯粹的中国文化 极简 SVG 交互： 我用纯手工绘制了樱花的矢量解剖图。鼠标悬停在花瓣、雄蕊或萼片上，对应部位会高亮放大，真正做到了“指哪学哪”。 文化重塑： 在设计之初，我刻意剔除了应用中默认生成的日式元素。樱花并非日本独有，在《樱之韵味》模块中，我融入了中国传统的踏青习俗与唐诗宋词（如李商隐的“何处哀筝随急管，樱花畔里掩门扉”），回归了纯粹的中式古典高雅。 # 💻 独立开发者的思考：Vibe Coding 时代的效率与灵魂 做完这个第93号作品，我最大的感慨是：在 AI 的加持下，全栈开发的边界正在无限拓展。 整个应用的文案、科普数据、核心架构，我都是通过与 AI 结对编程一次性生成并填充的。但这并不意味着开发者就不重要了。 事实上，AI 可以帮你写出复杂的 D3.js 引力场代码，可以帮你极速接入高德地图的 API，甚至能帮你做好手机和 PC 端的自适应布局（Responsive Design）。但决定产品基调的，依然是# 开发者的“审美”与“品味”。 决定抛弃卡顿的 GeoJSON 转向高德地图、决定去掉不符合国情的外来文化元素、决定用柔和的 Pink-50 色调统一视觉 UI……这些才是独立开发者在 AI 时代最核心的壁垒。 趁着春光正好，大家可以去体验一下这个极客版的“春樱漫舞”。如果你也对独立开发、AI 编程（Vibe Coding）感兴趣，欢迎持续关注我的 365天独立开发挑战。

大家好，我是匠大。在死磕代码的「365天AI独立开发挑战」中，今天迎来了第94个作品。 这一次，我想在游戏赛道做点有深度、有质感的东西。抛弃简单的消除和跳跃，我做了一款纯基于光学物理和几何反射机制的硬核解谜游戏——《太阳神墓：光影迷踪》。它极度烧脑，但也极其解压！ # 太阳神墓：光影迷踪 # 📖 化身考古学家，解开千年谜局 游戏中，你将扮演一名深入法老陵墓的顶尖考古学家。传说陵墓深处封印着无尽宝藏，唯有引导“太阳神之光”才能解开机关。你需要利用古墓散落的远古遗物，折射阳光，点亮所有的【荷鲁斯之眼】，开启宝藏大门。 # 🛠️ 硬核玩法：纯粹的光学碰撞 游戏机制完全遵循真实的光学反射与折射原理。你的“考古背包”里有四样神器： 🔴 青铜古镜：将阳光精准进行 90° 全反射。 💎 太阳水晶：神奇的分光镜！将阳光一分为二，一条直射，一条 90° 反射。 🕳️ 黑曜石：深邃的暗影，能吸收并阻挡多余光线。 💀 诅咒之瓮：致命陷阱！绝对不能被阳光射中，否则诅咒爆发直接Game Over。必须巧用黑曜石吸收杂散光线来保护它。 ✨ 爽感：致敬《木乃伊》的通关高光 为了让解谜更爽快，我在交互和视觉上下了狠功夫： 丝滑交互：所有遗物支持直接从侧边栏拖拽到古老石砖网格上，点击旋转，拖回回收。 实时渲染：发光（Glow）的金色神圣阳光基于 Canvas 实时计算，移动遗物时光路瞬间变幻，科技感与神秘感拉满。 高光时刻：还记得电影《木乃伊》里的镜面机关吗？当你绞尽脑汁让多条光束精准击中所有目标时……神像双眼会亮起青光，伴随清脆的“Cha-ching”音效，海量金币会从机关中喷涌而出！ 历经烧脑后的通关爽感，绝对让你直呼过瘾。 # 🗺️ 无尽挑战：100%有解的随机迷宫 除了10个精心设计的固定关卡（从“初见”到“黑洞迷阵”），我还开发了强大的随机生成算法。 支持外层墓室(6x6)、内层密室(8x8)和法老主墓(10x10)三种难度。最牛的是，这套算法采用“正向模拟光路”逆向生成，保证每一个随机生成的极限关卡都100%有解！ 游戏还贴心支持中英双语。

春暖花开，草长莺飞，又到了大家最爱踏青的季节。但对于一部分小伙伴来说，春天不仅有美景，还有防不胜防的“隐形杀手”——花粉过敏。 出门一趟，喷嚏连天，眼睛痒到怀疑人生。到底是感冒了，还是过敏了？去哪里玩才能完美避开致敏区？ 为了解决这个痛点，在我的365天独立开发挑战中，我让AI做了第95个作品——「中国花粉过敏风险地图」。目前这个应用已经正式上线，大家一起看看AI做的如何。 为了让大家用得顺手，我在这个工具里塞进了几个超级实用的核心功能模块： # 🗺️ 核心功能一：双季花粉风险热力图 想知道你所在的城市现在是什么风险等级吗？ 地图分为“春季花粉”和“秋季花粉”两个维度，采用了直观的四色预警（红=极高风险，橙=高风险，黄=中风险，绿=低风险）。不管你是看高德地图模式还是基础地图模式，全国各省份的花粉风险分布一目了然。出门旅游前看一眼，精准避开“红色预警”区。 # 🌿 核心功能二：核心致敏源解析 知己知彼，百战不殆。地图右侧面板会随着你切换季节而动态更新。 它会详细列出当季的高发时间段、地理分布特征，以及那些惹人烦的核心致敏植物（比如春季的柏树、桦树，秋季的蒿草、豚草），连它们的致敏强度都给你标得清清楚楚。 # 📅 核心功能三：全年花粉日历 过敏可不只是春天的专利！ 我做了一个互动式日历，横向滑动点击1-12月，就能查看每个月的主要致敏植物、风险等级，还有详细的科学物候解读。无论几月份，都能帮你提前做好全年的防护规划。 # 🤧 核心功能四：感冒 vs 过敏自测 “我到底是感冒了，还是鼻炎/过敏犯了？”这绝对是春季头号未解之谜。 工具里内置了互动式症状对比。点击“打喷嚏”、“发热”、“眼睛发痒”等常见症状标签，就能直观对比花粉过敏与普通感冒在症状表现上的核心差异。别再盲目吃感冒药啦，避免误诊误治！ # 💡 核心功能五：过敏辟谣科普 & 防护小知识 你知道吗？真正引起过敏的往往不是那些鲜艳的“虫媒花”（如桃花、玫瑰），而是那些无色无味的“风媒花”（如树木、杂草）！ 页面下方还有丰富的知识卡片： 辟谣科普： 针对“鲜花容易引起过敏”、“下雨天过敏加重”、“过敏挺一挺就好”等常见认知误区进行科学辟谣。 防护小贴士： 总结了最易过敏地区、最舒适地区，以及出门前后的日常防护干货指导。 # 🔥 体验方式 这个工具不仅是一个信息看板，更是你随身的过敏防护指南。目前该工具已经收录在我的个人作品集网站 365-tools.cn 中，欢迎大家直接访问体验！ 独立开发是一场孤独但充满乐趣的马拉松，不知不觉已经走到了第95个作品。每一个灵感的落地，都离不开大家的支持。

在日常的工作、做业务分析或是撰写行业报告时，我们经常会遇到这样的需求：手里有一份全国各省份的数据（比如销量、人口、GDP、门店数量），需要快速把它做成一张直观、美观的填色地图。 用传统的 GIS 软件？太重了，学习成本也高。用 Excel？虽然能做，但样式调整起来往往不够灵活，做出来的图总是差那么点“高级感”。 为了解决这个痛点，我开发了这款轻量、极简、即开即用的省级地图可视化工具。 # 🛠️ 核心功能亮点 这款工具主打的就是一个“轻快”和“高定制化”，来看看它都能做什么： ## 1. 傻瓜式操作：一键粘贴，即刻出图 不需要上传复杂的表格文件。在页面左侧的文本框里，直接按照“省份, 数值”（或空格、Tab分隔）的格式粘贴你的数据，右侧的地图就会瞬间根据数值大小，自动进行不同色彩的过渡渲染。 ## 2. 丰富的高颜值色带 内置了多种专业配色方案（经典蓝、热情红、自然绿、热力图、渐变紫、冷暖色等）。无论你的报告是严肃的商务风，还是充满活力的科技风，都能一键切换到最匹配的视觉效果。 ## 3. 细节控福音：极高的自由度 不仅是换颜色，你还可以深度定制地图的每一个细节： 计算过渡方式： 支持选择不同的数值映射算法，让色彩的阶梯分布更符合你的数据特征。 外观微调： 自由调节图层的透明度、省份边界线的粗细。 底图风格： 支持切换不同的地图底层样式，满足不同场景的展示需求。 ## 4. 生产力拉满：一键导出高清大图 做好的图怎么用？点击左下角的「导出高清大图」按钮，直接生成一张清晰度极高、背景干净的地图图片，无缝插入你的 PPT、Word 报告或网页中。 # 💡 适用场景 业务复盘与规划： 快速可视化全国各区域的市场表现、销售额分布。 行业研究报告： 将枯燥的宏观数据（如各省人口密度、产业规模）转化为吸睛的数据图表。 学术研究与作业： 告别四处找底图抠图的烦恼，专注数据本身。

我的“365天独立开发挑战”不知不觉已经来到了第 97 天。 一直和城市规划、城市数据打交道，我终有一个关于“建筑”的执念。既然现实中盖楼太难，那就在代码里，为每个人盖一座属于自己的摩天大楼。 今天，挑战的第 97 个作品——《摩天大楼建造者》。 # 01 极简却让人上头 这是一款 3D 风格的叠塔游戏。玩法非常直观： 点击即建造： 不同色彩的砖块会左右移动，你只需要在它们重合的瞬间按下快门。 精准度挑战： 没对齐的部分会被无情地“削掉”。这意味着你的底座会越来越小，容错率也会越来越低。 那种眼看着大楼从稳固到摇摇欲坠、最后化为“星辰方尖碑”的紧张感，真的非常解压（也可能非常抓狂）。 # 02 这里的建筑，有“情绪” 我加入了一些有趣的小细节： 小人加油团： 当你成功叠加上去时，会有可爱的像素小人在旁边为你呐喊“哇哦！”。 动态评级： 你的大楼不会只是一堆砖块。根据高度，它可能被称为“霓虹顶点”，甚至挑战最高荣誉“星辰方尖碑”。 毒舌吐槽： 别怪我没提醒你，如果叠得太矮，系统可能会毫不留情地评价：“我奶奶叠得都比你高！”（笑）。 # 03 晒出你的“封顶时刻” 从第 1 天到第 97 天，这个 365 天挑战虽然辛苦，但每当看到一个创意从想法变成可以交互的产品，这种成就感是无与伦比的。 这款《摩天大楼建造者》是我对“城市、逻辑与趣味”的一次小融合。欢迎大家点击下方小程序/链接试玩，并在留言区告诉我：你的第一座楼，叠到了几层？

今天是我独立开发的第98天。最近在写公众号文章时，我遇到了一件稍微有点抓狂的小事：我需要批量设置文章内各个小节的标题。 市面上有秀米等很多排版工具，但我翻了半天，愣是没有找到一个完全合心意的标题样式。我的诉求其实极其简单——不需要花里胡哨，只要一个干净的背景图片或色块，上面放上大字号的文本，而且必须能批量生成。 既然找不到趁手的兵器，那就自己造一把。于是，就有了今天的这款新工具——「标题排版批量生成器」。今天的标题就是用它很方便的生成的。 这个工具的操作逻辑非常直白：左侧批量粘贴标题文本，右侧自动、批量显示排好版的标题图。 我给它设计了两个最核心的“杀手锏”： 右侧生成的这些精美标题，全都是纯图片。这意味着什么？这意味着你只需要在喜欢的标题上点击右键 -> 复制，然后直接到公众号或者任何写作工具里“粘贴”就行了。 因为是图片，它绝对不会因为平台的编辑器不同而发生格式错乱。 你看到的是什么样，发出去就是什么样，完美保证了排版的准确性和稳定性。 粘贴了多行标题之后，不管是3个标题还是30个标题，一次性生成，保证了整篇文章的视觉高度统一，更是省去了我们在排版软件里反复“套用模板-改字-套用模板”的无聊时间。 为了满足不同的使用场景，我内置了两种基础模板。 Template A 经典光晕渐变： 带有清新几何色彩的渐变背景，适合偏现代、轻松的阅读氛围。 Template B 线框自动序号： 自带序号排版，重点是它的序号是自动生成的（01, 02, 03...这种带自动补零的两位数，质感拉满）。 最关键的是，这里面的所有元素，统统可以自定义！ 你可以自由调节外框的显示与粗细、序号的形状（圆形/圆角方块）、字体大小、字体颜色、甚至支持长文本自动换行。 不仅如此，我还专门加了一个“坐标级微调”功能。 做过设计的朋友都知道，不同的字体由于自身基线问题，显示时往往不是绝对垂直居中的。为了治好这个强迫症，我设置了X轴和Y轴的微调滑块。如果你觉得字体位置差了几个像素，只要轻轻一拉，所有批量生成的标题都会同步调整到位。强迫症患者狂喜！ 今天做完这个小工具，我有一个很深的感触。 以后我们在使用电脑的过程中，面对复杂任务，其实有两条路： 第一条路，是把任务直接丢给AI，让它全自动帮你跑完结果； 第二条路，则是让AI作为你的研发助理，帮你迅速生成一个“非常趁手、完全符合你自己使用习惯的工具”，然后用这个工具去批量解决特定问题。 我说的第二种方法，其实在小龙虾（OpenClaw）的理念里面已经有了体现。它有一个固定的称谓，也就是我们在探索的 “元技能 (Skill)”。把特定的痛点封装成一个属于你自己的元技能，这才是提升生产力的终极解法。

这是我“365天独立开发挑战”的第 99 个作品。距离 100 大关仅一步之遥。 昨天在写公众号文章时，我遇到了一个很尴尬的排版问题： 我发布了一个批量生成标题图片（今天的标题又是用它生成的）的工具，文章里既有文字标题，又有工具生成的图片截图。如果直接把生硬的截图往文章里塞，图片边缘和白色背景混在一起，视觉上非常混乱，重复感极强。 那一刻我意识到：截图需要“边界感”，更需要“呼吸感”。 市面上虽然有一些美化工具，但对于追求效率的公众号作者来说，步骤还是太繁琐了。于是，就有了今天这款：「截图美化加框神器」。 这个工具的核心逻辑极其简单：上传/粘贴 -> 自动套框 -> 一键复制。 # ✨ 核心功能亮点： 自动套框： 默认提供质感十足的 MacOS 浏览器外框，让你的截图秒变“产品落地页”。 多样化模板： 除了现代视窗，我还重制了多款创意模板。 复古系列： Windows 98 怀旧风、80 年代厚电视机。 创意物拟： 带红窗帘的实木窗户、驾驶座仪表盘。 治愈 IP： 哆啦A梦任意门、皮卡丘电击波。 细节可控： 你可以自由调节画布留白（Padding）、图片圆角、以及立体阴影的强度。 新增图注： 特别开发了“图注说明”功能，支持自定义字体、颜色和阴影，省去了去排版编辑器加字的操作。 # 🚀 专为效率而生： 它支持 Ctrl+V 直接粘贴。美化完成后，无需下载，点击“一键复制”即可直接在公众号后台粘贴，实现无缝衔接。 以下是目前内置的部分模板效果展示（都是我亲手调校的样式）： 转眼间，365 挑战已经快要完成百分之二十七了。到目前为止，这 99 个工具还没有为我带来任何直接收益。 作为一名 OPC（One Person Company）践行者，我也在复盘和思考未来的商业化路径： 流量模式： 接入点击广告，走纯流量路线。但目前流量尚处于起步阶段，转化存疑。 小游戏出海： 尝试把一些有趣的游戏独立出来。不过国内版号是个门槛，未来可能会考虑海外市场。 场景化订阅： 这是我目前最倾向的方向——将这些针对公众号编辑、设计师的小工具打包成一个“生产力工作站”，以月费会员的形式提供服务。 把工具做到极致好用，做到不可或缺，是我现在的唯一目标。至于盈利，或许在第 100 个作品之后，答案会慢慢清晰。

感谢这100天来关注我的每一个人 100个日夜，我见证了代码从无到有，工具从1到100。这100个工具里，有我想象中的未来，也有我解决当下痛点的尝试。 今天是第100个作品——“城市数据地图标注工具”。 在很多商业场景中，我们经常需要把Excel里的城市数据展示在地图上，比如：全国分公司分布、门店销售额、各省人口出生率、城市房价值分布。手工在地图上画点太累，现有的商业化GIS工具要么复杂繁琐，要么不合规。 所以，我决定用这第100个名额，为自己也为大家手搓一个最快、最合规、最美观的城市数据落点工具。 这个工具的逻辑非常简单，但功能极其强大。 # 1. 数据导入，易如反掌 不仅可以像以前那样在文本框里手工输入（城市名/经纬度/数值）点击生成标注，更硬核的功能是：支持上传CSV文件批量识别。几百个城市数据，一秒落图，极大地释放了生产力。 # 2. 数值映射，一目了然 如果你的数据中包含数值（例如：销售额），工具会自动进行色彩映射。销售额越高颜色越深，一目了然。支持自定义分类数量（3-9类），让数据分析一目了然。 # 3. 样式自定义，美由心生 工具提供了： 9种专业地图风格：酷炫的深色风格（如截图）、极简的浅色风格、标准风格等，稍后还会增加更多。 16款精美标注点样式：圆形、水滴形、图钉形等，全色彩自定义。图标大小也可根据需要自由调整。 文字标签：图标上方的文字标签（如截图中的“北京市”、“上海市”），颜色、大小均可按需设置。 # 4. 重点来了：最硬核的合规性九段线图示！ 在很多商业化地图工具里，合规性往往被忽视。为了确保大家在使用时完全合规，我特意在地图的右下角制作了一个精确的南海诸岛九段线图示（如图所示）。这在很多同类工具里都是缺失的，在我的工具里，它是标配。 九段线不仅是技术细节，更是对专业的坚持和对国规的尊重。 # 5. 一键导出，高清大图 最后，所有精心制作的合规、美观的地图，均可一键导出为高清图片，直接用于PPT汇报或报告，方便快捷。

警告：别再用MBTI来定义自己了！你真实的“赛博人格”，可能是以下这36种之一！这里是赛博发疯人格图鉴。 # 【NBTI 赛博发疯人格图鉴】 有没有一种感觉，你总是感觉自己无法被一个简单的标签定义？ 这几天“NBTI”在朋友圈刷屏了，大家兴奋地给自己贴了个标签，了解了自己，就掌握了人生。 今天我们做了一个升级版—— 赛博发疯 NBTI 36型人格测试。 【NBTI 36人格测试】是专为当代互联网原住民、高危打工人、赛博冲浪高手量身打造的【赛博发疯人格图鉴】。 我们知道你每天的精神状态，根本不是一个恒定的。今天你在工位上像个完美人设，明天可能已经彻底崩溃，周三在群里“哈哈哈功德笑没了”，周五开始emo。 传统的人格测试，就像给你配了一副固定频率的耳机；而NBTI，就像一台能收录你所有“精神频率波动”的超广谱接收器。 我们收录了36种最真实、最阴晴不定的互联网精神状态。 # 什么概念？ 它涵盖了你从“我发誓我能加班到下个月”的 纯牛马RUSH，到“我只是在给自己找个退出机制，失败就跑”的 退堂鼓PASS； 从需要保持高度的、看似无意义的功德笑，以掩盖一切狼狈的 笑鼠者LMAO； 到真正达到了“存在感为零，连报错都没有”的 神秘透明人NULL…… 只要你上过网络，工作过班，经历过一次突如其来的“内卷风暴”，你就一定属于某一种。 # 扔掉你过时的“自我认知系统”。 我设计了12道直击灵魂的无厘头测试题。这些问题，不是问你喜欢什么，而是问你“今天情绪波动到底有多大”。 通过“科学分析模型”（Bushi），你会得到一个精准的“核心成分配比图”。 这可是全网第一款真正能反映“电子时代精神内耗”的自嘲工具！

从“底层逻辑”、“颗粒度对齐”、“降维打击”，到“绝绝子”、“家人们谁懂啊”、“彻底炸裂”。 如果你经常上网，或者身处互联网/自媒体行业，你的信息流大概率已经被这些词汇污染了。 作为一名推崇直接、高效沟通的独立开发者，在 365 天 AI 开发挑战中，我决定用代码构建一个小小的“数字避难所”。 我们似乎进入了一个“赛博发疯”的时代。简单的事情被刻意包装得晦涩难懂，正常的情绪被极限词汇无限放大。这种充满焦虑和滤镜的“黑话体系”，极大地拉高了沟通成本。 今天正式向大家介绍这款纯前端构建的交互式 Web 应用：「赛博发疯·互联网黑话词典」。词条持续增加中~~~~ 市面上整理黑话的文章很多，但阅读它们往往只会徒增焦虑。为了让这个工具真正具备“解压”属性，我在交互上做了一些硬核的设定。 当你进入词库，点击任意一个黑话词条（例如“赋能”），屏幕不仅会给出它的精准释义和常见的“爆款标题范例”，你还会看到一个醒目的红色按钮：执行破译 / PO!。 当你按下它： 视觉震动：整个浏览器屏幕会产生真实的 CSS 物理震动（Shake）。 听觉轰炸：伴随一声极具压迫感的低频重击音效，一个红色的“破！”字会像印章一样砸在屏幕上。 精准反击：随后，代表理性的像素小人会给出一段一针见血的毒舌吐槽，瞬间瓦解这个词汇虚伪的“高级感”。 再看看现在最流行的大模型： 破！！！ 在这个被“颗粒度”和“组合拳”包围的网络世界里，我们需要偶尔用这样一个小工具，来保持头脑的清醒，回归常识。

思维导图是我们梳理逻辑、可视化表达结构最常用的方式。 虽然市面上这类工具数不胜数，各种开源库也层出不穷，但总觉得它们“太重了”——光是调整层级和样式，就得点点点半天，甚至还要为了一个小功能忍受复杂的UI。 在用豆包（Doubao）聊天时，我被它输出的思维导图惊艳到了：极简、清爽、有呼吸感。 于是今天，我以它为灵感，制作了这个极简版的Markdown转思维导图工具。 # 🛠️ 它能做什么？ 核心原理非常纯粹：左侧输入 Markdown 格式代码（# 和 -），右侧实时渲染。 为了满足“趁手”的需求，我开放了一系列可以深度定制的参数： 视觉控制： 自由调整连线的色彩、宽度与曲率（顺滑或硬朗由你定）。 文字美化： 文字的大小、颜色、背景色以及文本框的内边距都能微调。 间距自定义： 支持调整节点间的水平与垂直间距，让构图不再拥挤。 一键切换： 特意增加了一个“树形导图”模式，满足不同的视觉逻辑需求。 一键导出： 支持带标题整体导出图片，方便直接分享或插入文档。 # 💡 为什么要做它？ 这已经是我“365天AI独立开发挑战”的第103天了。最近做的几个工具，出发点都高度一致：在工作中遇到了痛点，但市面上找不到足够“轻”且“顺手”的替代品，于是索性自己动手。 作为一名独立开发者，我始终相信 AI 是最好的“认知外骨骼”。希望这份“顺手”也能为你带来一点点便利。

昨天在工作的时候，朋友发过来一个小工具，网页版的。我看到了之后非常的高兴，因为他跟我一样，也开始了 vibe coding 的尝试。他做的是一个PDF转图片的工具。正好今天我没有新的想法，所以也尝试做一个。另外，我在使用PDF的过程中还有一个需求，就是把PDF文件拼成一张大图，所以我也把这个功能做了进来。 # 第 104 个工具：PDF导出图片/拼图 今天的这个工具还是采取了经典的左右布局。 把PDF拖进来之后，右侧就是PDF的预览，每一页都可以看的清清楚楚，可以勾选你需要的页面。 左侧就是所有的参数栏，在参数栏里我们可以选择导出页面的范围。当然这个页面也可以在右侧进行勾选。 我们也可以选择流畅、高清和超清分辨率，分别对应着导出不同宽度的jpg图片，以应对我们不同的需求。比如如果我们想用来做略缩图，就用流畅/300像素。如果要做大图就用超清/2000像素。 点击“导出选中页为图包（ZIP）”按钮，这样得到一个图片压缩包，所有图片都在里面，方便大家使用。 参数下面还有一个长图拼接设置，我们可以设置每一行有多少列图片拼接，也可以设置图片拼接的外边距和内边距，以及拼图的背景色彩。点击“生成并导出拼接长图”即可获得拼接长图。 同时我还做上了一个中英文切换按钮，可以根据用户的浏览器自动切换成对应的语言。同时由于使用的是JavaScript编码，所以实际上你的PDF是不会上传到服务器的，只是在本地的操作，也保证了文件的安全。 这个工具虽然很简单，但是我感觉确实是很实用。在这里也推荐给大家。

今天在看地图的时候，突然有个想法：我们省和市的行政边界，都是按照自然地理和历史的原因综合形成的。那如果不按照现有的行政中心定位，而是按照行政边界的几何中心来计算，会是什么样子？ 于是今天就开发了这个小工具： # 第 105 个工具：“省市几何中心地图” 这个工具的使用非常简单，点击你想要的省或者市，他就会立刻缩放到行政边界的位置，并且用中心点和同心圆显示你的省市中心点。 你可以点击放大，查看详细的街区细节，还能看到他的地址。 你也可以直接点击相机形状的截图按钮，这样你就会得到一张行政边界和几何中心的地图，同时上面会标有中心的经纬度位置和具体的地址。 我测试了下几个，首先是山东省，山东省的中心，在“山东省潍坊市临朐县城关街道临朐捷泰橡塑制品有限公司”。恭喜这家公司，有点东西。 河南省的中心，在“河南省许昌市建安区许由街道将官池镇第一中心幼儿园”。 上海市中心则是“浦东新区陆家嘴街道要得湖南湘菜馆”。无法解释，只能说：不简单！ 浙江的中心，在“金华市东阳市歌山镇林头小学”。 你还可以点击“看下辖市”，进入市一级查看。 济南的中心，在“黑龙峪村”，济南乡村振兴。 杭州的中心，在“九龙山”，杭州保护生态。 这是一个很有趣的工具。大家可以尝试一下。其实还可以更进一步，如果接入AI，还能让AI做出点评，相信会更有趣。目前也适配了手机版。

前面做了一个PDF文件导出图片的工具：把 PDF 文档导出为 JPG 图片，今天想了下，还可以做一个把 JPG 图片合并为 PDF 的工具。这个工具的名字就叫： # 第 106 个工具：“MergePro”——JPG与PDF合并工具 这个功能听上去简单，但是做出来还是非常好用的。 总体介绍：JPG与PDF合并工具是一款专注于效率与隐私的纯前端文档处理工具，主要用于将多种格式的图片与 PDF 高速合并为完整的 PDF 文件。以下是该工具的核心功能清单： ## 1. 跨格式混合合并 支持多个格式文件，合并到一份 PDF。 将原生的 PDF 文档与主流图片格式（JPG、PNG、WEBP）导入同一个工作区进行混合组装，并一键导出为单一的 PDF 文件。 ## 2. 纯前端本地化处理（绝对隐私保护） 所有的文件读取、解析、渲染与合并操作，均在用户本地浏览器的内存中实时完成。 零上传： 文件无需经过任何云端服务器或后端 API，从物理架构上彻底杜绝了商业机密或个人隐私泄露的风险。 ## 3. 图片原比例无损转换 在将图片转换为 PDF 页面的过程中，底层的处理引擎会自动读取源文件的像素长宽比（Aspect Ratio）。这样就会让你不同版式的内容都加入到同一个PDF，一个PDF中横向、纵向版式同时存在。 ## 4. PDF 精准页码提取 针对多页面的 PDF 文档，工具提供了细粒度的拆分控制。用户可以在对应文件下方的输入框内，精准指定需要提取的页码范围。 例如：输入 1, 3-5，系统在最终合并时，将仅抽取该文档的第 1、3、4、5 页，自动剔除不需要的冗余页面。 ## 5. 多维度的文件排序与重组 智能化排序： 提供按“文件名称”和“文件修改时间”进行一键排序的功能，且支持在升序（Asc）和降序（Desc）之间无缝切换，极大提升了批量处理文件的效率。 手动拖拽排版： 用户可以直接通过鼠标按住文件列表项，进行上下拖拽（Drag & Drop），自由调整文件在最终输出文档中的先后顺序。 全局状态管理： 顶部配备文件数量统计，并提供“一键清空”功能，方便用户快速重置工作区以开启下一轮任务。 ## 6. 实时可视化预览 采用经典的左右分栏布局。在进行合并操作前，用户点击左侧列表中的任意文件，右侧的独立视窗会立刻渲染并展示该图片或 PDF 的完整内容，实现“所见即所得”。

今天制作的是一个非常实用的工具：发票合并打印。365天独立开发挑战，进入了第107天。 # 第 107 个工具：“发票合并打印神器” 想象这个场景：今天是月底最后一天，晚上 9 点的办公室，只剩你一个人对着电脑发愁。 面前是几十张待处理的电子发票 PDF/JPG，电脑里开了十几个窗口，点打印点到手抖。打出来的发票要么大小不一、要么内容跑偏，一张 A4 纸只打一张票，半张都是空白，浪费纸又费时间。等到贴票的时候，还要对着参差不齐的发票一张张裁剪，越弄越烦躁，心里只剩一句话：电子发票打印怎么就这么麻烦？！ 不管是天天和发票打交道的财务出纳、每月要走报销的职场打工人，还是要处理经营票据的小微企业主、个体户，电子发票打印这件事，绝对是每月必踩的「效率大坑」。 今天，就给所有被发票打印折磨的朋友，安利一款我们专为国内电子发票场景量身打造的工具 —— “发票合并打印神器” 专治发票打印的各种不服，让你从繁琐的重复操作里彻底解放出来！ # 🔥 四大核心功能，搞定发票打印所有痛点 ## 1. 批量一键导入，告别重复操作 不用再一张张打开 PDF/JPG 文件、一个个点打印！ 工具支持批量多选导入电子发票 PDF/JPG，文件清单一目了然。导入多少张、发票总数多少，实时清晰展示，再也不会出现漏打、重打、数错张数的情况。 ## 2. 智能排版预设，极致省纸又合规 我们懂你最头疼的排版问题！ 工具直接预设了国内报销、归档最常用的两种打印格式，不用你手动调边距、缩放大 小、拼合页面，软件自动智能适配发票尺寸，一键搞定： 2 拼 1 (A4)：一张 A4 纸上下打印 2 张发票，完美适配常规报销贴票需求，尺寸标准规范，不用额外裁剪 4 拼 1 (横向)：一张 A4 纸横向打印 4 张发票，适合大批量发票归档，极致节省纸张和打印成本 不管多少张发票，都能一键规整排版，打出来每张都清晰整齐，再也不会出现打歪、内容不全、大小不一的尴尬。 ## 3. 所见即所得预览，打印零出错 导入发票即可实时预览完整打印效果，右侧预览区清晰展示每一张发票的内容和排版，打之前就能核对清楚，不用等打印出来才发现问题，白白浪费纸张和时间，新手也能零失误操作。 ## 4. 导出打印一步到位，全程不超 1 分钟 不用来回切换多个软件，不用复杂的格式转换。 选好排版、核对无误后，直接点击「导出并打印 PDF」，一键生成合并好的打印文件，可直接发送打印机，也可保存归档。哪怕是几十上百张发票，全程操作也不超 1 分钟，效率直接拉满。 # ✅ 这款工具，专为这些人量身打造 企业财务 / 出纳：每月大批量发票做账归档，批量打印告别加班，效率翻倍 职场打工人：日常差旅、办公报销，十几张发票一键排版，贴票再也不用剪得乱七八糟 小微企业主 / 个体户：日常经营发票打印，零学习成本，不用学复杂的 PDF/JPG 编辑，上手就会用 行政 / 人事：公司集采、团建、日常办公报销发票处理，高效省心不返工 # 🛡️ 这 3 个优势，直接戳中核心需求 ## 1. 纯本地运行，数据隐私绝对安全 很多在线发票工具需要上传发票文件到服务器，企业税号、交易信息、金额数据都有泄露风险。 “发票合并打印神器” 完全本地运行，所有发票文件只在你的电脑上处理，不上传、不读取、不存储任何发票数据，企业敏感信息全程可控，财务人可以 100% 放心使用。 ## 2. 零学习成本，小白也能一秒上手 没有复杂的操作流程，没有乱七八糟的付费套路，界面简洁干净，没有冗余功能。 三步就能搞定全流程：导入发票→选择排版→导出打印，哪怕是完全不懂 PDF/JPG 编辑的电脑小白，也能 1 分钟上手，不用看任何教程。 ## 3. 全格式适配，不翻车不踩坑 完美适配国内所有增值税电子普通发票、电子专用发票，以及各大平台开具的电子发票 PDF/JPG 文件，智能识别发票尺寸，不会出现格式错乱、内容缺失、二维码无法识别的问题，适配性拉满。 还在为电子发票打印头疼吗？ 别再把宝贵的时间，浪费在一张张调格式、点打印的重复劳动上了。

大家平时可能有这样的需求，有一堆图片，想要添加水印，不想用photoshop，怎么办？ 我制作了这个工具 365-tools WatermarkPro，设置了三种不同的水印样式，分别是：文字、图片、二维码。 文字水印：你可以输入文字，选择文字的色彩。调节透明度。 图片水印：你可以上传图片，调整大小，注意，我对图片水印增加了一个功能，就是选择一个颜色，他可以把色彩扣除，这样就有了一个透明背景水印，这个很实用。 二维码水印：你可以输入网址、文字，都可以，工具会自动生成二维码，你也可以选择二维码的背景色彩等，极大方便了使用。 你可以用鼠标移动画面上的水印，移动后，所有图片都批量是这个位置。比例不同的图片也会自动调整。 最后，你可以选择是依次下载所有图片，还是全部打包到一个 zip 文件下载。也是非常方便。

本来今天的原计划是开发一款小游戏。在挑选游戏音效素材时，我发现很多音效文件的前后都带着几零点几秒的“静音空白”。如果带进游戏里，点击反馈会有明显的延迟。 要怎么处理？平时的思路是：打开剪映、导入音频、放大时间轴、手动切掉空白、导出…… 但我犹豫了。为了这零点几秒的空白，还要去忍受庞大软件缓慢的启动时间？太麻烦了！作为一名开发者，遇到这种破坏心流的重复劳动，我的第一反应是：算了吧，我自己写个工具干掉它！ 于是，小游戏先放一边，今天的第 109 号作品 「AudioStudio Pro - 网页版音频切片神器」 就这样诞生了。 它没有花里胡哨的冗余功能，只为了解决一个痛点：快。 🔥 它能帮你做什么？ ✂️ 智能去空白 (Strip Silence)：核心杀手锏！调节好阈值，一键自动扫描并切除音频前后的无声段落，甚至能把中间的停顿自动切成多个独立片段。 🖱️ 拖拽即用，毫秒级响应：不用下载，不用安装。把文件拖进网页，直接在波形图上调整截取点，点完立即导出。 🎛️ 多轨试听与合并：支持多个音效拖拽排序，独立试听，一键无缝合并成一个长音频。 🔒 100% 纯本地运行：所有音频解码、切片都在你的浏览器本地运算，保护隐私，断网也能用。 有时候，提升生产力的工具，往往就诞生于我们想“偷个懒”的瞬间。如果你也是一位经常和音频素材打交道的开发者、自媒体人或视频创作者，受够了为了剪几秒音效去打开臃肿的桌面软件，欢迎来试试我的 Day 109 作品！

过去的一百多天里，我高频输出了各种硬核的数据可视化工具和提效效率软件。但今天，我想换个口味。在满屏的代码和逻辑中抬起头，我决定用 AI 这个“数字义体”，做一点纯粹好玩的东西—— # 我的第110款应用正式上线：《EMOJI 宇宙保卫战》。 这是一款结合了肉鸽（Roguelike）元素的“割草”生存小游戏。玩法非常直觉：你驾驶一艘飞船在深邃的宇宙中穿梭，四面八方会有源源不断的 Emoji 怪物向你涌来。你要做的就是不断移动躲避，收集它们掉落的升级部件，然后在极致的拉扯中，看着自己的火力一点点进化成毁天灭地的面杀伤网络。 ## 💥 核心武器系统，主打一个“爽”字： 为了让清屏的快感拉满，我为飞船设计了五条截然不同的进化路线。在游戏过程中，你可以通过随机掉落的道具，自由搭配你的武器库： 🔫 物理子弹：极致的射速与威力，满10发后质变，享受突突突的纯粹。 🔥 火爆炸：所过之处留下高温灼烧带，燃尽后还会生成触碰引爆的地雷，封路神器。 ⚡ 闪电链：全屏多目标跳跃反弹，高频次打击连锁递增伤害，视觉效果拉满。 ❇️ 极光：射线逐渐变粗，无阻碍贯穿所有直线敌人，真正的星际主炮。 ❄️ 冰冷冻：极大范围强控，不仅能冻结敌人，还能施加1.5倍的真实破冰伤害。 🛠️ 开发幕后：自己造的轮子，含着泪也要用得爽 作为一名独立开发者，这次开发游戏给我带来最大的挑战其实不是画面表现，而是音效处理。打击感很大程度上来源于声音的反馈。 有趣的是，这恰好构成了我 Vibe Coding 挑战中的一个完美闭环——昨天我刚刚发布了一款自己开发的“音频处理工具”，今天在开发这款游戏时，昨天的工具就直接派上了大用场，帮我高效完成了游戏内各种音效的剪辑与调试。 一个人干所有的活，自己造的轮子自己立刻用上，这就是“一人公司”最高效、最性感的运转方式。 目前游戏已经部署在我的独立工具站上，完美支持键盘和鼠标操作。如果你今天的工作有点累，或者就是单纯想找个地方解压“割草”，欢迎来试试。

# 智能生成日历（月历）生成器，日历制作方便多了 我的第111款应用正式上线：智能日历/月历生成器 今天的任务原本很明确：开发一款纯前端、支持自适应排版与批量导出的日历生成工具（CalendarPro）。但有趣的事情发生了——在与不同的 AI 作为认知义体进行协作时，因为底层逻辑和交互引导的微妙差异，我最终竟然平行开发出了两个截然不同的版本： 一个是由 Gemini 驱动生成的“极简版”，另一个是由 ChatGPT 驱动生成的“豪华版”。 作为我的第111个作品，这绝对是一次计划外的奇妙实验。今天，我想和大家聊聊这两个“双生子”，以及这背后关于独立开发的一些思考。 🔪 极简版 (Gemini 协作)：锋利、直觉与纯粹 在极简版的开发流中，整个过程像是在进行一场快速的神经漫游。 这个版本没有冗余的控件，去掉了复杂的配置项，直奔核心诉求：上传图片、选择月份、一键生成。它的 UI 呈现出一种克制的高级感。在代码层面，它追求的是极低的代码复杂度和最高的运行效率。 🛡️ 豪华版 (ChatGPT 协作)：全面、掌控与工程化 如果说极简版是一把手术刀，那么豪华版就是一个重型装甲控制台。 在豪华版的构建中，功能被不断推演和放大：深度的参数精调、国际化双语引擎（i18n）、流式批量渲染、CSS 变量驱动的自适应 Flex/Grid 布局，以及逐月图库管理器。右侧的预览区可以无限延伸，左侧的面板充满了各种像素级的调节杆。 这里面的调节可以说是做到了极致，各种参数，还有多个模版，都考虑到了。 💡 为什么会产生两个版本？ 同样的需求，为什么会结出两颗不同的果实？这其实触及了 Vibe Coding 的核心：你输入给大模型的每一个词元（词元），都在塑造最终的产物。 不同的 AI 有着不同的“性格”和推理惯性。在协作过程中，我顺应了它们各自的反馈节奏，把简单的想法交给直觉，把复杂的架构交给工程推演。这其实也是一种开发过程中的课题分离——不要强求一个模型做所有事，而是根据工具的特性，剥离出不同的产品形态。

今天是来到了 365 天 AI 独立开发挑战的第 112 天。今天的作品，是一个我以前做过的工具，文字转长图片。 当时还是微博时代，很多人有发长文的需求，微博当时限制字数，于是我做了一款长图片工具，还帮很多读者制作了模版，当时叫“长图片”。 今天恢复下这个工具，做的更简洁了一些，叫做：长图卡片生成器。 平时我们在社群或者文章分享长文字（干货文章、读书笔记、思考总结），总希望能快速生成一张排版优雅、清新风格的长图。市面上的工具不少，但不是本地的，上传内容到云端也有隐私风险。 今天做的这个是一个轻量、极致、完全在本地运行的版本，主要功能如下： 1、100% 纯本地计算：无任何后端服务器交互。你的文字、排版全在浏览器本地完成，极速响应，彻底杜绝数据泄露风险。 2、像素级严谨排版：为了治愈强迫症，我在底层架构上死磕了渲染引擎的各种天坑，用原生 Canvas 绘制配合严格的绝对定位，彻底解决了传统工具常有的“文字偏移”和“高度塌陷”问题，真正做到“所见即绝对所得”。 3、十款配色主题：不再只有单一的白底黑字。工具内置了“极简暗夜”、“克莱因蓝”、“复古牛皮纸”、“赛博朋克”等 10 套精心调配的主题，只需一键切换，就能让排版适配你的文字情绪。 4、特色功能：这个工具的最大特色，是可以处理 Markdown 语法的文章。左侧输入文字后，右侧支持格式处理与无极缩放预览。不仅支持两端对齐的细腻文本处理，排版完成后还可直接一键复制到微信或下载超清大图。 5、参数调整：页眉、页脚的文字，都可以自由设定。

你有没有这种时候：写文章时开着一堆窗口，记事本存草稿，浏览器查资料，Markdown还得另开预览；复制来的文字全是乱空行、乱标点、乱空格，改着改着，人就烦了。 所以我做了 365 天独立开发挑战的第 113 个作品：沉浸式极简文本编辑器。 现在已经成为我日常用的最多的工具，我会一直开着它，复制粘贴内容，经常需要进去调整下，沉浸写作业方便。 # 它是一个专门给“长期写字的人”准备的工具。 1、支持多标签，一篇文章一个页签，灵感、摘录、草稿都能分开存； 2、自动本地保存，下次打开页面，没关掉的内容会原样恢复，不怕丢稿。注意浏览器清空缓存会删除。 3、右侧菜单还能直接完成搜索、替换、去空行、加空行、去空格、中英文标点转换等高频操作，不用来回折腾。 4、更重要的是，它还支持Markdown 一键预览，写完马上看最终效果；字体、字号也能自己设，而且会自动记住。 5、点击全屏后，整个界面尽量做得安静、简洁，就是为了让你少折腾工具，多专注内容。 6、如果你仔细听，打字时候还会有声音。 7、我还专门设置了快捷键~ 变成了一个真正完整的软件。 Ctrl+N 新建标签 Ctrl+W 关闭当前标签 Ctrl+S 导出当前 txt Ctrl+Shift+S 导出全部标签状态 Ctrl+F 聚焦查找 Ctrl+M 切换 Markdown 预览 Alt+1/2/3... 快速切换标签 这个工具不是拿来炫技的，它就是想解决一件事： 让写作更顺，让整理文本不再打断思路。

这是我「365天独立开发挑战」的第114个工具。这一次没有做效率工具，而是做了一个很简单的地理小游戏： # 中国城市距离王 玩法其实很直接：系统给出一个起点城市，再提供两个备选城市，玩家只需要判断，哪一个离起点更远。答对可以继续，答错就结束，连胜次数就是成绩。 规则听起来很简单，但真正玩起来，会发现它并不是一个“常识题”。 很多人对中国城市的大致方位是有概念的，但一旦进入具体的距离判断，就容易出现偏差。尤其是东西方向的距离差异、沿海与内陆的空间感、以及中部城市之间的相对位置，往往和直觉并不完全一致。 也正因为这样，这个游戏的乐趣不在于“记住答案”，而在于不断修正自己的空间认知。 整个过程其实是在做一件很有意思的事情：把一张抽象的中国地图，慢慢转化成更有尺度感的认知结构。（本游戏距离采用城市经纬度计算的球面直线距离，并非道路或高铁实际通行距离） 这也是我这次比较在意的一点——它不只是一个消磨时间的小游戏，同时也在无形中训练你对城市关系的理解。 目前这个版本已经支持连胜记录和简单的结果展示，你可以把自己的成绩保存下来，也可以生成一张分享图，拿去和朋友比一比。 如果你对中国城市的距离关系有信心，可以来试试看。 比如，一个很直观的目标是：能不能稳定做到10连胜，或者再往上冲一冲。

今天给大家带来的第115号作品，主打一个轻松、解压和上头的 Emoji 弹弓物小游戏——「Emoji 弹弓闯关」。无需下载安装，打开浏览器就能随时随地摸鱼来上一局。 # 🎮 万物皆可 Emoji，解压就在一瞬间 相信大家都对经典的弹弓射击玩法不陌生，这次我把游戏里的元素全部替换成了大家日常聊天最眼熟的 Emoji。 在游戏中，你需要按住屏幕拖动蓄力，观察抛物线轨迹，把 🐤、🐧、🦆 等各色小鸟发射出去。你的目标是精准击中右侧由木板搭建的积木高塔，利用物理坍塌，把藏在里面的 😈、👾、🤖 等反派 Emoji 全部消灭！ 得益于背后 Matter.js 物理引擎的加持，木块受力倒塌、碰撞和掉落的反馈非常真实。看着精心堆砌的高塔在你的精准一击下“轰然倒塌”，配合着网页里自带的复古 MIDI 电子音效，真的非常解压。 # 🚀 策略与运气并存的硬核机制 虽然只是个单页面的小游戏，但我还是在里面塞入了不少有趣的机制，保证你越玩越上头： 特殊弹药，全损输出：除了一般的 Emoji 小鸟，难度提高后，你的弹药库会随机刷出“冲刺小鸟 🚀”（速度极快，能连续穿透多层木板）和“炸弹 💣”。特别是炸弹，在它飞到半空时再次点击屏幕可以手动引爆，找准时机凌空一击，直接清空一大片！ 肉鸽关卡，拒绝背板：游戏里的每一关，右侧的柱子、横梁、平台和敌人分布都是全随机生成的。随着关卡深入，敌人数量最多会暴增到 30 个！找不到承重墙？那就全凭手感和运气吧。 弹药管理，挑战高分：别以为可以无限火力狂轰乱炸。每一关的弹药数量都是系统根据难度动态计算的，不仅非常紧凑，而且在过关时，省下的弹药越多，结算得分就越高。想要打出逆天高分，就得追求“一发入魂”的连锁坍塌。

日常做内容时，图片裁剪几乎是一个高频动作。 发小红书，要 4:5；做头像，要 1:1；做简历证件照，要固定像素；整理 AI 模型训练素材时，也经常需要把大量图片统一裁剪成 1:1 或其他固定比例。 所以这次我做了一个网页版的【全能图片裁剪工具】，目标很简单：不用安装软件，打开网页就能完成单图和多图裁剪。 # 一、核心思路：少操作，快完成 这个工具主要解决三个问题。 ## 第一，常见场景不用记比例。 工具内置了原图比例、1:1、4:3、16:9、3:4、小红书封面 4:5、抖音头像、简历证件照、朋友圈配图等常用比例。用户只需要选择使用场景，不需要自己计算尺寸。 ## 第二，单图和多图都要方便。 电脑端默认进入多图裁剪模式，适合批量处理图片；手机端默认进入单图裁剪模式，界面更简单，同时底部保留“多图裁剪”入口。 ## 第三，裁剪后能快速导出。 如果只上传一张图，点击下载即可保存单张图片；如果上传多张图，默认自动打包为 ZIP，文件名也会自动处理为“原图名_cropped”的格式，方便后续整理。 # 二、主要功能：覆盖日常图片裁剪场景 工具支持拖拽上传，也可以点击按钮批量选择图片，单次最多支持 20 张。上传后，页面会自动生成裁剪框，默认按照原图比例显示，用户可以拖动裁剪框位置，也可以拖动边缘和角点调整大小。 在比例选择方面，除了基础比例，还加入了场景化预设。例如小红书封面可以直接选择 4:5，抖音头像可以选择 1:1 并显示安全框，简历证件照则会按照 354×472 像素导出。 多图裁剪是这个工具的重点。上传多张图片后，左侧会显示缩略图列表，每张图都能单独调整裁剪框。如果多张图需要统一比例和位置，也可以点击“应用到所有图片”，把当前图片的裁剪设置同步到全部图片。 # 三、也适合 AI 模型训练素材预处理 除了日常内容创作，这个工具也适合用于 AI 模型训练前的数据预处理。 比如在整理 LoRA 训练素材、图像分类数据集、风格参考图、角色图或产品图时，很多图片需要统一裁剪成 1:1、4:3、16:9 等固定比例，保证数据尺寸和构图更加一致。 传统做法往往需要一张张打开图片处理，而这个工具可以一次上传多张图片，统一选择 1:1 比例，再把当前裁剪框应用到所有图片，最后批量导出为 ZIP，明显减少重复操作。 当然，它不是完整的数据清洗工具，不负责打标签、去重、筛选低质量图片，也不做 AI 主体识别。但对于“批量裁剪成统一比例”“快速整理训练素材”“统一图片构图”这些前置步骤来说，已经很实用。 # 四、移动端：尽量保持极简 手机端没有照搬电脑端复杂面板，而是做成底部工具栏，只保留最常用的操作：比例选择、居中、旋转、多图、下载。 在多图模式下，用户可以通过顶部缩略图横向切换图片，并直接在当前图片上调整裁剪框，更适合手机触屏操作。 # 五、后续可以继续升级 当前版本没有加入 AI 功能，主要是先把基础裁剪、多图批量、移动端交互和下载流程做好。后续可以继续加入主体识别、人物居中、地平线自动校正、智能构图等能力，让裁剪从“手动调整”进一步升级为“智能辅助”。 总体来说，这个工具适合内容创作者、设计师、自媒体运营、电商卖家、AI 绘图用户，以及需要整理模型训练素材的人使用。它不追求复杂专业参数，而是希望把日常图片裁剪这件小事，做得更快、更顺手。

最近在写文章时候遇到个问题，我看到一个概念、一个地名、一个政策表述的时候，就想查一下是否准确，我要复制、切换浏览器、打开搜索、粘贴、再回到原文继续看。 动作不复杂，但一天重复几十次，就很打断思路。 所以我做了 365 天 AI 开发挑战的第 117 个作品： # 选文字-自动搜索工具 1、它的逻辑很简单：左侧选中文字，右侧自动显示搜索结果。 你把文章、政策文件、会议纪要或资料粘贴到左侧，鼠标选中任何一句话、一个词、一个概念，右侧就会自动搜索。 为了让阅读更舒服，左侧不只是普通输入框。粘贴内容后，可以一键“确认成网页文字”，变成类似文章阅读页的排版，再去选择文字会更自然。需要修改时，也可以随时返回编辑。 2、右侧默认使用 Bing 作为 iframe 搜索预览，因为百度通常不允许嵌入页面，所以我保留了“百度新窗口”按钮。这样既能在页面内快速查看，也能在需要时直接跳转百度。 3、此外，我还加了一些小功能：查询记录、复制关键词、精准搜索、多引擎打开、清理空行、字号调节、当前关键词高亮等。它不复杂，但很适合长期写文章、做研究、查政策、整理资料的人。 # 总结： 这个工具解决的不是“大问题”，而是一个高频小痛点：减少切换窗口，降低查询成本，让资料核查尽量不打断思路。

365独立开发调整进入第118天，今天制作的是“全球实时地震地图”。实时展示全球地震发生位置、震级、深度与时间信息。地图支持点位可视化、震级强弱区分、列表查看与点击定位，适配电脑和手机端，适合地震动态查看、科普展示和空间信息可视化使用。（数据来自USGS，仅供参考，不作为准确科学依据）

我们每天刷视频、发消息、看新闻、开远程会议，总觉得信息都在“云端”流动。 但真正支撑全球互联网的，并不只是看不见的云服务，而是一条条真实存在的海底通信线路。它们穿过太平洋、大西洋、印度洋，把不同国家、城市、岛屿和数据中心连接在一起。 365独立开发调整进入第119天，我做了一个小工具：把这些隐藏在海底的全球连接关系，放到一张地图上。 全球海底光缆可视化地图 打开页面后，你可以看到一条条发光的线路，从亚洲延伸到欧洲，从美洲跨越大洋，也在许多沿海城市和岛屿之间交织。它看起来像一张巨大的蓝色网络，也像全球互联网真实的“骨架”。 这个页面支持搜索和筛选，可以按亚洲、欧洲、美洲、非洲、大洋洲查看不同区域的线路，也可以点击某条线路，查看它的长度、启用时间、所有者等信息。为了让地图更直观，我还做了线路高亮、发光效果和坐标处理，让它既能看数据，也有一点赛博基础设施的视觉感。 这个工具最有意思的地方，不只是看“哪里有线”，而是换一个角度理解互联网。 我们习惯把数字世界想象成轻盈的、虚拟的、漂浮在云端的东西。但事实上，一次跨国访问、一条海外消息、一场远程会议，背后可能都经过了某条安静躺在海底的光缆。 世界之所以能够被实时连接起来，靠的不只是算法和平台，也靠这些沉默的基础设施。 如果你对地图、城市、基础设施、全球网络或数字经济感兴趣，可以打开看看。也许看完之后，你会对“上网”这件事，有一点不一样的感觉。

北京最近的朋友是谁？上海周边到底有多“热闹”？武汉为什么总给人一种“去哪儿都不算太远”的感觉？成都、西安、乌鲁木齐这些城市，放到全国城市网络里，又分别站在什么位置？ # 这是我365天独立开发挑战的第120个作品：中国城市朋友圈地图。 它不是传统地图，也不是行政区划查询工具，而是一个用城市经纬度做出来的小实验。简单来说，我把中国地级及以上城市都放到地图上，然后计算它们之间的直线距离，再把这些距离关系可视化出来。 # 最有意思的是“城市朋友圈”。 你可以选择任意一座城市作为中心。地图会以这座城市为圆心，自动找出它周边距离最近的一批城市，并画出连线和同心圆。 离得越近，圈越靠里；离得越远，圈越靠外。这样一看，一座城市的空间关系就像被摊开了：谁离它最近，谁在它的第一圈朋友里，谁又属于更远一点的关系。 这个功能特别适合做一个问题： # 你家城市最近的朋友是谁？（直线距离） 很多时候，我们对城市距离的感觉并不准确。有些城市听起来很远，其实在地图上并不远；有些城市明明在同一个区域里，但真正算距离，可能比想象中要远得多。这个工具就是想把这种“城市距离感”直观地画出来。 # 除了朋友圈，我还做了几个小指标。 比如“300公里内有多少城市”。这个很好理解：以一座城市为中心，看看它周边300公里范围内有多少座城市。数量越多，说明这座城市周边越热闹，也越容易形成密集的城市网络。 再比如“500公里内有多少城市”。这个范围更大一些，可以看一座城市在区域尺度上的连接感。长三角、珠三角、中原、山东半岛、长江中游这些地方，城市点往往会更密集；而在西北、西南和边疆地区，城市之间的距离感就会明显拉开。 还有一个指标叫“全国平均距离”。它会计算一座城市到其他所有城市的平均距离。这个指标不代表城市强弱，但可以看出它在全国城市空间里是不是比较“居中”。有些城市天然处在全国城市网络的中间地带，去哪里都不算特别远；有些城市则更像是站在边缘，拥有完全不同的空间气质。 当然，这个工具算的是经纬度之间的直线距离，不是高铁距离，也不是开车距离。所以它不是交通可达性地图，而是一张更基础的“空间距离地图”。 但正因为基础，它反而很有趣。 它能让我们用一种很轻松的方式重新理解城市：一座城市不是孤零零的点。它身边有朋友，有近邻，有圈层，也有远方。不同城市的朋友圈大小不同，密度不同，位置也不同。 如果你生活在长三角，可能会发现身边城市非常密集，几十到一两百公里内就有一串城市；如果你生活在西北，城市之间的距离可能一下子就被拉大了。地图上的每一条线、每一个圈，其实都在讲中国城市空间格局的差异。 这个作品目前还是一个小实验，但我觉得后面可以继续做得更有意思。 比如加入高铁时间，做真实的“几小时城市圈”；加入人口和GDP，看看城市之间的吸引力；加入夜间灯光，观察城市群的亮度；甚至做成一个小游戏，让大家猜两座城市到底相距多少公里。 第120个作品，我想先从一个最简单的问题开始： 如果城市也有朋友圈，你家城市的第一位好友是谁？地图会告诉你答案。

做城市研究、规划分析、数据整理时，经常会遇到一个看似简单、但特别消耗时间的问题：我想快速知道某个省下面有哪些城市，某个城市下面有哪些区县，还想顺手拿到名称、行政区划代码、经纬度，最好还能直接复制成表格。 所以，我做了365天AI开发挑战的第121个作品： # 中国城市与区县层级查询工具 这个工具的核心逻辑很简单：把中国行政区划做成一个可以展开的层级树。从“中国”这个根节点开始，可以查看全国省级行政区，也可以继续向下查看地级市、区县等层级。点击任意节点，都可以选择“显示下一级”或“显示下二级”，快速获得对应范围内的行政区列表。 它不是单纯给人看的目录，而是更偏向数据整理场景。查询结果会自动生成可复制内容，支持多种格式：每行一个名称、中文顿号分隔、英文逗号分隔、CSV简版、CSV完整字段和JSON。也就是说，不管你是写文章、做表格、做地图、做数据库，还是准备后续批量处理，都可以直接拿来用。 我还把adcode、中心点经纬度等字段一起整理出来。对于做地图可视化、城市数据分析、区县名单整理的人来说，这些信息非常实用。比如想做某个省的城市列表、某个城市的区县分布、全国地级市基础数据，都不用再到处复制粘贴。 页面左侧是行政区划层级，右侧是查询结果和表格预览；结果可以一键复制，也可以下载为txt、csv或json文件。同时，每个行政区还预留了“内容页”入口，后续可以继续扩展成城市介绍页、区县资料页、城市数据页，甚至成为一个行政区划知识库的基础框架。 这个工具不复杂，但很实用。它解决的是日常工作里那种“小而频繁”的麻烦：查名单、复制字段、整理层级、生成表格。对规划师、研究者、内容创作者、地图开发者来说，应该都能省下不少时间。 第121个作品，先把中国城市与区县的基础查询这件事做顺。后面再接地图、统计、可视化，它就会变得更有意思。

今天是365天独立开发挑战的第122个作品，如果不看省界、不看城市排名，只看一个问题：每座城市，离谁最近？ 这样看，中国城市会变成什么样？ 最近我做了一张很有意思的专题地图，暂时先从一个简单功能讲起： # 中国城市星座 它的逻辑很简单：把全国300多个城市放在地图上，然后让每座城市连接到它最近（驾车时间最短）的一座城市。 这样一来，原本一个个分散的城市点，就会慢慢连成一张像星座一样的图。 有的地方，城市密密麻麻，线条交织在一起，像一团明亮的星云；有的地方，城市沿着某个方向排开，像一串项链；还有一些地方，城市之间距离很远，看起来就像孤星一样，独自面对辽阔的空间。 这张图最有趣的地方，不是告诉你哪个城市更大、哪个城市更强，而是换了一个角度去看中国城市： 谁和谁离得更近？ 哪些城市天然更容易发生联系？ 哪些区域已经形成了密集的城市网络？ 哪些地方则更像一条线性的城市走廊？ 比如在一些城市密集地区，城市之间的最近连接会非常短，像是彼此挨得很近的朋友。这样的区域，往往意味着城市之间的日常往来、产业协作、物流交通、跨城消费，都更容易发生。 而在一些沿江、沿海、沿交通通道分布的地区，城市可能会形成一串连续的线。这种“串珠式”的结构很有意思，它说明城市不是随机分布的，而是被河流、道路、地形、产业和历史共同“串”了起来。 还有一些城市，周边最近的城市也并不近。它们在地图上看起来比较孤独，但这并不代表不重要，而是说明它们面对的是另一种空间尺度：更辽阔的腹地、更长距离的联系，以及不同于城市群地区的发展逻辑。 # 我喜欢把这种图叫做“城市星座”。 因为它不像普通地图那样，只告诉你城市在哪里；它更像是在展示城市之间隐藏的关系。那些线条，就像城市之间看不见的联系：近的地方更紧密，远的地方更疏朗，成团的地方像城市群，成串的地方像发展走廊。 打开这张图，你可以随便选择一个城市，看看它最近连接的是谁；也可以直接看全国城市之间形成的整体结构。 你会发现，中国城市并不是均匀铺开的点，而是一组组由距离、交通、地形和区域发展共同编织出来的“星座”。

中国城市朋友圈。这里面包括三个内容：朋友圈，彩虹道，星座图~，我把他们全都集中到了一个平台。 这是一个面向城市研究、规划分析、区域观察和公众传播的地图可视化产品。它不再只是展示城市点位，而是进一步基于城市之间的真实驾车距离与驾车时间，构建城市之间的空间联系关系，让用户可以更直观地观察中国城市网络的结构特征。 简单来说，这个工具想解决一个问题： 当我们从真实交通距离出发重新观察城市，中国城市之间会呈现出怎样的关系图景？ 在“中国城市朋友圈”中，用户可以选择任意一座城市，系统会自动展示该城市周边距离较近、驾车时间较短的一批城市，并通过圈层、连线、颜色和地图图例进行表达。相比普通城市列表，这种方式更直观，也更容易看出一座城市所处的区域位置、周边联系密度和空间关系特征。 工具目前设置了多个可视化模式，适合从不同角度观察城市关系。 一是城市真实朋友圈。 用户选择一座城市后，地图会显示它的“城市朋友”分布，并通过同心圈、半透明面和连线表达不同城市之间的远近关系。用户还可以调整圈层样式，包括线圈、面状覆盖、颜色、透明度和线条粗细等，让城市关系既能用于分析，也能形成较好的制图效果。 二是真实驾车彩虹路。 系统可以展示城市之间的真实驾车路径，并按照时间进行分段表达。路径不只是简单连线，而是可以用颜色呈现时间推进关系，让用户看到从一座城市出发，不同时间段内路径如何向外延展。 三是彩虹等时圈面与彩虹网格等时面。 这两个模式更偏向城市可达性表达。它们把城市向外扩散的交通时间关系转化为彩色圈层或网格面，让“1小时、2小时、3小时、5小时可达范围”变得更加直观。对于理解城市影响范围、区域交通联系和空间可达性，这类表达会更加清晰。 四是3小时朋友圈密度与5小时朋友圈密度。 这两个模式用于观察全国城市在不同时间尺度下的联系密度。点越大、色彩越强，说明该城市在相应时间范围内可达的城市越多。这有助于识别城市群、都市圈、交通走廊以及区域联系较密集的空间单元。 五是全国驾车中心性。 这一模式从全国尺度观察城市在驾车网络中的相对位置。它不是城市规模排名，也不是经济强弱判断，而是从真实驾车时间关系出发，观察哪些城市在全国交通联系中更具空间居中性。 六是全国城市星座图。 系统会将城市之间最近的驾车关系连接起来，形成一张类似“星座图”的城市关系网络。用户可以调整线条粗细、节点大小、节点颜色和透明度，从整体上观察中国城市之间的近邻结构、走廊形态和区域集聚特征。 除了不同的分析模式，这个工具也对使用体验做了进一步优化。页面支持多种高德地图底图样式切换，便于后续适配不同专题风格； 支持截图模式，能够保留地图标题和图例，隐藏操作面板，方便用于文章配图、汇报展示和专题传播；在手机端访问时，菜单默认收起，优先展示完整地图画面，更适合移动端浏览和分享。 “中国城市朋友圈”并不是一个城市排名工具，也不是单纯的交通查询工具。它更像是一个城市关系观察平台：通过真实驾车距离，把原本隐藏在城市之间的空间联系转化为可视化图景。 从一个城市的朋友圈，到一片区域的密度；从真实路径，到等时圈和网格面；从城市点位，到全国城市网络，这个工具希望提供一种新的观察方式： 用地图看城市，用距离看关系，用可视化理解区域格局。

这是我365天独立开发挑战的第124个开发作品： # Markdown文字思维导图工具 它的功能很简单：把一段Markdown内容，自动转换成文字版的树状结构，也就是用字符符号表达出来的“文字思维导图”。 比如你有一篇文章大纲、一份政策目录、一组资料清单，原来可能是这样的Markdown： 一级标题、二级标题、三级标题，下面再跟着一串列表内容。 复制到工具里之后，系统会自动识别标题层级、无序列表、有序列表和普通段落，并生成类似文件树一样的结构化文本。这样一来，原本比较长、比较散的内容，就能快速变成层级清晰、便于阅读和复制的导图式文本。 比如这样： 这个工具主要适合几类场景。 第一，适合整理资料目录。比如政策文件、研究报告、项目资料、知识库内容，都可以快速转成树状结构，方便查看整体框架。 第二，适合梳理文章大纲。写公众号文章、课程提纲、汇报材料时，可以先用Markdown写结构，再一键生成文字导图，用来检查层级是否清楚、内容是否完整。 第三，适合做项目清单和知识库导航。很多时候，我们需要的不是一张复杂图片，而是一段可以复制、可以粘贴、可以继续修改的结构化文本。文字版导图更轻、更快，也更适合放进文档、网页或聊天窗口里。 工具支持多种符号模板，包括经典文件树、加粗结构线、ASCII纯文本、箭头导图、圆点导图、菱形导图等。 用户还可以设置根节点标题、缩进宽度、是否显示竖向连接线、是否保留普通段落、是否自动去除Markdown行内符号等。 生成结果后，可以直接复制，也可以下载为TXT文件。输入内容时还支持实时预览，边修改、边生成，结构变化一眼就能看到。 这个小工具解决的不是复杂问题，而是一个很具体的整理需求：把已有的Markdown内容，快速变成清晰、可复制、可传播的文字版思维导图。 对于经常整理资料、写文章、做知识库和处理政策文本的人来说，它应该会是一个挺顺手的小工具。

做公众号封面、工具配图、网页Banner、产品介绍图时，经常会遇到一个很现实的问题：图片本身能用，但风格不够统一。 有时候想要一张偏赛博蓝紫的科技图，有时候想要复古胶片质感，有时候又希望图片变成黑白高对比、像素风、老照片风，方便和文章主题、页面设计或者视觉海报搭配。 如果每次都打开专业修图软件，步骤就有点重了。调亮度、调对比度、加滤镜、加噪点、做暗角、再导出，动作不复杂，但很容易打断创作节奏。 所以我做了一个新的小工具： # 图片特效调色板 它的定位很简单： 上传一张图片，然后像调色一样快速生成不同风格的视觉效果。 打开页面后，用户可以直接上传JPG、PNG、WEBP图片。上传完成后，页面会自动进入图片处理界面，左侧是图片预览区，右侧是参数调节面板。所有效果都在浏览器本地实时处理，不需要复杂操作，也不需要上传到后台排队等待。 工具支持基础调色参数，包括亮度、对比度、饱和度、色相、灰度、反相、老照片和模糊。比如一张普通照片，可以快速调成更明亮通透的风格；也可以降低饱和度、增加对比度，变成更适合报告或封面的黑白效果；还可以加入老照片参数，做出偏复古的档案感。 除了基础调色，我还加入了几类更有设计感的特效。 第一是混合叠色。用户可以选择一种颜色覆盖在图片上，再通过不同的混合模式叠加到原图中，例如overlay、screen、multiply、soft-light等。这个功能很适合把图片统一成某种主色调，比如蓝紫科技风、暖黄色复古风、冷灰高级感等。 第二是纹理特效。工具支持像素化、噪点、扫描线和暗角。像素化可以做出游戏画面或者低清屏幕的感觉；噪点适合做胶片、复古、海报质感；扫描线可以营造监控屏、数据屏、科技界面的氛围；暗角则可以让画面中心更突出，整体更有封面感。 为了让使用门槛更低，我还做了几个一键预设，包括清新、赛博、复古、胶片、黑白和像素。用户不需要一开始就理解每个参数，只要点一下预设，就能看到完全不同的效果，然后再根据自己的需要微调。 这个工具还有一个比较实用的设计：分屏对比。 处理图片时，很多人最怕调着调着就不知道原图是什么样了。所以页面中间设置了一个可以拖动的对比滑块，左边显示原图，右边显示特效后的图片。拖动滑块，就能很直观地比较处理前后的变化。 和地图工具不同，图片处理没有地图瓦片跨域截图的问题，因此这个工具可以直接导出结果图。目前支持导出PNG和JPG，处理后的滤镜、叠色、噪点、像素化、暗角等效果都会一起保存下来。 我觉得这个工具比较适合几类场景： 做公众号封面时，可以快速统一图片风格；做网页Banner时，可以把普通图片处理得更有设计感；做产品介绍图时，可以快速生成不同视觉方向；做AI图片后期时，也可以作为一个轻量级调色工具，批量尝试不同气质。 简单来说，图片特效调色板不是专业修图软件的替代品，而是一个更轻、更快、更适合日常创作的小工具。 它解决的不是复杂修图问题，而是一个很常见的需求： 当你手里已经有一张图片，想让它更适合发布、更适合排版、更适合某种视觉主题时，可以快速试出一个方向。 很多时候，一张图只差一点点调色和质感，就能从“能用”变成“好用”。 这就是我做这个工具的原因。

做地图可视化时，底图风格直接决定作品气质。想要科技感、复古质感、蓝图线稿等不同风格，高德地图自带的自定义样式需后台配置，流程繁琐，临时出图、快速试错格外不便。 为此，我做了「地图调色板」——一款轻量的地图视觉后期工具。 它无需修改地图数据、不用进后台配置，直接在地图上叠加滤镜系统，像给图片调色一样处理地图：基础调色可调整亮度、对比度、饱和度等参数，一键实现老照片、黑白线稿、反相等效果；支持多模式混合叠色，搭配像素、噪点、扫描线等Canvas纹理，轻松打造赛博、复古、科技等多元风格；内置多款一键预设，零基础也能快速出效果；适配公众号封面、规划报告、数据大屏等场景。 它就像地图的轻量版Photoshop，让地图不止是严肃的工具，更能成为随手可用的设计素材，轻松拉满作品的完成度，这也是我做它的初衷。

想换一张特别一点的手机壁纸，不一定要去素材网站里翻很久。你生活过的城市、每天经过的街区、旅行时停留过的地方，本身就有很强的记忆感。把它们变成一张干净的地图壁纸，其实比普通风景图更有个人味道。 我做了一个极简的高德地图手机壁纸工具，打开就能用。页面本身就是一个全屏地图取景器：你在浏览器里看到的画面，基本就是最后下载出来的壁纸。拖动地图、缩放地图、换一个样式，然后点击下载，就能得到一张高清PNG。 这个工具默认使用2D地图，并且关闭所有地图文字。没有地名、道路名、POI名称的干扰，只保留道路、建筑和城市纹理，所以画面会更安静，也更适合当锁屏或桌面。喜欢浅色可以选清透、薄荷，想要更酷一点可以选夜幕，想要柔和一点可以选马卡龙，所有样式都是点击切换，不需要复杂设置。 定位也很直接。你可以授权定位到当前位置，也可以搜索城市、地标、小区，甚至输入经纬度。找到地点后，直接拖到你喜欢的构图，调一下缩放，满意了就下载当前画面。 我特意把它做得很轻：没有机型选择，没有一堆参数，也不用理解什么比例和分辨率。手机上打开时，地图会自然撑满浏览器，下载时也尽量保持和当前显示一致。iPhone上会先生成预览图，可以长按保存，也可以走系统分享。 如果你想把自己的城市、家乡、学校、办公室附近，或者某次旅行的地点做成壁纸，这个工具会非常顺手。点击即用，选一个地方，生成一张只属于你的地图手机壁纸。

我们平时打开地图，看到的是道路、河流、行政边界和城市名称。但如果把视角切换到夜晚，城市会呈现出另一种形态：哪里灯光最亮，哪里城市连成一片，哪里还保留着暗夜与星空，都会在地图上变得非常直观。 最近，我基于全球夜空亮度数据，做了一个新的可视化工具——中国夜空亮度地图。 # 中国夜空亮度地图 这个工具叠加了夜空亮度瓦片和中国行政区划边界，可以从全国尺度观察城市群、交通走廊、沿海经济带以及西部暗夜区域的空间差异。比如长三角、珠三角、京津冀等地区，在夜间会呈现出明显的连续亮带；而青藏高原、内蒙古部分地区、西部山地和荒漠区域，则保留着更深的夜色。 为了让地图更适合观察和传播，我还加入了类似Photoshop的图层混合模式。用户可以切换“自然夜光”“科学专题”“霓虹封面”“黑金分析”等不同风格，也可以自由调整亮度、对比度、饱和度、色相、透明度和发光强度。简单来说，它不只是一个地图图层，而是一个可以“调色”的夜光地图实验室。 这个工具目前更偏向视觉表达和空间观察，并不直接用于严谨的亮度统计。但它非常适合用来做城市群观察、暗夜资源识别、光污染科普、规划展示和公众号配图。 我最喜欢它的一点是：它让我们从另一种角度重新认识城市。 白天的城市有边界，夜晚的城市有光。 有时候，一张夜空亮度图，比一张行政地图更能说明真实的人类活动范围。 后续，我也想继续把它升级为“城市夜空压力指数”“暗夜资源地图”或“哪里还能看见星星”的专题工具，让地图不仅好看，也能带来更多关于城市、生态与生活方式的思考。

今天制作的这个工具其实功能很简单，就是你输入一堆省市名字，县也可以，比如北京市、山东省、江阴市、安阳县等，一键显示到地图上，这样在做一些分析和介绍的时候，就特别好用。 当行政区落图之后，你也可以对单个行政区边界的样式进行调整。行政区作为一个多边形，可以有不同的色彩和透明度。 # 这个工具名字就叫做：行政区落图工具 我觉得是真太好用了，只是涉及到高德地图的商用，可能不能一直提供。感兴趣可以私信。

你是不是也有过这样的经历：想跟孩子讲“四川在哪里”，翻遍手机却找不到直观的学习方式；自己明明是“中国通”，却连几个省份的准确位置都答不上来，妥妥的“地图盲”？今天就给大家分享一款超实用的小工具——行政区划在线拼图游戏。 用玩拼图的方式，轻松搞定中国地理区划认知，大人小孩都能玩！ 这款工具完全基于GeoJSON真实的中国行政区划边界开发，不是卡通化的简化地图，每一块拼图都对应着真实的省级行政区轮廓，拼的过程既是玩游戏，也是实打实的地理科普。不管是想帮孩子夯实地理基础，还是给自己“扫盲”，都特别合适。 操作上几乎零门槛，打开页面就能上手：右侧是待拼的行政区拼图块，左侧是对应的轮廓底图，只需拖动拼图块到对应位置，靠近后会自动吸附，新手也不用怕拼不准。工具还贴心设计了多种人性化功能：怕难度太高？可以选择“简单/普通/困难”不同吸附模式； 实在找不到位置？点击“提示”按钮，3秒就能看到蓝色高亮的正确轮廓；甚至还能一键“自动放对一个”，慢慢找手感。 拼的过程中，页面会实时统计已完成块数、总块数、用时和进度，像闯关一样有成就感。对孩子来说，比起死记硬背地理课本上的文字，动手拖动拼图的过程更能加深记忆——拼到“广东省”，可以讲讲珠三角的风土人情；拼到“新疆维吾尔自治区”，聊聊辽阔的草原和沙漠，边玩边学，地理知识再也不枯燥。 对成年人来说，这款工具也是绝佳的“地理扫盲神器”。很多人日常能说出省份名字，却对具体位置毫无概念，通过拼图的方式，能快速建立“空间感”，再也不会把“云南”和“贵州”搞混，把“内蒙古”和“黑龙江”的位置弄反。 地理从来不是冷冰冰的文字和数字，而是脚下的土地、身边的风土。这款小小的拼图工具，用最简单的方式让我们贴近中国的行政区划版图，不管是家长陪孩子解锁地理知识，还是自己补补“地理课”，都值得一试。不妨打开它，从拼第一块省份开始，重新认识我们脚下这片熟悉又可爱的土地吧！

今天做的工具，是一个自动汇总官方招标信息的页面。它的作用很直接：每天把最新公开发布的招标信息整理出来，方便快速查看、筛选和转发。 很多做规划、城市更新、乡村振兴、国土空间、建设服务相关业务的人，平时都需要关注政府采购和招投标信息。但如果每天都手动搜索关键词、打开网页、复制标题、整理链接，其实非常耗时间。 页面打开后，可以直接看到最新的招投标信息列表。每条信息包括标题、公告类型、关键词分类、发布日期，并且可以点击标题跳转到原始公告页面。 目前页面支持多种筛选方式： # 1.按日期筛选 可以查看全部日期、今天、近3天、近7天、近30天的信息。 # 2.按关键词分类筛选 例如城市更新、乡村规划、乡村振兴、国土空间规划、村庄规划等。 # 3.按公告类型筛选 包括招标公告、竞争性磋商公告、结果公告、中标公告、更正公告等。 这几个筛选条件可以叠加使用。比如，可以只看“近7天”的“城市更新”相关“招标公告”，也可以只看“今天”的“竞争性磋商公告”。 为了方便浏览，我把它做成了一个比较正式的信息发布页面。 顶部会显示当前筛选下的信息数量、分类数量和页码。中间是日期筛选、公告类型筛选和关键词分类筛选。下方是信息列表，并支持翻页浏览。 不同类型的公告用了不同颜色区分，比如招标公告、中标公告、更正公告等，一眼就能看出重点。 对于每天需要跟踪项目信息的人来说，这个功能很省事。对我来说，这就是AI开发挑战里很有价值的一类成果：不追求炫技，而是解决一个真实的小问题。

今天是365天独立开发挑战的第132天。 最近用AI生成角色、小人、IP形象的人越来越多。但很多图片还停留在“静态展示”阶段。其实，只要把角色做成连续动作帧，就可以很快生成GIF动画，甚至作为小游戏、表情包、网页互动素材使用。 这类图片在游戏开发里通常叫SpriteSheet，也叫精灵图、逐帧动画图、角色动作帧图。简单说，就是把一个角色的多个动作帧放在一张图里，比如4×4网格中包含16个动作：站立、蓄力、前冲、出拳、闪避、旋转踢、收招等。 但AI生成的SpriteSheet往往有一个问题：每一帧里的角色不一定完全居中，脚底基准线也可能不统一。直接做成GIF后，小人就会左右晃、上下跳，看起来不够稳定。 所以今天我做了一个SpriteSheet切图与GIF导出工具，专门用来处理这类AI生成的游戏角色动作图。 使用方法很简单。 第一步，先用AI生成一张角色动作SpriteSheet。提示词里要说清楚：这是“游戏角色逐帧动画”，不是漫画分镜。可以写： “请生成一张游戏角色打斗动作spritesheet，16帧，4×4网格排列，角色大小一致，脚底基准线一致，不要文字、不要编号、不要复杂背景，每一帧人物完整显示，方便裁剪成GIF。” 正好我用我的头像，生成了这张图。正好我测试了两个不同模型： 第二步，打开工具，上传这张图片。如果是16帧动作图，行列设置一般就是：列数4，行数4。如果是12帧，就可以设置为4列3行。图片四周如果有多余空白，也可以调整左边距、上边距、右边距、下边距，以及横向间距、纵向间距。 （其实一般不用第三步、第四步，一键就能导出） 第三步，使用自动对齐功能。推荐默认选择：主体居中+脚底统一。工具会自动识别每一帧里的角色主体，把小人尽量放到格子中间，并让脚底落在同一条基准线上。这样生成的GIF会稳定很多。 如果图片里有速度线、攻击光效、星星等元素，可以选择“最大主体优先，忽略零散特效”，这样工具会优先识别角色本身，不容易被特效干扰。 第四步，进行单帧微调。如果某一帧还是有点偏，可以点击这一帧，然后调整X/Y偏移，或者用上下左右按钮微调。这个功能很适合修正AI动作图常见的轻微错位问题。调整后的结果会同步应用到PNG导出和GIF导出。 第五步，预览并导出GIF。常用设置可以选择：播放速度100ms到150ms每帧，背景选择纯白，尺寸选择原始单帧尺寸，质量选择推荐。点击“预览GIF”确认效果后，再点击“导出GIF”即可。 如果你还需要每一帧的独立图片，也可以点击“导出PNG包”，工具会自动把所有帧打包成ZIP，方便后续用于游戏开发、表情包制作、网页动画或二次编辑。 如果你正在做AI角色动画、小游戏素材、表情包动图、Q版小人动作、游戏精灵图，这个工具会非常顺手。 从一张AI图片，到一套动作帧，再到一个GIF动画，小人终于可以真正动起来了。

今天是365天独立开发挑战的第133天。 无人机哪里能飞？这个地图工具一键查看适飞空域 低空经济越来越热，无人机也越来越常见。航拍、巡检、测绘、农业、应急救援、文旅体验……很多场景都离不开无人机。但对普通用户来说，一个最实际的问题是：无人机到底哪里能飞？哪些区域适合飞？ 为了解决这个问题，我们制作了一个“无人机适飞空域地图工具”，把各地适合微型、轻型、小型无人驾驶航空器飞行的区域，用地图方式直观展示出来。打开网页，就能在高德地图上查看相关空域范围，不用翻文件、不用看复杂说明，一眼就能看懂。 # 一、适飞空域可以直接在地图上看 这个工具最大的特点，就是把原本不容易理解的空域范围，转换成地图上的可视化区域。 用户打开页面后，可以看到全国行政边界作为参考底图。选择某个省份后，地图会自动显示该省的无人机适飞空域范围。比如选择山东省，就可以查看山东省微型、轻型、小型无人驾驶航空器适飞空域的大致分布。 这些区域会以半透明色块叠加在地图上，既能看到空域范围，也能看到周边城市、道路和区域位置，理解起来更加直观。 # 二、支持多个省份切换查看 这个工具不是只能看一个地方，而是支持多个省份数据切换。 页面提供了省份选择列表，用户可以根据需要切换不同地区。例如山东、河南、河北、江苏等省份，都可以放入系统中统一展示。对于关注低空经济、无人机管理、城市治理、规划建设的人来说，这种方式比单独查看一张张图片或文件方便很多。 未来如果有更多省份发布相关数据，也可以继续加入，形成一个全国无人机适飞空域查询入口。 # 三、适合普通用户，也适合专业人员 对普通用户来说，它可以帮助大家初步了解：无人机在哪些地方更适合飞行，哪些区域可能需要特别注意。 对行业人员来说，它也可以用于低空经济研究、无人机应用场景分析、城市空间治理、应急管理、文旅航拍、低空基础设施布局等工作。 尤其是做规划、测绘、交通、自然资源、文旅、应急和低空经济相关工作的朋友，可以通过这张地图快速判断空域与城市空间之间的关系。 如果你关注无人机、低空经济、城市规划、空间治理或智慧城市，这个工具值得收藏。未来我们也会继续完善更多地区数据，让无人机适飞空域查询变得更直观、更方便。

今天是365天独立开发挑战的第134天。 这一天我没有做一个新的小工具，而是把365-Tools彻底重构了一遍。 最开始，365-Tools的定位是一个工具导航站：每完成一个小工具，就放到首页，用户可以点“详情”看介绍，也可以点“启动”直接使用。这个设计很直接，也符合我最初的想法：连续365天，每天做一个小工具，最后形成一个工具集合。 但后来我发现一个问题：如果网站只是一个工具列表，它看起来很容易像“聚合站”或者“导航站”。工具本身当然重要，但真正有价值的，其实是每个小工具背后的过程： 为什么做它？怎么想到这个需求？AI在开发中帮了什么？哪里踩坑了？上线后有什么复盘？这些内容才更像一个独立开发者长期积累下来的资产。 所以今天我做了一个决定：把365-Tools的核心，从“工具导航”改成“独立开发者博客”。 现在首页不再是密密麻麻的工具卡片，而是一个科技风的博客列表。每一篇文章都对应一个已经上线的小作品，标题直接读取原来的工具数据库。也就是说，原来的工具数据没有浪费，只是换了一种表达方式。 详情页也做了同步改造。以前它更像“工具介绍页”，现在更像“开发札记”。页面里仍然保留“体验这个作品”的按钮，但它不再是主角。主角变成了文章本身：开发背景、功能说明、过程记录和复盘。 另外，我保留了一个“工具导航”入口。因为有些用户确实只是想快速找到工具，这个需求也应该被满足。但导航页退到了辅助位置，博客才是整个网站的核心。 独立开发不只是不断做产品，还要不断记录自己的判断。产品可能会过时，工具可能会被替代，但过程、思考和经验会留下来。365天结束时，这里不只是一个工具箱，而是一份完整的AI独立开发日志。

今天是我365天独立开发挑战的第134个作品。 这次做的是一个网页小游戏： # 《像素小镇物语》 它不是一个单纯的搭积木工具，而是一个轻量级的体素小镇经营游戏。进入游戏后，系统会生成一座不规则的小岛，玩家可以在上面铺路、种田、建房子、摆市集、修桥、放路灯，也可以建设温室、风车、面包坊、咖啡店、仓库等产业设施。 小镇有自己的时间流逝。白天营业赚钱，夜晚居民休息；上午和下午人流最多，到了夜里，路上就安静下来。小人不会乱走，只会沿着道路移动，所以玩家需要认真规划路网，让农田、果园、市集、仓库和加工建筑真正连接起来。只有接入道路，产业才会产生收益。 我还给游戏加了随机事件系统。小镇会不断发生一些小事：居民食堂订购农产品、周末集市需要咖啡和路灯、面包坊接到订单、雨季需要修桥、居民希望增加花园和座椅。完成这些事件，就能获得资金奖励。 当小镇越来越富有后，还可以解锁更大的地标建筑，比如天穹地标塔、日轮观景塔、水晶市政厅、云艇码头和月门纪念碑。 最有意思的是，小镇居民会一边走路一边碎碎念。有的吐槽通勤，有的思考人生，有的关心咖啡店有没有接入主路。于是这个小镇不只是能经营，也开始有了一点生活气。 这个作品的核心循环很简单： 建造→接路→经营→赚钱→触发事件→扩大小镇。 它还很早期，但已经有点像一个迷你版的“像素模拟城市”。一个小岛、一群小人、一点随机事件，也能长出一个有趣的小世界。

今天是我365天独立开发挑战的第136个作品，这次做的是一个很实用、也很适合内容创作者的小工具： 进度条生成器。 它的作用很简单：把一个目标的完成情况，自动生成一张漂亮的进度图。 比如： # 365天独立开发挑战 年度阅读计划 学习打卡进度 项目完成比例 课程更新进度 健身训练计划 众筹、销售、任务完成情况 以前我们想表达“完成了37%”“已经做了136天”，可能只是写一行文字。但文字的冲击力其实不够强。尤其是在公众号、小红书、朋友圈、汇报PPT里，如果能把进度变成一张可视化图片，表达效果会直观很多。 所以这次我做了这个在线工具。 打开页面后，左侧可以输入标题、说明文字、当前值和总值，系统会自动计算百分比。比如我默认设置的是： # 365天独立开发挑战：136/365 页面会自动生成完成率，并在右侧实时预览。 这次我特别做了一个适合自己的模板：365格挑战模板。 它会真实生成365个小格子，每一个格子代表一天。已经完成的部分会高亮，未完成的部分会保留为暗色。这样一眼就能看到：自己已经走了多少，还剩多少。 除了365格模板，这个工具还内置了很多种进度条样式，比如霓虹光感、玻璃拟态、极简细线、赛博箭头、电池能量、分段格条、步骤节点、液体流动、彩虹进度、环形进度、竖向仪表、里程碑线、热力进度、分数卡片等。 用户还可以调整颜色、字体、背景、圆角、进度条高度、格子数量、动画效果等参数。生成完成后，可以直接导出为PNG图片，用在文章配图、封面图、汇报图、社交媒体打卡图里。 我做这个工具的初衷，是因为长期挑战最难的不是开始，而是持续。 当一个目标被可视化之后，它会变得更真实，也更有推动力。 每天一个小格子，慢慢亮起来。 这其实就是独立开发最朴素的样子：不是突然爆发，而是持续推进。 这是第136个作品，距离365个作品还有很长一段路。 但至少今天，又有一个小格子被点亮了。

今天是我365天独立开发挑战的第137个作品。 这次做的工具，名字很直接，叫做： # 从夯到拉排行榜生成器 如果你经常刷短视频、朋友圈、小红书，应该见过类似的图：一堆人物、城市、食物、游戏角色、电影、奶茶、表情包，被分成几档，从最强、最夯、最值得吹，到普通、凑合、拉胯、离谱。它本质上有点像TierList，但中文互联网一改造，就变得特别有梗：从夯到拉，主观锐评，快乐开麦。 所以我做了一个可以快速生成这种排行榜的网页工具。 打开页面后，用户可以直接把图片拖进去，也可以点击上传图片。如果你正在截图、复制图片，还可以直接按Ctrl+V粘贴进去。图片进入后，可以拖动到不同档位里，随时调整顺序。比如你想做“奶茶从夯到拉”“城市从夯到拉”“AI工具从夯到拉”“表情包从夯到拉”，都可以几分钟搞定。 除了图片，它还支持直接输入文字。你可以一行写一个名字，系统会自动生成文字卡片。这样即使没有图片，也能快速做出一个排行榜。比如输入“冰美式、奶茶、白开水、可乐、柠檬茶”，就能立刻变成一张可以讨论、可以转发、可以吵起来的榜单。 这次我特别强化了视觉风格。工具内置了多套界面模板，包括酸性霓虹、糖果可爱、国潮热辣、赛博暗黑、玻璃拟态、像素游戏、手账贴纸等。后来我又专门增加了一个我很喜欢的版本：纯色大字模式。 这个模式更接近网络梗图的感觉：黑色背景、左侧大色块、超大字体，从上到下形成强烈对比。最高档的“夯”字特别醒目，越往下越收，视觉上就像一张真正可以传播的排行榜海报。为了让它更好用，我还给纯色大字模式增加了多套配色，比如经典红黄、清新薄荷、莫兰迪、日落暖调、糖果亮彩、黑金高定等。不同内容可以搭配不同气质。 左侧的档位文字也可以自由修改。你不一定非要用“夯、顶级、人上人、NPC、拉”，也可以写成“神中神、很能打、还不错、一般般、别来了”，甚至可以根据你的主题自定义一整套表达。这个自由度很重要，因为真正好玩的排行榜，往往不是客观评分，而是带着一点情绪、一点态度、一点玩笑的表达。 最后，工具支持一键导出高清PNG，也可以复制图片到剪贴板。做完之后可以直接发朋友圈、公众号、小红书，或者放到群里引发一场“友好讨论”。 我一直觉得，很多小工具的价值不在于多复杂，而在于它能不能帮人快速表达一个有趣的观点。这个“从夯到拉排行榜生成器”就是这样一个工具：简单、直接、有梗、好玩，而且万物皆可排行。 今天的第137个作品完成。 下一次，不知道又会把什么奇奇怪怪的想法做成网页。

365天独立开发挑战第139个作品：MADA-SHUAIGARDEN，把经典人物放进一座阳光花园 今天是我365天独立开发挑战的第139个作品，这次做了一个有点好玩、有点怀旧、也有点荒诞的小网页：MADA-SHUAIGARDEN。 它不是一个普通的台词展示页，而是把电视剧《马大帅》里的人物和语录，做成了一个可以互动的3D阳光花园。打开页面后，整个画面不再是传统的文字列表，而是一片明亮的草地、池塘、花草、长椅、围栏和小动物。每个人物都变成一个体素小人，在花园里走来走去，像一个迷你舞台，也像一座正在运行的“辽北生活模拟器”。 这个工具最核心的设计，是“每个小人对应一个人物”。并且只会说属于自己的人物台词。点击人物，或者让系统随机触发，就会弹出对应的对话气泡。这样一来，台词不再只是静态文字，而像是从小人身上自然冒出来的一段生活碎碎念。 页面里我还加入了一个很有意思的交互：用户可以用鼠标把小人“揪起来”，然后扔来扔去。这个功能让整个页面从一个展示工具，变成了一个可以玩的互动小场景。你可以拖动小人，也可以旋转整个花园视角，滚轮拉近拉远，从不同角度观察这座小小的花园。 为了让页面更轻松，我把之前偏赛博朋克的黑客矩阵风格，调整成了更加明亮的阳光花园风格。天空、草地、花朵、池塘和柔和的界面面板，让整体氛围更像一个“怀旧人物游乐场”。它不是严肃的资料库，而是把人物、台词、记忆和网页互动融合在一起。 右上角还有一个特别的小设计：从《马大帅》播出时间2004年1月20日开始计算，到当前时间已经过去了多少天、多少小时、多少秒。这个实时计时器让页面多了一层时间感。经典作品之所以被人记住，不只是因为台词好笑，更是因为它陪着很多人走过了很多年。 这就是第139个作品：MADA-SHUAIGARDEN。 注：网页并非盈利项目，主要是为了测试独立开发技术，以及供大家回忆优秀的艺术作品~