这是“Weekend Challenge: Dog Days Edition”的参赛作品：三个小型狗狗主题项目，全部在挑战窗口期内从零开始完成。每个项目都是一个独立的自包含 HTML 文件，零依赖、零构建步骤、零 CDN。直接打开文件就能运行——软件本该如此，狗也同意。 ### 1. Paw Match —— 狗狗品种记忆配对游戏 翻开卡片，匹配狗狗品种。配对成功时，还会弹出真实的品种冷知识：比如你知道达尔马提亚犬出生时全身纯白，要过 3–4 周才慢慢长出斑点吗？ 游戏提供三档难度：6 对、8 对、10 对。还包含步数计数、计时器、星级评价、CSS 3D 翻转动画和撒花效果。小而完整，玩起来相当上头。 ### 2. Paw Log —— 狗狗训练与照护日志 这是一本实用的训练日志，挑战说明里几乎直接点名了这个方向。你可以记录遛狗、喂食、训练、看兽医、洗澡和玩耍等日常事项。所有数据都保存在 localStorage 中，并配有每日统计：今日遛狗次数、训练时长、连续打卡天数；每个活动都有累计进度条；还支持 JSON 导出/导入备份。 换句话说：数据不会丢，狗也不会。 ### 3. Dog-o-matic —— 生成式狗狗艺术 一个迷你的程序化狗狗生成器。每次点击都会生成一只独特的狗脸：头型、耳朵类型（垂耳/尖耳/圆耳/折耳）、毛色、胸前花纹、达尔马提亚斑点、舌头、雀斑——全部随机。它还会“鉴定”出品种，并得出一个不变的结论：这是一只非常棒的狗狗。 纯 Canvas 2D 实现。你可以把任意一只狗保存为 PNG，也可以一键连续繁殖十二只。 ### 为什么“单文件”才是这轮最有意思的部分 我给自己定的规则是：每个项目必须是单个 HTML 文件，而且要能直接在本地跑起来。整个代码库就是这些 demo 本身——在浏览器里右键 → 查看源代码，就能看到全部代码。没有框架，没有 lockfile，没有需要解释半天的 node_modules。 三个项目都在浏览器里运行，无需安装、无需登录： - 打开 HTML 文件即可使用 - 离线也能跑 - 全部源码可见、可学、可改 包含完整文件包和这份 README 的 GitHub 仓库即将发布，我会在挑战截止前把链接贴上来。
热门跟贴