如何使用 Keynote 制作代码讲解动图 All In One

Keynote 制作 gif 动图 / gif 代码动画 / gif演示动画

原理分析

1. 利用 Keynote / PPT 的动效库，制作动画

2. 使用录屏工具 LICEcap，录制播放的动画，导出 gif 图片

demos

1. git

# git 演示动画
$ git cheery-pick

https://dev.to/lydiahallie/cs-visualized-useful-git-commands-37p1

https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf

2. TypeScript

// TypeScript 演示动画
// Exclude
// type Exclude<T, U> = T extends U ? never : T;

type T = "a" | "b" | "c";
type U = "a" | "b";

type ExcludeDemo = Exclude<T, U>;
// type ExcludeDemo = "c"

http://www.typescriptlang.org/play/

https://www.typescriptlang.org/play?#code/PTAEBcE8AcFNQKIA8DGAbArgE1gHgCoA0oAqgHygC8o+osS4sAdlgM6mgD8oTsAbrABOoAFw0A3AChJUODSqgARAENFoAD5KARms2KUiqbPgkFK3dsPTjiVJhwARWAFsA9guTpseIqTJSQCBh4T3tYJzczAyA

https://juejin.cn/post/7096265620445986823

(

标签：动画,Keynote,动图,www,WebP,https,讲解,com
From： https://www.cnblogs.com/xgqfrms/p/17101958.html