上次在技术分享会上看到有人用ASCII字符做演示动画一屏幕的绿色字符哗哗往下滚台下全在拍照。我当时以为是用代码手敲的后来才知道有专门的工具能把视频和图片直接转成字符画甚至还能导出成React组件。视频丢进去字符动画吐出来这个叫ASCII Studio的工具核心功能就是把视频逐帧拆解成ASCII字符动画。不是那种静态的字符画是带时间轴、能动的那种。丢进去一段视频它一帧一帧给你转成字符序列拼起来就是完整的字符动画。内置了45套字符预设分三大类。Standard系是基础款点线面组合的经典渐变。Cinematic系偏视觉冲击力有赛博朋克风、盲文点字、甚至埃及象形文字符号。Retro Terminal系走复古路线Matrix绿幕感、CRT扫描线、平假名片假名都能整。导出姿势对前端特别友好最让我意外的是导出选项。除了常规的图片和视频格式它居然能直接导出完整的React组件ASCII帧数据内嵌在组件里前端开发复制粘贴就能跑不用自己处理帧序列逻辑。做技术演示、个人作品集、或者给项目加个复古风loading动画的时候这个功能很使朋。字体用的JetBrains Mono程序员的老熟人了。粗体斜体随便切字号、行列间距、黑白反色都能调。还有个阈值参数控制明暗对比我自己试下来调到30左右效果比较好。也有不太行的地方处理高分辨率视频的时候速度偏慢帧数多的项目要等一会儿。另外导出的React组件代码量比较大如果帧数特别多文件会臃肿得吓人。响应式输出虽然支侍自适应屏幕但在特别窄的手机屏上字符挤在一起还是会有点糊。在线可以直接体验不用安装。想玩的话先去官网试试看效果再决定要不要本地部署。下载链接https://pan.quark.cn/s/93da5f5f13a8
ASCII Studio 字符画转换工具,React组件导出下载
上次在技术分享会上看到有人用ASCII字符做演示动画一屏幕的绿色字符哗哗往下滚台下全在拍照。我当时以为是用代码手敲的后来才知道有专门的工具能把视频和图片直接转成字符画甚至还能导出成React组件。视频丢进去字符动画吐出来这个叫ASCII Studio的工具核心功能就是把视频逐帧拆解成ASCII字符动画。不是那种静态的字符画是带时间轴、能动的那种。丢进去一段视频它一帧一帧给你转成字符序列拼起来就是完整的字符动画。内置了45套字符预设分三大类。Standard系是基础款点线面组合的经典渐变。Cinematic系偏视觉冲击力有赛博朋克风、盲文点字、甚至埃及象形文字符号。Retro Terminal系走复古路线Matrix绿幕感、CRT扫描线、平假名片假名都能整。导出姿势对前端特别友好最让我意外的是导出选项。除了常规的图片和视频格式它居然能直接导出完整的React组件ASCII帧数据内嵌在组件里前端开发复制粘贴就能跑不用自己处理帧序列逻辑。做技术演示、个人作品集、或者给项目加个复古风loading动画的时候这个功能很使朋。字体用的JetBrains Mono程序员的老熟人了。粗体斜体随便切字号、行列间距、黑白反色都能调。还有个阈值参数控制明暗对比我自己试下来调到30左右效果比较好。也有不太行的地方处理高分辨率视频的时候速度偏慢帧数多的项目要等一会儿。另外导出的React组件代码量比较大如果帧数特别多文件会臃肿得吓人。响应式输出虽然支侍自适应屏幕但在特别窄的手机屏上字符挤在一起还是会有点糊。在线可以直接体验不用安装。想玩的话先去官网试试看效果再决定要不要本地部署。下载链接https://pan.quark.cn/s/93da5f5f13a8