FEATURES · 核心特性
01
对称加密symmetric
AES 加密分 10 轮逐帧展开：SubBytes、ShiftRows、MixColumns、AddRoundKey 四个操作画在 Canvas 上——数据怎么被替换、移位、混合，每一步清清楚楚。自己改密钥或明文，右边加密结果实时刷新，连每轮中间状态值都列出来。
02
哈希算法hash
MD5 把消息分成 512 位块逐块处理，每块 64 步压缩函数，每一步的中间结果都画在画布上——数据怎么在状态数组里打转、怎么折叠出摘要，看得见。改一个字符甚至一个比特，看雪崩效应把摘要变得面目全非——比说一百遍都管用。
03
数字签名signature
从哈希消息、私钥加密生成签名，到公钥解密、比对哈希的验证——整条链串起来展示。看完就明白非对称加密为什么能解决密钥分发问题，签名和加密到底差在哪。
04
教材保持一致textbook
内容对照主流密码学教材的章节结构：学完置换网络来看 AES，学完欧拉定理来看 RSA，进度跟得上，不会突然冒出没讲过的概念。教材当参考、工具当实操，配合着用效果最好。
ROUNDS · AES 十轮一览
R1 SubBytesR2 ShiftRowsR3 MixColumnsR4 AddRoundKeyR5R6R7R8R9R10 最终轮
SCENARIOS · 什么时候用
密码学课程
老师投影调一个密钥跑一遍 AES，每轮状态全班都看得到；学生课后自己改参数复现，比背流程图管用。
自学入门
门槛在抽象定义和数学符号。先看数据怎么移位替换异或，看懂了再回头翻教材，效率和信心都上来。
考前复习
把重点算法动画快速过一遍，容易搞混的步骤（比如 AES 的行移位和列混淆）多看几遍，比翻笔记快。
SPEC · 规格表
VERSION
v0.5
STACK
React 19 · TypeScript · anime.js · KaTeX
PLATFORM
Web · 浏览器
LICENSE
教学 · 在线工具
STATUS
设计阶段 · 开发中