在印象中,好像终端就是黑白界面,加扁平输出。是不是很乏味?其实现在 Linux/Unix 系统中带的终端模拟器是支持动画和彩色输出的。下面,一起来看看字符界面下的动画魅力!

1 定点输出

1.1 回车符(carriage return)

在这之前,我一直下意识的以为回车符和换行符是一个意思,相信有很多人也有这种错误的理解。其实不然,回车符(\r)是把光标返回到行首,而换行符(\n)才是把光标移到下一行。尽管在 Linux 中,是采用换行符作为新行的标识,但终端模拟器中还是会响应回车符 [1]。

OK,在理解了回车符和换行符的区别后,我们考虑一种情况:当在一行结束的时候,只输出回车符,而没有换行符,会发生什么?由于没有换行,只回到了行首,所以新打印的内容会把当前行覆盖。而我们可以基于这个特性,在脚本中做一些很有意思的动画。这里我写了一个例子,可以尝试一下:

  1. #!/bin/bash
  2. spin=('\' '|' '/' '-')
  3. cnt=0
  4. while(true)
  5. do
  6. echo -n "handling $((cnt++)), please wait... ${spin[$((cnt % 4))]}"
  7. echo -n -e \\r
  8. sleep 0.2
  9. done

这里的关键就是 -n,强制 echo 不输出换行符。

1.2 光标移动(CSI码)

单纯在同一行做文章,可能还无法满足一些动画。这时候,可以采用 CSI 码来手动移动光标。CSI(private mode character) 是用来格式化终端的输出。其序列定义为 [ESC][ + N1; N2; ... S,而 ESC 可以用 \e\033 和\x1B 来表示。这里我们简单的控制一下输出:

  1. echo -en '\e[2J\e[7;40f this is a test\e[6;38f this is another teset\n\n'

这条命令首先用 \e[2J 来清屏,\e[7;40f 把光标移到到 7,40,输出内容,然后 \e[6;38f 把光标移动到 6,38,再输出内容。具体的 CSI 码可以在 wiki 找到,发挥你的想象力吧。

Linux 下有一个 tput 命令,可以设置终端的属性,若不想用 CSI 码,可以用 tput 代替,具体可以查看 tput 联机文档。

2 色彩化输出

现在输出位置可以自由控制了,那就只剩下颜色了。终端中的颜色也是通过 SGR(select graphic rendition) 码来控制。SGR 是 CSI 的一个子集,其格式为 CSI + N + m。其中 N 就是指定颜色的。可以利用 SGR 码来设定字体、加粗、下划线、背景色和前景色。具体效果可以在 flogisoft 查看,做的很全。这里只举一些基本的例子。

  1. echo -e 'this is a \e[1mtest'
  2. echo -e 'this is a \e[1;31mtest'
  3. echo -e 'this is a \e[1;4;31mtest'

可以看到,有一些效果是可以叠加的。只需中间用分号隔开就可以。

3 一些有趣的例子和工具

在分析完基本的东西后,一起来看看世界各地蛋疼的人做的成果。这里不是否定他们的工作,事实上,我也是这类人。

首先看一下我刚写的,打印一个倒三角形,然后加上一些颜色:

  1. #!/bin/bash
  2. while true
  3. do
  4. for i in {20..1}
  5. do
  6. echo -en "\e[38;5;$((RANDOM % 256))m"
  7. # expand twice
  8. eval printf \' %.0s\' {1..$((41 - i))}
  9. eval printf \''#%.0s'\' {1..$((2*i -1))}
  10. echo -e "\e[0m"
  11. done
  12. echo -en "\e[20F"
  13. sleep 0.2
  14. done

这里在 for 循环中打印三角形,然后用 \e[20F 向上移动 20 行,再继续打印三角形。而\e[38;5;$((RANDOM % 256))m 会在 256 中颜色中随机选择一种颜色。来看一下具体效果:

如果你喜欢《黑客帝国》,可以安装 cmatrix(apt-get install cmatrix),体验一下字符刷屏的效果。如果你是《星球大战》的粉丝,可以运行一下这个命令 telnet towel.blinkenlights.nl,体验一下字符界面下的电影。如果你想要震撼的效果,字符界面下的分形图像,可以运行 bb(apt-get install bb)

另外,如果你想把自己的文字变的很绚丽,可以试一下 toilet,你没看错,就这名字。

  1. toilet -f term --gay this is a test

【编者注:如果想查看更多的控制码,可以 man console_codes

shell动画的更多相关文章

  1. shell脚本动画小工具

    shell脚本动画小工具 看gif图: shell脚本版 脚本内容如下: #!/usr/bin/env bash ## ---------------------------------------- ...

  2. shell二位数组——终端字符下降动画

    猜想:Shell支持关联数组,可以利用关联数组模拟二维数组. [验证猜想] #!/bin/bash array[1,1]=1 array[2,1]=2 array[3,1]=3 for i in `s ...

  3. Win10 UI动画

    <Button Content="Ship via Wells, Fargo & Co." HorizontalAlignment="Center" ...

  4. 全新 Mac 安装指南(编程篇)(环境变量、Shell 终端、SSH 远程连接)

    注:本文专门用于指导对计算机编程与设计(尤其是互联网产品开发与设计)感兴趣的 Mac 新用户,如何在 Mac OS X 系统上配置开发与上网环境,另有<全新 Mac 安装指南(通用篇)>作 ...

  5. 用HTML5实现的各种排序算法的动画比较 及算法小结

    用HTML5实现的各种排序算法的动画比较 http://www.webhek.com/misc/comparison-sort/ 几种排序算法效率的比较 来源:http://blog.chinauni ...

  6. Android 开机动画启动过程详解

    Android 开机会出现3个画面: 1. Linux 系统启动,出现Linux小企鹅画面(reboot)(Android 1.5及以上版本已经取消加载图片): 2. Android平台启动初始化,出 ...

  7. [记录]Ubuntu下,使用Shell,简单替换有规律的文件名称

    因工作中需要将Flash转为Html5,并且要有动画效果,我将Flash的组件导出Png序列,然后将Png序列拼接成一张雪碧图(Sprite),名字为在生成雪碧图可以排序,需要改成数字名称. 而名字是 ...

  8. [转]Windows Shell 编程 第三章 【转自:http://blog.csdn.net/wangqiulin123456/article/details/7987901】

    第三章 操作文件 我依然清楚地记得,Windows95 的贝塔版出现的情形,它在朋友之间和学院中传播,好酷,全新的文件管理器,一种全图标,全彩色可客户化的界面,以及活泼的动画标识使得在文件拷贝和删除方 ...

  9. [转]Windows Shell 编程 第九章 【来源:http://blog.csdn.net/wangqiulin123456/article/details/7987969】

    第九章 图标与Windows任务条 如果问一个非程序人员Windows最好的特色是什么,得到的答案应该是系统最有吸引力的图标.无论是Windows98现在支持的通用串行总线(USB)还是WDM(看上去 ...

随机推荐

  1. 「git」mac下git提交github代码

    1.打开终端,输入 cd -/.ssh 这个是检查你的ssh的是否存在的,如果存在,先将已有的ssh备份,或者将新建的ssh生成到另外的目录下(如果第一次配置一般都是不存在的),不存在,你将会看到如下 ...

  2. 贪心法:K叉哈夫曼树

    NOI2015荷马史诗 一部<荷马史诗>中有 n 种不同的单词,从 1 到 n 进行编号.其中第 i 种单词出现的总次数为 wi.Allison 想要用 k 进制串 si 来替换第 i 种 ...

  3. Unicode/UTF-8/GBK/ASCII 编码简介

    转载:http://blog.csdn.net/u014785687/article/details/73928167 一.字符编码简介 1.ASCII编码 每一个ASCII码与一个8位(bit)二进 ...

  4. matlab的rem()和mod()函数

    matlab的rem()和mod()函数 rem(x,y):求整除x/y的余数 mod(x,y):求模 rem(x,y)=x-y.*fix(x./y);  (fix()向0取整) mod(x,y)=x ...

  5. 【BZOJ】4293: [PA2015]Siano 线段树上二分

    [题意]给定n棵高度初始为0的草,每天每棵草会长高a[i],m次收割,每次在d[i]天将所有>b[i]的草收割到b[i],求每次收割量.n<=500000. [算法]线段树上二分 [题解] ...

  6. 【leetcode 简单】第四十八题 旋转数组

    给定一个数组,将数组中的元素向右移动 k 个位置,其中 k 是非负数. 示例 1: 输入: [1,2,3,4,5,6,7] 和 k = 3 输出: [5,6,7,1,2,3,4] 解释: 向右旋转 1 ...

  7. OGG相关操作

    参数文件详解: 1)truncate ogg 进程: Manager进程:manager进程是配置在源端和目标端 Extract(抽取)进程:部署在源端,用于捕获数据表或者日志中的数据文件: Pump ...

  8. java之正则表达式、日期操作

    正则表达式和日期操作 正则表达式简介 正则表达式就是使用一系列预定义的特殊字符来描述一个字符串的格式规则,然后使用该格式规则匹配某个字符串是否符合格式要求. 作用:比如注册邮箱,邮箱有用户名和密码,一 ...

  9. web项目更改文件后缀,隐藏编程语言

    从Java EE5.0开始,<servlet-mapping>标签就可以配置多个<url-pattern>.例如可以同时将urlServlet配置一下多个映射方式: <s ...

  10. 转:google测试分享-SET和TE

    原文:  http://blog.sina.com.cn/s/blog_6cf812be0102vbnb.html 前端时间看了google测试之道,收获了一些,在此总结下并打算写一个系列blog,顺 ...