Загрузка видео...

Не удалось загрузить видео

На главную

填坑是为了挖新坑 😂 手绘动画天然适合做文字内容的笔画绘制过程，对小朋友认识和学习字母、汉字，对演示场景注意力能集中在文字内容上，都是一种很好的形式。 先给大家看看手绘动画效果，坑先挖下，我尽快开源填坑 😄

shao__meng's profile picture

meng shao

31,521 subscribers

20,579 просмотров • 3 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

感谢大家的认可，看到很多朋友对这种「手绘动画」很感兴趣，我把动画做了十几种不同类型，也给大家演示一下比较复杂的 SVG 手绘出来是什么效果！ 我把之前做手绘动画产品时做过的一些好玩的手绘类型都凭着回忆想起大致实现思路，当然代码确实记不清了，都是让 Codex 来理解和实现的。 SVG 的动画一般在两个方向发力：Path 的绘制和 Fill 的填充。 Path 绘制可以有不同的笔触、速度曲线、顺序和反复次数、实线和虚线、笔触和橡皮、马克笔等等，只要你想得出，通过 stroke-dashoffset 等属性可以玩出很多花样。 Fill 填充也可以有颜色渐变、涂抹画笔、涂抹方向、笔触粗细、漫画笔触、刮彩票等很多玩法；而且 Fill 填充的方式，同样适用于位图。 先给大家看看绘制效果，支持所有网上能找到的 SVG 文件，晚点我看看是开源出来，还是把它封成 Skill 分享。
0:16

感谢大家的认可，看到很多朋友对这种「手绘动画」很感兴趣，我把动画做了十几种不同类型，也给大家演示一下比较复杂的 SVG 手绘出来是什么效果！ 我把之前做手绘动画产品时做过的一些好玩的手绘类型都凭着回忆想起大致实现思路，当然代码确实记不清了，都是让 Codex 来理解和实现的。 SVG 的动画一般在两个方向发力：Path 的绘制和 Fill 的填充。 Path 绘制可以有不同的笔触、速度曲线、顺序和反复次数、实线和虚线、笔触和橡皮、马克笔等等，只要你想得出，通过 stroke-dashoffset 等属性可以玩出很多花样。 Fill 填充也可以有颜色渐变、涂抹画笔、涂抹方向、笔触粗细、漫画笔触、刮彩票等很多玩法；而且 Fill 填充的方式，同样适用于位图。 先给大家看看绘制效果，支持所有网上能找到的 SVG 文件，晚点我看看是开源出来，还是把它封成 Skill 分享。

meng shao

81,633 просмотров • 3 месяцев назад

这种模仿手绘制图案的动画，叫做手绘动画，是我前面做了 6 年的工具产品，那是在 Vibe Coding 前的古法编程年代... 现在用 Codex，一句提示词要求，一轮就能做出这个动画，确实不得不感叹 AI 的强大，特别是对于简单产品和想法验证，时间成本几乎趋于零 记得当时还有对手绘动画的很多好玩的想法，因为所谓排期和产品迭代问题都没有上，现在可以自己 Vibe 一番，纯当做兴趣，和 AI 帮我做生产项目间隙的“小玩意”
0:13

这种模仿手绘制图案的动画，叫做手绘动画，是我前面做了 6 年的工具产品，那是在 Vibe Coding 前的古法编程年代... 现在用 Codex，一句提示词要求，一轮就能做出这个动画，确实不得不感叹 AI 的强大，特别是对于简单产品和想法验证，时间成本几乎趋于零 记得当时还有对手绘动画的很多好玩的想法，因为所谓排期和产品迭代问题都没有上，现在可以自己 Vibe 一番，纯当做兴趣，和 AI 帮我做生产项目间隙的“小玩意”

meng shao

93,898 просмотров • 3 месяцев назад

