再花里胡哨一点？在网页里使用ASCII动画
合集 · 前端教程 (23)
-
【前端 | 教程】如何做一个扑克牌轮播图
10:23
-
【前端 | 教程】实现酷酷的文字故障效果
7:22
-
【前端 | 教程】纯干货！三步实现滑动阻尼效果
8:13
-
【前端 | Lottie】如何将AE动画渲染到网页上？
10:25
-
前端还能这样玩？做一只顶级走位的小蜘蛛
8:25
-
你的网站或许离高级，，还差一个跳转动画？
9:06
-
何止竖向滑动？让你的网页横着走！
9:30
-
干到开裂！上下左右⚡网页无限滑动⚡
12:32
-
做一个网页信息表单：不仅可以打勾，还可以擦掉？
11:56
-
硬到牙疼！如何将SVG图形嵌入网页、优雅地做动画？
7:57
-
网页SVG描边效果？一段动画给你整明白
7:26
-
你最该学会的网页交互？SVG描边动画 + 按钮
6:16
-
最具科技感的一集？用SVG打造网页矩阵动画
7:57
-
全站首发！别再问哪找网页灵感了，AW保姆级教程
8:33
-
不用物理引擎？让网页小球附加🧲磁力效果🧲
7:15
-
一个让人猜不到原理的，，网页小蛇加载效果？
7:48
-
终！极！网页横向滑动效果📕教程📕
6:34
-
再花里胡哨一点？在网页里使用ASCII动画
6:24
-
手搓物理效果？详解大神写的前端代码
8:09
-
音频可视化第一步？无库实现网页音波环
6:33
-
“自瞄锁敌”？做一个带有磁力的网页光标
5:40
-
网页也能一刀两断？这个开屏动画有点小帅
6:10
-
另类切图法？当CSS不按套路出牌
6:14
Description
视频中的演示网页地址: https://ghostty.org gifuct-js官方文档: https://github.com/matt-way/gifuct-js Ae插件GifGun地址: https://www.gifgun.io gifer GIF图网站: https://gifer.com tenor GIF图网站: https://tenor.com 源代码链接: https://github.com/JIEJOE-WEB-Tutorial/015-ascii-animation 喜欢这个视频的话，就点个赞吧❤
Comments
404比200还精彩[呲牙]
♥ 113 ↩ 1
想请问up，像这样有趣的技术，是自己想的，还是在网上找技术文档教程学会的呢🤔
♥ 49 ↩ 5
感觉直接把动态图片每一帧都预处理成ascii艺术的文档更好，客户端请求然后渲染就完了，不用重新加载图片
♥ 18 ↩ 3
可在 asciiart.eu/image-to-ascii 体验图片转换为ASCII Art，有多种可调参数。
♥ 13 ↩ 1
up这个404效果会出手把手从0实现吗[腾讯招聘_害羞][腾讯招聘_害羞]真的很想学
♥ 9 ↩ 8
我觉得GIF其实不是一个很好的动图格式，只是历史太悠久了，现在动图用webp或者apng会更好
♥ 5 ↩ 1
刚好最近想弄个ascll博客[doge]
♥ 4 ↩ 1
前几天看trae的官网，还在思考这种效果怎么实现的[笑哭]
♥ 4 ↩ 1
太TM强了，要我的话第一步出问题都不知道是GIF被压缩的问题
♥ 4 ↩ 1
是不是可以用加权公式替换RGB -> Gray 最后生成的更美观一些呢
♥ 4 ↩ 2
太强了，学习学习[星星眼]
♥ 4 ↩ 1
好好看[星星眼]
♥ 3 ↩ 1
用视频代替 gif
♥ 3 ↩ 1
光敏性癫痫警告⚠️
♥ 2 ↩ 1
如果没有经常更新的需求，那用gif实时结算还是不太划算的，硬编码每一帧的ascii字串其实占用会更小吧（
♥ 2 ↩ 1
好酷[打call][打call]
♥ 2 ↩ 1
那个404好炫酷啊 色彩变化得好爽
♥ 2 ↩ 1
[doge]来了
♥ 2 ↩ 1
我还以为用的asciinema player这种终端播放库[笑哭]
♥ 2 ↩ 2
6
♥ 2 ↩ 1