Back to rankings

MisterBooo/LeetCodeAnimation

Javaalgomooc.com

Demonstrate all the questions on LeetCode in the form of animation.(用动画的形式呈现解LeetCode题目的思路,完整单步/回看/变速/语音讲解在 algomooc.com)

leetcodeleetcode-solutionsleetcode-javaanimationleetcode-c
Star Growth
Stars
76.6k
Forks
13.9k
Weekly Growth
Issues
18
20k40k60k
Dec 2018Jun 2021Jan 2024Jul 2026
ArtifactsMavengit clone https://github.com/MisterBooo/LeetCodeAnimation.git
README

LeetCodeAnimation

用动画把 LeetCode 题解过程拆开看:指针怎么移动、状态怎么转移、递归怎么展开、边界为什么成立。 GitHub 这份是公开索引与历史素材;完整的单步、回看、变速、语音讲解在网站版

GitHub stars last commit LeetCode 动画题数

🎬 在线交互版 📚 按专题刷 🤖 AI 私教小欧

如果这个项目帮到你,欢迎 Star 支持持续更新。


🚧 2026 大版本进行中

这个仓库不是一次性归档。2026 年正在做一轮大版本升级,只列已上线 / 进行中的实话

  • 三语言参考代码:每道题的题解配 Python / C++ / Java 三种实现,Python 为默认。
  • AI 私教「小欧」:吴师兄带的 AI 算法私教,做题卡住可随时追问思路与边界。
  • 吴师兄声线语音讲解:动画边演示边讲,语音为 AI 合成(吴师兄声线授权);点播放器里的 🔊 即可听。
  • 🚧 299 题全量质量清算:对全站动画题逐题做质量复核与重制,分批上线,持续同步回本仓库索引。

进度会随同步脚本更新到下方「当前索引」与 docs/sync-log.md


网站版动画预览

下面四张 GIF 取自网站播放器的关键帧,点图直达对应题目页(完整步骤播放、三语言代码、语音讲解都在网站版)。

两数之和动画预览
两数之和
边扫数组边维护哈希表,看清 complement 是怎么被找到的。
接雨水动画预览
接雨水
用柱状图把左右边界和蓄水过程拆开,直观看懂为什么能接住水。
岛屿数量动画预览
岛屿数量
DFS 染色过程一格一格展开,连通块边界会更容易看清。
环形链表动画预览
环形链表
快慢指针在链表上同步移动,什么时候相遇一眼能看到。

↑ 网站版还能单步、回看、变速、听讲解 —— 打开在线交互版 →


项目特点

  • 动画题解:先看清算法过程,再回到代码。很多题目保留了 GIF 或分步动画素材。
  • 三语言代码:题解配 Python / C++ / Java 三种参考实现。
  • 结构化数据docs/data/manifest.json 可被脚本读取,用于生成索引、检查链接或二次整理。
  • 持续同步:网站侧新增或调整动画后,通过脚本同步回 GitHub —— 仓库不是静态归档。

当前索引

下表数字由 tools/scripts/build-readme.jsdocs/data/manifest.json 实算注入,请勿手改

项目 数量 / 位置
LeetCode 动画题数 256
简单 71
中等 160
困难 25
数据文件 docs/data/manifest.json
按题号索引 docs/leetcode-animation-index.md
按专题索引 docs/index-by-topic.md
网站路径 https://www.algomooc.com/leetcode-animation

数字口径:上表 256已同步到本仓库的 LeetCode 题动画数(脚本据网站侧 study_index.jsmanifest.json 实算)。 近况区提到的 299algomooc.com 全站动画内容总数(含进阶题与专题,口径来自站内 content-stats 单一数据源),范围比本仓库已同步的 LeetCode 子集更大。 两个数字都由脚本接管、禁止手写:256 来自本仓库 manifest,299 随站内 content-stats 同步回填(见 docs/data/stats.jsonsiteTotal 字段)。


内容地图

想找什么 从这里开始
按题号查动画 docs/leetcode-animation-index.md
按专题查动画 docs/index-by-topic.md
用脚本处理题目数据 docs/data/manifest.json
查看早期题解文章 docs/notes/problems/ 下各题的 Article/
查看早期动画素材 problems/ 下各题的 Animation/
查看同步记录 docs/sync-log.md

🛠 维护者:同步与数据说明(点击展开 —— 普通读者可略过)

仓库和网站的关系

GitHub 仓库保存历史内容、公开索引和同步脚本;网站侧维护当前动画页面。交互播放、步骤切换、阅读体验以网站版本为准。同步脚本把网站题目列表写回仓库,方便在 GitHub 上审阅、检索和版本化。

同步方式

网站侧题目索引来自 study_index.js。同步前先审查:

npm run review:site

确认需要同步后运行:

npm run sync        # 更新 manifest / 题号索引 / 专题索引 / 同步记录
npm run validate    # 校验 manifest
node tools/scripts/build-readme.js --write   # 把 README 数字段 + stats.json 重新注入