Gemini Omni：全新视频模型。 看这个视频模型演示，最惊奇的不是画面清晰度，而是黑板文字的连续性。 过去 AI 视频最容易露馅的地方，就是文字。 第一帧还能看，镜头一动，字母开始融化，公式变成乱码，黑板像被梦境污染过。 但这段演示里，粉笔书写、手部运动、黑板痕迹和公式结构，在时间线上保持了相对稳定。 这意味着 AI 视频正在跨过一个很关键的门槛： 它开始不只是生成每一帧好看的画面，它开始维持一个连续世界。 人、手、粉笔、公式、黑板，不再是随机拼出来的视觉碎片，而是同一个场景里持续存在的对象。
0:10

Gemini Omni：全新视频模型。 看这个视频模型演示，最惊奇的不是画面清晰度，而是黑板文字的连续性。 过去 AI 视频最容易露馅的地方，就是文字。 第一帧还能看，镜头一动，字母开始融化，公式变成乱码，黑板像被梦境污染过。 但这段演示里，粉笔书写、手部运动、黑板痕迹和公式结构，在时间线上保持了相对稳定。 这意味着 AI 视频正在跨过一个很关键的门槛： 它开始不只是生成每一帧好看的画面，它开始维持一个连续世界。 人、手、粉笔、公式、黑板，不再是随机拼出来的视觉碎片，而是同一个场景里持续存在的对象。

KK.aWSB

72,005 просмотров • 2 месяцев назад

学习这个用 Anime.js 的 scrambleText 做了一个文字切换滚动的特效 让 Codex 重新设计和整理了一下，支持各种字符 blocks / symbols / numbers / braille ，真的好帅啊，特别适合 geek 风网站的标题滚动效果 之后准备封装成一个 npm 包，支持不同框架，并且可以快速使用。还有就是 Anime.js 好强啊，觉得做动画效果他真的是第一选择。
0:14

学习这个用 Anime.js 的 scrambleText 做了一个文字切换滚动的特效 让 Codex 重新设计和整理了一下，支持各种字符 blocks / symbols / numbers / braille ，真的好帅啊，特别适合 geek 风网站的标题滚动效果 之后准备封装成一个 npm 包，支持不同框架，并且可以快速使用。还有就是 Anime.js 好强啊，觉得做动画效果他真的是第一选择。

Viking

44,493 просмотров • 2 месяцев назад

网友：震惊了😨这居然是手写的，都不敢相信自己的眼睛！在这个手机时代，能放下手机，每天坚持写字4小时，已经超越了99.99%的同龄人！生在制笔世家，每天除了做笔，就是写字，已经坚持了20年，每天进步一点点，遇到喜欢的字体，一写就是4个小时，如果您也跟我每天坚持练习，相信您肯定比我写的更好。
0:13

网友：震惊了😨这居然是手写的，都不敢相信自己的眼睛！在这个手机时代，能放下手机，每天坚持写字4小时，已经超越了99.99%的同龄人！生在制笔世家，每天除了做笔，就是写字，已经坚持了20年，每天进步一点点，遇到喜欢的字体，一写就是4个小时，如果您也跟我每天坚持练习，相信您肯定比我写的更好。

菲菲4.0

368,456 просмотров • 1 год назад

🏘️#建房实录 No. 15 🙃「挖坑师傅」的「优雅退场」 来修化粪池的师傅莫名其妙给我们挖了个大坑后（请看前两个视频的解说），决定退出这个工程。 👉 视频一：在准备将挖掘机开出去之前清理履带。这里的人干活挺文明的，来的时候，师傅专门将履带留在马路上的泥清扫干净，很有公德。 👉 视频二：这个视频一定要看到底，才知道挖掘机是怎么驶出那个大坑的…… 👉 视频三：挖掘机从坑里爬出来了，留下了印记，也留下无限的难题…… #建房日记 #美国建房 #建房花絮 #建房更新 #建房大坑
0:40

