我如何使用 AI 的系列博客

用 Claude3.5 从零写扫雷游戏-增加扫雷颜色主题

2024-12-19 20:00:00

借助 Claude3.5 为扫雷游戏增加主题切换功能，包括主题配置文件的创建、渲染逻辑的修改以及 UI 组件的添加。分享在开发过程中遇到的问题和解决方案，比如暗黑模式下的边框颜色优化、主题切换不生效的调试过程等。同时展示了如何利用 Claude3.5 快速设计和实现多个美观的主题方案，突出了 AI 在提升开发效率方面的优势。

Claude3.5 的最佳使用场景，以优化推箱子关卡的缩略图为例

2024-12-18 20:00:00

以推箱子游戏关卡缩略图优化为例，展示了 Claude3.5 在前端开发中的最佳应用场景。从最初使用 canvas 实现的模糊效果，到通过设备像素比优化，再到最终采用 svg 方案，展示了不同阶段 Claude3.5 的强带代码能力。

用 Claude3.5 从零写扫雷游戏-实现蜂窝地图

2024-12-17 20:00:00

在完整方格扫雷的基础上，用 Claude3.5 和 Cursor 实现了一个蜂窝版本的扫雷。只要自己想清楚具体实现思路，然后把问题合理拆分，一步步提示，Claude3.5 生成的代码大部分时候还是符合预期的。遇到复杂问题，可以先让 Claude3.5 描述下大致的思路，不要急于写代码，不然容易被错误的代码带偏，浪费不少时间。

用 Claude3.5 从零写扫雷游戏-基本功能篇

2024-12-16 22:00:00

用 Claude3.5 写一个经典的扫雷游戏，支持多种难度，多种主题，多种蜂窝状游戏棋盘。作为一个前端小白，虽然遇到不少问题，但借助 Claude3.5 和 Cursor 的强大功能，最终还是实现了。本文记录实现经典扫雷部分，希望对想借助 AI 写代码的朋友有所帮助。

在线迷宫游戏，如何让 Claude 理解并优化现有库

2024-12-09 13:00:00

用 Cursor 和 Claude3.5 基于已有的一个迷宫库，写了一个完整的迷宫游戏。支持各种迷宫在线生成，并支持用鼠标来在线玩迷宫游戏。

Claude3.5 打造带道具的创意贪吃蛇

2024-11-05 18:00:00

用 Claude3.5 实现一个好玩的贪吃蛇游戏，加入了道具系统，支持各种有意思的创意道具。本文会记录是用 Cursor 完成这个创意贪吃蛇的整个过程，一起来看我如何更好的利用 AI 解决复杂问题。

Claude3.5 实现完整单机五子棋

2024-10-16 22:00:00

用 Claude3.5 实现一个完整的单机五子棋游戏，支持各种禁手规则。如何更好的利用 AI 解决复杂问题，并让 AI 写测试用例来保证逻辑的正确性，本文会给你一个答案。

Claude3.5 打造漂亮的动态竞速图工具

2024-09-28 19:00:00

本文用 Claude3.5 实现一个竞速图工具，支持上传数据生成动态竞速图，支持自定义列名，支持预览数据。

Claude3.5 实现二叉搜索树的可视化

2024-09-08 14:00:00

二叉搜索树是一种特殊的二叉树，每个节点的左子树的值都小于该节点的值，右子树的值都大于该节点的值。本文用 Claude3.5 实现一个二叉搜索树的可视化，支持插入，删除和查找操作。

支持博客功能

2024-08-13

为站点引入博客功能。站点本身基于 nextjs 实现，本来想用 nextra 作为文档博客主题，但是不支持 nextjs 的 approuter。于是在 Claude 帮忙下，最终实现了一个简单的 markdown 博客系统，支持 Github 主题，多语言切换、支持评论和目录，支持 RSS 以及 SEO 友好。在 Claude 的帮助下，随时可以添加想要的功能，完全自主。

Markdown 样式示例

2024-08-12

本站博客支持 markdown 样式，这里是支持的样式展示。可以使用标题，强调，列表，链接，图片，引用，代码，表格，水平线等 markdown 语法。