会更新:

  • docs/data/manifest.json
  • docs/leetcode-animation-index.md
  • docs/index-by-topic.md
  • docs/sync-log.md
  • docs/data/stats.json 与 README 的 当前索引 标记区(数字段)

更完整的判断规则、commit 规范和数字接管机制见 docs/sync-workflow.mddocs/HOW-TO-INTERACT.md

目录

路径 说明
docs/data/manifest.json LeetCode 动画索引数据(数字单一数据源)
docs/data/stats.json 由脚本实算的计数,供 README 徽章读取
docs/leetcode-animation-index.md 由 manifest 生成的题目列表
docs/index-by-topic.md 由 manifest 生成的专题索引
docs/sync-log.md 网站侧索引同步记录
docs/sync-workflow.md 网站和 GitHub 联动流程
tools/scripts/review-site-changes.js 判断网站侧改动是否需要同步
tools/scripts/sync-algomooc-index.js 从网站侧 study_index.js 同步索引
tools/scripts/validate-manifest.js 校验 manifest
tools/scripts/build-readme.js 注入 README 数字段 + 生成 stats.json
docs/assets/previews/ README 使用的网站版动画预览 GIF
docs/notes/ · problems/ 早期题解文章、代码与动画素材

⭐ Star 一下,陪它持续更新

Star History Chart

这个项目从一张张手画动画走到今天,靠的是每一个 Star 的鼓励。 如果它让你把某道题真正看懂了,点个 Star 就是对持续更新最实在的支持。

📌 内容持续同步自 algomooc.com —— 网站更新,仓库索引随脚本同步。

English

See docs/README-En.md.

Related repositories
CyC2018/CS-Notes

:books: 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计

algorithmleetcode
cyc2018.xyz
184.8k50.8k
labuladong/fucking-algorithm

Crack LeetCode, not only how, but also why.

Markdownleetcodealgorithms
labuladong.online
134.9k23.6k
krahets/hello-algo

《Hello 算法》:动画图解、一键运行的数据结构与算法教程。支持简中、繁中、English、日本語,提供 Python, Java, C++, C, C#, JS, Go, Swift, Rust, Ruby, Kotlin, TS, Dart 等代码实现

JavaMavenOtheralgorithmsdata-structures
hello-algo.com
128.6k15.3k
kdn251/interviews

Everything you need to know to get the job.

JavaMavenMIT Licensejavainterview
youtube.com/channel/UCKvwPt6BifPP54yzH99ff1g
65.1k12.9k
youngyangyang04/leetcode-master

《代码随想录》LeetCode 刷题攻略:200道经典题目刷题顺序,共60w字的详细图解,视频难点剖析,50余张思维导图,支持C++,Java,Python,Go,JavaScript等多语言版本,从此算法学习不再迷茫!🔥🔥 来看看,你会发现相见恨晚!🚀

Shellleetcodeprogrammer
62k12.3k
azl397985856/leetcode

LeetCode Solutions: A Record of My Problem Solving Journey.( leetcode题解,记录自己的leetcode解题之路。)

JavaScriptnpmOtheralgorithmleetcode
leetcode-solution-leetcode-pp.gitbook.io/leetcode-solution/
55.8k9.4k
huihut/interview

📚 C/C++ 技术面试基础知识总结,包括语言、程序库、数据结构、算法、系统、网络、链接装载库等知识及面试经验、招聘、内推等信息。This repository is a summary of the basic knowledge of recruiting job seekers and beginners in the direction of C/C++ technology, including language, program library, data structure, algorithm, system, network, link loading library, interview experience, recruitment, recommendation, etc.

C++Otherinterviewinterview-questions
interview.huihut.com
38.1k8.1k
doocs/leetcode

🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer(第 2 版)》、《程序员面试金典(第 6 版)》题解

JavaMavenCreative Commons Attribution Share Alike 4.0 Internationalalgorithmscpp
leetcode.doocs.org
36.3k9.4k
geekxh/hello-algorithm

🌍 针对小白的算法训练 | 包括四部分:①.大厂面经 ②.力扣图解 ③.千本开源电子书 ④.百张技术思维导图(项目花了上百小时,希望可以点 star 支持,🌹感谢~)推荐免费ChatGPT使用网站

JavaMavenalgorithmsinterview-questions
lintcode.com/chat-gpt
36.1k6.4k
halfrost/LeetCode-Go

✅ Solutions to LeetCode by Go, 100% test coverage, runtime beats 100% | LeetCode 题解

GoGo ModulesMIT Licenseleetcodegolang
books.halfrost.com/leetcode
33.8k5.7k
kunal-kushwaha/DSA-Bootcamp-Java

This repository consists of the code samples, assignments, and notes for the Java data structures & algorithms + interview preparation bootcamp of WeMakeDevs.

JavaMavenjavainterview-preparation
youtube.com/playlist
23.2k13.4k
afatcoder/LeetcodeTop

汇总各大互联网公司容易考察的高频leetcode题🔥

leetcodeinterview
20k2.8k