🏘️#建房实录 No. 15 🙃「挖坑师傅」的「优雅退场」 来修化粪池的师傅莫名其妙给我们挖了个大坑后（请看前两个视频的解说），决定退出这个工程。 👉 视频一：在准备将挖掘机开出去之前清理履带。这里的人干活挺文明的，来的时候，师傅专门将履带留在马路上的泥清扫干净，很有公德。 👉 视频二：这个视频一定要看到底，才知道挖掘机是怎么驶出那个大坑的…… 👉 视频三：挖掘机从坑里爬出来了，留下了印记，也留下无限的难题…… #建房日记 #美国建房 #建房花絮 #建房更新 #建房大坑

曾錚

13,180 просмотров • 3 месяцев назад

🙇‍♀️📚练习口语哪家强？基本都要靠翻墙！ 👉推荐三种学习英语口语的方法： 我们上学时积累了一定的英语基础，出国也能勉强交流。 想在口语听力以及表达上提升？ 相信这三个方式也会很适合你。 一、TED-Ed: TED 的教育频道： 1️⃣ 制作精良：每一个视频的动画都质量感人； 2️⃣ 主题丰富：包含心理学、科技、商业、金融、艺术等主题； 3️⃣ 内容硬核：可以一边学习知识一边练习英语； 4️⃣ 字幕功能： 不开字幕听一遍； 打开英文字幕听一遍； 打开中文字幕听一遍； 上千个视频刷下来口语一定飞升。 二、Youtube: 频道：知心英文 1️⃣ 内容：日常口语句子 2️⃣ 形式： 每个句子，会自动不带字幕读两遍； 然后自动加注释、翻译，读三遍，跟着读就可以； 三、豆瓣高分电影、电视剧 一边刷剧一遍练习口语
0:16

🙇‍♀️📚练习口语哪家强？基本都要靠翻墙！ 👉推荐三种学习英语口语的方法： 我们上学时积累了一定的英语基础，出国也能勉强交流。 想在口语听力以及表达上提升？ 相信这三个方式也会很适合你。 一、TED-Ed: TED 的教育频道： 1️⃣ 制作精良：每一个视频的动画都质量感人； 2️⃣ 主题丰富：包含心理学、科技、商业、金融、艺术等主题； 3️⃣ 内容硬核：可以一边学习知识一边练习英语； 4️⃣ 字幕功能： 不开字幕听一遍； 打开英文字幕听一遍； 打开中文字幕听一遍； 上千个视频刷下来口语一定飞升。 二、Youtube: 频道：知心英文 1️⃣ 内容：日常口语句子 2️⃣ 形式： 每个句子，会自动不带字幕读两遍； 然后自动加注释、翻译，读三遍，跟着读就可以； 三、豆瓣高分电影、电视剧 一边刷剧一遍练习口语

摆烂程序媛

39,801 просмотров • 2 лет назад

给喜欢记灵感笔记的朋友，强烈推荐一下豆包输入法，它解决了我的一大难题。 我经常喜欢在备忘录里记东西，但是手机打字的速度完全跟不上脑子思考的速度，很容易错过灵感。 豆包输入法提供了语音输入转文字的功能，识别率非常高。 现在我基本上都是直接对着手机说，几秒钟一段想法就记下来了。
0:11

给喜欢记灵感笔记的朋友，强烈推荐一下豆包输入法，它解决了我的一大难题。 我经常喜欢在备忘录里记东西，但是手机打字的速度完全跟不上脑子思考的速度，很容易错过灵感。 豆包输入法提供了语音输入转文字的功能，识别率非常高。 现在我基本上都是直接对着手机说，几秒钟一段想法就记下来了。

Nico投资有道

15,226 просмотров • 3 месяцев назад

前几天看到一个非常丝滑的动画效果，MotionNumber 很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。 这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。 Github 地址在这里：
0:10

