https://blog.danzaii.cn/tags/go/Recent content in Go on 一只小羊羔的窝Hugo -- gohugo.iozh-cnFri, 27 Feb 2026 00:00:00 +0000https://blog.danzaii.cn/p/recent-updates-feb-2026/Fri, 27 Feb 2026 00:00:00 +0000https://blog.danzaii.cn/p/recent-updates-feb-2026/<p>上一篇项目回顾的墨迹还没干，这几天又搞了两个大活。一个全新项目，一个大版本更新，简单记录一下。</p> <h2 id="-aim-trainer-pro--网页端瞄准训练器"><a href="#-aim-trainer-pro--%e7%bd%91%e9%a1%b5%e7%ab%af%e7%9e%84%e5%87%86%e8%ae%ad%e7%bb%83%e5%99%a8" class="header-anchor"></a>🎯 Aim Trainer Pro —— 网页端瞄准训练器 </h2> <blockquote> <p>仓库：<a class="link" href="https://github.com/DanZai233/AIMBOT" target="_blank" rel="noopener" >DanZai233/AIMBOT</a> | <a class="link" href="https://aimbot-umber.vercel.app" target="_blank" rel="noopener" >在线体验</a></p> </blockquote> <p>一款高性能、高度可定制的网页端鼠标瞄准训练器。用来练甩枪、练追踪、练微调，FPS 玩家应该都懂这种工具。</p> <p><img src="https://blog.danzaii.cn/main-menu_11828802321187966773.webp" width="1280" height="800" loading="lazy" alt="主菜单" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="四种训练模式"><a href="#%e5%9b%9b%e7%a7%8d%e8%ae%ad%e7%bb%83%e6%a8%a1%e5%bc%8f" class="header-anchor"></a>四种训练模式 </h3><table> <thead> <tr> <th>模式</th> <th>说明</th> </tr> </thead> <tbody> <tr> <td><strong>Gridshot</strong></td> <td>经典甩枪训练，命中网格上出现的 3 个目标</td> </tr> <tr> <td><strong>Spidershot</strong></td> <td>从中心目标甩向随机外围目标再返回</td> </tr> <tr> <td><strong>Microflick</strong></td> <td>小目标出现在屏幕中心附近，训练微调精度</td> </tr> <tr> <td><strong>Tracking</strong></td> <td>追踪移动目标，按住鼠标左键持续得分</td> </tr> </tbody> </table> <h3 id="丰富的自定义"><a href="#%e4%b8%b0%e5%af%8c%e7%9a%84%e8%87%aa%e5%ae%9a%e4%b9%89" class="header-anchor"></a>丰富的自定义 </h3><p>这个项目我在自定义上下了不少功夫。右侧滑出的设置面板可以调整几乎所有参数：</p> <ul> <li>训练时间：15 / 30 / 60 / 120 秒</li> <li>目标大小和速度</li> <li>目标形状：圆形 / 菱形 / 星形 / 六边形 / 三角形</li> <li>光标样式：十字线 / 圆点 / 圆环 / 精确十字</li> <li>5 种主题配色 + 4 种背景主题</li> </ul> <p><img src="https://blog.danzaii.cn/settings-panel_1731121834424847475.webp" width="1280" height="800" loading="lazy" alt="设置面板" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="实际游戏画面"><a href="#%e5%ae%9e%e9%99%85%e6%b8%b8%e6%88%8f%e7%94%bb%e9%9d%a2" class="header-anchor"></a>实际游戏画面 </h3><p>不同配色和目标形状的效果：</p> <p><img src="https://blog.danzaii.cn/gameplay-gridshot_8859895247221042249.webp" width="1280" height="800" loading="lazy" alt="青色圆形目标" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <p><img src="https://blog.danzaii.cn/gameplay-purple-stars_11946528974811410744.webp" width="1280" height="800" loading="lazy" alt="紫色星形目标" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="成绩统计"><a href="#%e6%88%90%e7%bb%a9%e7%bb%9f%e8%ae%a1" class="header-anchor"></a>成绩统计 </h3><p>每局结束会给出 S/A/B/C/D 等级评定，还有精准度、命中/失误次数等详细统计，数字还有递增动画效果。</p> <p><img src="https://blog.danzaii.cn/results-screen_14775739345626784425.webp" width="1280" height="800" loading="lazy" alt="结果界面" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="技术亮点"><a href="#%e6%8a%80%e6%9c%af%e4%ba%ae%e7%82%b9" class="header-anchor"></a>技术亮点 </h3><ul> <li><strong>零延迟光标</strong>：用 CSS SVG 自定义光标，操作系统原生渲染，完全零延迟</li> <li><strong>DPI 感知</strong>：适配 Retina 高分屏</li> <li><strong>Canvas 渲染</strong>：优化的渲染管线，稳定 60fps</li> <li>命中粒子爆炸、得分浮动弹出、失误红色闪光……动效细节拉满 <ul> <li>技术栈：React 19 + TypeScript + Vite 6 + Tailwind CSS v4 + Canvas</li> </ul> </li> </ul> <hr> <h2 id="-mygallery-大更新--照片墙系统"><a href="#-mygallery-%e5%a4%a7%e6%9b%b4%e6%96%b0--%e7%85%a7%e7%89%87%e5%a2%99%e7%b3%bb%e7%bb%9f" class="header-anchor"></a>📷 MYGallery 大更新 —— 照片墙系统 </h2> <blockquote> <p>仓库：<a class="link" href="https://github.com/DanZai233/MYGallery" target="_blank" rel="noopener" >DanZai233/MYGallery</a> | 在线：<a class="link" href="https://photo.danzaii.cn" target="_blank" rel="noopener" >photo.danzaii.cn</a></p> </blockquote> <p>MYGallery 这次迎来了一波大更新，新增了好几个重量级功能。</p> <h3 id="全新灯箱查看器"><a href="#%e5%85%a8%e6%96%b0%e7%81%af%e7%ae%b1%e6%9f%a5%e7%9c%8b%e5%99%a8" class="header-anchor"></a>全新灯箱查看器 </h3><p>ChronoFrame 风格的全屏查看器，右侧信息面板分区展示 EXIF 元数据，底部缩略图条可以快速跳转。</p> <p><img src="https://blog.danzaii.cn/lightbox-info_3774503301997307783.webp" width="1280" height="800" loading="lazy" alt="灯箱查看器" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="gps-迷你地图"><a href="#gps-%e8%bf%b7%e4%bd%a0%e5%9c%b0%e5%9b%be" class="header-anchor"></a>GPS 迷你地图 </h3><p>当照片包含 GPS 坐标时，信息面板顶部会嵌入 Leaflet 迷你地图，实时显示拍摄位置。每张照片在哪里拍的一目了然。</p> <p><img src="https://blog.danzaii.cn/lightbox-minimap_4898736845973442066.webp" width="1280" height="800" loading="lazy" alt="GPS 迷你地图" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="照片地图"><a href="#%e7%85%a7%e7%89%87%e5%9c%b0%e5%9b%be" class="header-anchor"></a>照片地图 </h3><p>全新的地图页面，基于 Leaflet + OpenStreetMap，所有带 GPS 坐标的照片都会标记在地图上，支持聚合标记。</p> <p><img src="https://blog.danzaii.cn/map-markers_9731593396455599630.webp" width="1280" height="800" loading="lazy" alt="地图标记" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="表态系统"><a href="#%e8%a1%a8%e6%80%81%e7%b3%bb%e7%bb%9f" class="header-anchor"></a>表态系统 </h3><p>访客可以对照片进行 emoji 表态（👍❤️😍😂😮😢🔥✨），不需要登录，基于指纹识别。终于可以知道大家喜欢哪些照片了。</p> <p><img src="https://blog.danzaii.cn/reactions_10369662974421664543.webp" width="1280" height="800" loading="lazy" alt="表态系统" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="暗色--亮色主题"><a href="#%e6%9a%97%e8%89%b2--%e4%ba%ae%e8%89%b2%e4%b8%bb%e9%a2%98" class="header-anchor"></a>暗色 / 亮色主题 </h3><p>默认暗色主题，5 列紧凑瀑布流布局。也可以一键切换亮色模式，偏好会自动记忆。</p> <p><img src="https://blog.danzaii.cn/gallery-dark_14055740400297949512.webp" width="1280" height="800" loading="lazy" alt="暗色模式" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <p><img src="https://blog.danzaii.cn/gallery-light_11451636069537204349.webp" width="1280" height="800" loading="lazy" alt="亮色模式" class="gallery-image" data-flex-grow="160" data-flex-basis="384px" ></p> <h3 id="后台管理"><a href="#%e5%90%8e%e5%8f%b0%e7%ae%a1%e7%90%86" class="header-anchor"></a>后台管理 </h3><pre><code>ChronoFrame 风格侧栏导航，仪表盘统计，拖拽上传，照片和分类管理一站搞定。  </code></pre> <hr> <h2 id="小结"><a href="#%e5%b0%8f%e7%bb%93" class="header-anchor"></a>小结 </h2><p>AIMBOT 从零到上线大概花了两天，MYGallery 的更新则是断断续续改了一周。两个项目方向完全不同——一个是 Canvas 游戏，一个是全栈应用——但都很有成就感。</p> <p>接下来 MYGallery 还打算加视频支持和更多的社交功能。AIMBOT 如果有时间的话想加排行榜和自定义地图编辑器。</p> <p>不过说实话……做完这些我应该休息两天了 😂</p>