趣玩编程：ASCII-Art艺术


先来吟诗一首：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/**
 *                             _ooOoo_
 *                            o8888888o
 *                            88" . "88
 *                            (| -_- |)
 *                            O\  =  /O
 *                         ____/`---'\____
 *                       .'  \\|     |//  `.
 *                      /  \\|||  :  |||//  \
 *                     /  _||||| -:- |||||-  \
 *                     |   | \\\  -  /// |   |
 *                     | \_|  ''\---/''  |   |
 *                     \  .-\__  `-`  ___/-. /
 *                   ___`. .'  /--.--\  `. . __
 *                ."" '<  `.___\_<|>_/___.'  >'"".
 *               | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 *               \  \ `-.   \_ __\ /__ _/   .-` /  /
 *          ======`-.____`-.___\_____/___.-`____.-'======
 *                             `=---='
 *          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
 *                     佛祖保佑        永无BUG
 *            佛曰:
 *                   写字楼里写字间，写字间里程序员；
 *                   程序人员写程序，又拿程序换酒钱。
 *                   酒醒只在网上坐，酒醉还来网下眠；
 *                   酒醉酒醒日复日，网上网下年复年。
 *                   但愿老死电脑间，不愿鞠躬老板前；
 *                   奔驰宝马贵者趣，公交自行程序员。
 *                   别人笑我忒疯癫，我笑自己命太贱；
 *                   不见满街漂亮妹，哪个归得程序员？
*/

ASCII Art

ASCII-Art艺术，简单地说就是利用ASCII编码字符（当然是可见字符）用来绘制图像、编辑大号艺术字的方式。这种方式在今天可能不被人理解，但在上个世纪多媒体技术成熟之前，这种信息表现形式被很多BBS用户所喜爱（一般是用来做签名），当然今天一些程序员还会在他们作品的Readme文档或是代码注释中采用。

如：LeetCode的个人主页
在这里插入图片描述

镇楼代码，佛祖保佑，永无BUG

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
cat <<EOT
 
                                  _oo0oo_
                                 088888880
                                 88" . "88
                                 (| -_- |)
                                  0\ = /0
                               ___/'---'\___
                             .' \\\\|     |// '.
                            / \\\\|||  :  |||// \\
                           /_ ||||| -:- |||||- \\
                          |   | \\\\\\  -  /// |   |
                          | \_|  ''\---/''  |_/ |
                          \  .-\__  '-'  __/-.  /
                        ___'. .'  /--.--\  '. .'___
                     ."" '<  '.___\_<|>_/___.' >'  "".
                    | | : '-  \'.;'\ _ /';.'/ - ' : | |
                    \  \ '_.   \_ __\ /__ _/   .-' /  /
                ====='-.____'.___ \_____/___.-'____.-'=====
                                  '=---='
 
              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                        佛祖保佑    iii    永无BUG
 
EOT

图片和字符来自：http://www.stenote.com/

更多有关ASCII-Art的由来及发展参考文章

文本图形（ASCII Art）术语的批判性观点

ASCII Art开源项目

地址：figlet.js
在这里插入图片描述

入门案例

  • 自定义生成ASCII字符
1
2
3
4
5
6
7
8
9
10
var figlet = require('figlet');

figlet('Coding now!', function (err, data) {
    if (err) {
        console.log('Something went wrong...');
        console.dir(err);
        return;
    }
    console.log(data)
});
1
2
3
4
5
  _   _      _ _        __        __         _     _ _
 | | | | ___| | | ___   \ \      / /__  _ __| | __| | |
 | |_| |/ _ \ | |/ _ \   \ \ /\ / / _ \| '__| |/ _` | |
 |  _  |  __/ | | (_) |   \ V  V / (_) | |  | | (_| |_|
 |_| |_|\___|_|_|\___/     \_/\_/ \___/|_|  |_|\__,_(_)

在这里插入图片描述

ASCII在线创意网站

你可以访问：https://www.asciiart.eu/
在这里插入图片描述
这个网站是一个专门用来收集各种ASCII创意的站点，目前收藏了动物、计算机、动漫等众多类别的大量创意作品，如图所示：
在这里插入图片描述
推荐几个生成字符画的网址

  1. http://www.topster.de/zh/text-to-ascii/

  2. https://linux.cn/article-3405-1.html 五个超赞的字符艺术生成器！

  3. http://glassgiant.com/ascii/ 推荐（生成汉字比较清晰）

  4. http://www.ascii-art-generator.org/

  5. ASCII Art

  6. 有趣的ASCII-Art