前几天看到一个非常丝滑的动画效果，MotionNumber 很常见，之前看到很多网站都在用，就是数字在切换的时候会有一个滚动的效果，层级自己写了一个在切换的时候发现没有这个那么顺滑。 这个非常适合用到 landing page 上，展示各种数据等等的场景，它是用 Framer Motion 编写的，抽象成了一个 React 组件，我觉得这种效果很值得收藏未来是用一下。 Github 地址在这里：

Viking

133,415 просмотров • 1 год назад

Grok imagine video 1.5 全量上线了，现在你可以在Grok网页版中体验，作为先期的API 测试用户，我认为这是一个里程碑式的跨越，他真的可以使用了，不再是玩具。 最重要的是这个模型，I2V 中文字大幅度减少乱码，很强大。 找了张有字有人的照片，给大家展示下，顺便免费给 TRAE 打个广告。
0:10

Grok imagine video 1.5 全量上线了，现在你可以在Grok网页版中体验，作为先期的API 测试用户，我认为这是一个里程碑式的跨越，他真的可以使用了，不再是玩具。 最重要的是这个模型，I2V 中文字大幅度减少乱码，很强大。 找了张有字有人的照片，给大家展示下，顺便免费给 TRAE 打个广告。

CuiMao

72,508 просмотров • 29 дней назад

基本是无敌了！ Seedance 2.0 在产品宣传片和动效这块 各种风格和节奏都能驾驭，给产品介绍就能抽象英文关键词，自己编排节奏和展示逻辑，图片文字都能对上 依旧为我的 Claude Code 桌面端 Codepilot 做的广告片
0:15

基本是无敌了！ Seedance 2.0 在产品宣传片和动效这块 各种风格和节奏都能驾驭，给产品介绍就能抽象英文关键词，自己编排节奏和展示逻辑，图片文字都能对上 依旧为我的 Claude Code 桌面端 Codepilot 做的广告片

歸藏(guizang.ai)

20,818 просмотров • 5 месяцев назад

某些“大佬”已经不能用虚伪来形容🤦🏻 我绝不会去转一个项目方，或者某一个币的推文，然后跟大家说：“啊，这不是我背书啊，就是转给大家看一看，看一看就看一看吧” 你自己买了没有？你买了多少？项目方背景你搞清楚没有？ 我不仅要为我发的每一个字负责 我还要为每一个看到这个字的读者负责，对他们有可能产生的思考负责
0:18

某些“大佬”已经不能用虚伪来形容🤦🏻 我绝不会去转一个项目方，或者某一个币的推文，然后跟大家说：“啊，这不是我背书啊，就是转给大家看一看，看一看就看一看吧” 你自己买了没有？你买了多少？项目方背景你搞清楚没有？ 我不仅要为我发的每一个字负责 我还要为每一个看到这个字的读者负责，对他们有可能产生的思考负责

枪十七

14,478 просмотров • 1 год назад

大家好，我是来自韩国的Coser AZA MIYUKO（阿扎）❤️ 今天在Bilibili World出了《胜利女神：妮姬》海伦（Helm）的Cos！ 今天见到了很多朋友，也有很多人喜欢我的Cos、关注我，真的让我特别开心。衷心感谢大家的支持与喜爱！🥹❤️ Bilibili World第二天，我将在《Chaos Zero Nightmare》展位，以黛安娜（Diana）的Cos和大家见面！ 如果有时间的话，欢迎大家来找我，一起拍照、聊天，期待见到大家！✨ 这几天真的过得非常幸福，非常感谢一直支持我的每一位朋友。 另外，也想和大家说明一件事情。 目前我暂时无法在小红书发布新的内容。因为我无意中触碰了平台的内容规范，所以账号被限制发布一段时间。 由于我是韩国人，对小红书的平台规则还在不断学习和了解的过程中。如果有做得不够好的地方，还希望大家能够多多包容、多多理解。 今后我会更加注意，努力为大家带来更好的作品和内容。 今后也请大家多多关照！ 谢谢大家！❤️
0:12

大家好，我是来自韩国的Coser AZA MIYUKO（阿扎）❤️ 今天在Bilibili World出了《胜利女神：妮姬》海伦（Helm）的Cos！ 今天见到了很多朋友，也有很多人喜欢我的Cos、关注我，真的让我特别开心。衷心感谢大家的支持与喜爱！🥹❤️ Bilibili World第二天，我将在《Chaos Zero Nightmare》展位，以黛安娜（Diana）的Cos和大家见面！ 如果有时间的话，欢迎大家来找我，一起拍照、聊天，期待见到大家！✨ 这几天真的过得非常幸福，非常感谢一直支持我的每一位朋友。 另外，也想和大家说明一件事情。 目前我暂时无法在小红书发布新的内容。因为我无意中触碰了平台的内容规范，所以账号被限制发布一段时间。 由于我是韩国人，对小红书的平台规则还在不断学习和了解的过程中。如果有做得不够好的地方，还希望大家能够多多包容、多多理解。 今后我会更加注意，努力为大家带来更好的作品和内容。 今后也请大家多多关照！ 谢谢大家！❤️

아자AZA_미유코MIYUKO

37,964 просмотров • 6 дней назад

WatchingZone 一个国外的免费在线观影平台，提供高清电影、电视节目和动漫等多种内容。 喜欢看外国剧的可以使用该网站，无需注册登录，点击就能观看，也算是奈飞的替代品之一。不过大多数没有中文字幕，如果正在学习英语的小伙伴利用这个网站娱乐化学习还是不错的。 🔗：
0:12

WatchingZone 一个国外的免费在线观影平台，提供高清电影、电视节目和动漫等多种内容。 喜欢看外国剧的可以使用该网站，无需注册登录，点击就能观看，也算是奈飞的替代品之一。不过大多数没有中文字幕，如果正在学习英语的小伙伴利用这个网站娱乐化学习还是不错的。 🔗：

知识分享官

121,159 просмотров • 2 лет назад

依然是我朋友，去扶贫的时候脑热谈了一个当地的女朋友带回家。 然后朋友发现妹子20岁娃已经5岁了，帮着打赢了孩子的抚养官司。 俩个人恩爱地过了两年，期间还是真的很很喜欢对方。 也给家里瞒着她有孩子这么个事情，他父亲看她把朋友们家收拾的井井有条也接受了她。 朋友给她报名大专学习，小提琴学习，送她全国各地去旅游就在一切朝着好的方向发展的时候。 她认识了同龄的一个小太妹，从那之后只要朋友不在家她就跑去酒吧。 天天要吃好的穿好的用好的朋友忍受了一年受不了要分手，她说：你不就是见色起意 我见钱眼开？ 我每天像条小狗在家学习等着你回来难道你以为我想学习？我们年轻人本就该多玩一下多嗨一下 我朋友果断分手 然后她很快嫁给了一个他们当地的托尼老师，学没有上了，小提琴也挂咸鱼了，wx互删但是还看得到小红书。 每天不是在酒吧就是跟男朋友晒纹身，那才是属于她的世界吧
0:16

Sensitive content

依然是我朋友，去扶贫的时候脑热谈了一个当地的女朋友带回家。 然后朋友发现妹子20岁娃已经5岁了，帮着打赢了孩子的抚养官司。 俩个人恩爱地过了两年，期间还是真的很很喜欢对方。 也给家里瞒着她有孩子这么个事情，他父亲看她把朋友们家收拾的井井有条也接受了她。 朋友给她报名大专学习，小提琴学习，送她全国各地去旅游就在一切朝着好的方向发展的时候。 她认识了同龄的一个小太妹，从那之后只要朋友不在家她就跑去酒吧。 天天要吃好的穿好的用好的朋友忍受了一年受不了要分手，她说：你不就是见色起意 我见钱眼开？ 我每天像条小狗在家学习等着你回来难道你以为我想学习？我们年轻人本就该多玩一下多嗨一下 我朋友果断分手 然后她很快嫁给了一个他们当地的托尼老师，学没有上了，小提琴也挂咸鱼了，wx互删但是还看得到小红书。 每天不是在酒吧就是跟男朋友晒纹身，那才是属于她的世界吧

墨鱼(:◎) ｜🐬TermMax

43,456 просмотров • 28 дней назад

对全新 Siri 的动画在 WebGL 进行了复刻，我甚至都不知道什么时候国行能真正的用上全新 Siri。此效果特别献给转发我上篇帖子的丁师 Ding 给我带来了很多新朋友，新朋友们也是由设计工程话题关注我的，如果这个效果你们喜欢，希望多多互动，我将准备详细的制作教程分享。 在线体验地址： 此效果完全可移植到任何图形平台，没有特殊图形API，再次感恩 Apple 设计师的奇思妙想与工艺打磨，为我提供如此精彩的学习案例，我只是个卑微的临摹学习者。
0:16

对全新 Siri 的动画在 WebGL 进行了复刻，我甚至都不知道什么时候国行能真正的用上全新 Siri。此效果特别献给转发我上篇帖子的丁师 Ding 给我带来了很多新朋友，新朋友们也是由设计工程话题关注我的，如果这个效果你们喜欢，希望多多互动，我将准备详细的制作教程分享。 在线体验地址： 此效果完全可移植到任何图形平台，没有特殊图形API，再次感恩 Apple 设计师的奇思妙想与工艺打磨，为我提供如此精彩的学习案例，我只是个卑微的临摹学习者。

笑林

20,006 просмотров • 1 месяц назад

昨天在偶然刷到这个网站 - 《动画巡礼》 作者将各种日本动画的场景标注在 Google 地图上，数据特别丰富，全是力气活，我在想这么多都是人工标注的吗？真的好棒啊，还开放了API，交互也做的很不错，喜欢日本动漫的朋友们真的不能错过哈，去日本可以直接按照标注去玩了，也可以在特定的地点拍对比图。 开源库在这里： 感兴趣的同学还能 PR 提交自己的数据。
0:18

昨天在偶然刷到这个网站 - 《动画巡礼》 作者将各种日本动画的场景标注在 Google 地图上，数据特别丰富，全是力气活，我在想这么多都是人工标注的吗？真的好棒啊，还开放了API，交互也做的很不错，喜欢日本动漫的朋友们真的不能错过哈，去日本可以直接按照标注去玩了，也可以在特定的地点拍对比图。 开源库在这里： 感兴趣的同学还能 PR 提交自己的数据。

一

2,229,881 просмотров • 1 месяц назад

卧槽 Telegram 发布重大更新 - 现在机器人能发富文本了 - 还能让AI帮你管理群聊 - Telegram 终于上手表了 这不得够微信学习十来年？？ 以前 bot 回消息只能纯文本，现在AI Bot支持： ・表格、清单、嵌套引用块 ・行内插图、图片轮播、拼图 ・可折叠段落、脚注、标题锚点 ・数学公式、上下标 单条最多塞 32768 个字符，超过 8000 字会自动折叠成一个"显示更多"按钮 适合 AI bot 输出长答案、做内容卡片的场景
0:15

卧槽 Telegram 发布重大更新 - 现在机器人能发富文本了 - 还能让AI帮你管理群聊 - Telegram 终于上手表了 这不得够微信学习十来年？？ 以前 bot 回消息只能纯文本，现在AI Bot支持： ・表格、清单、嵌套引用块 ・行内插图、图片轮播、拼图 ・可折叠段落、脚注、标题锚点 ・数学公式、上下标 单条最多塞 32768 个字符，超过 8000 字会自动折叠成一个"显示更多"按钮 适合 AI bot 输出长答案、做内容卡片的场景

小互

67,713 просмотров • 1 месяц назад