Introduction to Singing Cicada ASCII Art Volume 4 Colorful 2004.07.19 Outline:ⅠColor code ⅡASCII color wheel ⅢColor matching theory ⅣColor code simplification Origin from: Tolo Note Ⅰ Color code At present, we can already use many ASCII special symbols to create a variety of text and graphics. But this is not enough. If you want to make them more beautiful, you must learn how to color them. Before coloring National Taiwan University Asset Management 11th class After coloring ?Shao? ?? ?? ?? ?inflammation? ?i ?i ?i ?o The 11th Class of National Taiwan University Asset Management How about adding color and it feels completely different, right: So how do you color it? The tool we use is called color code. Its form is probably *[1;36mcyan*[m and then it will have this effect cyan ASCII core color code *[m Please note that *[m does not appear directly by pressing Shift 8 [ and m Instead, use Ctrl c to generate it. If you press Ctrl c, parts like *[m will appear. This is the case for most BBS sites, including Mingchan Station and Pijiji Industrial Forum Remember that the text to the right of *[m will be affected by the command given by the *[m For example, *[m's influence area extends all the way Now, practice a simple color code step by step. Perform the action and see the results on the screen. 1 Type the text you want to experiment with highlight ordinary 2 Press Ctrl c *[mhighlight*[m ordinary 3 In the previous *[m, add the number 1 and place it between [ and m *[1mhighlight*[m ordinary 4 Please press Ctrl v to check the result highlight ordinary Have you noticed that the word "highlight" has become brighter? When the article is posted, what others see is the result of 4 That is the screen you see after pressing Ctrl v to switch modes. Likewise, pressing Ctrl v again will switch back to what you saw in 3 Most people edit in mode 3 when editing articles. Only use Ctrl v to temporarily switch reading mode when you need to check the color code effect. It's simple. This is how color coding works. The *[1m in front of it makes the text to the right of it brighter. The following *[m returns the text to its right to its original brightness. Ⅱ ASCII color wheel The 1 previously filled in *[m means high brightness. Other instructions follow a similar pattern. directives of special nature Instruction Function Source Code Presentation Effect 0 no effect *[0m text *[m text default value no effect 1 high brightness *[1m text *[m text 4 Bottom line *[4m text *[m text Some software does not support 5 flashing *[5m text *[m text 7 highlight *[7m text *[m text 8 black text *[8m text *[m text foreground color command Instructions Foreground Color Source Code Presentation Effect 30 black *[30m text *[m text 31 reddish brown *[31m text *[m text 32 dark green *[32m text *[m text 33 khaki *[33m text *[m text 34 indigo *[34m text *[m text 35 dark purple *[35m text *[m text 36 dark cyan *[36m text *[m text 37 White *[37m Text *[m Text Default White Text background color directive Instructions Background Color Source Code Presentation Effect 40 black *[40m text *[m text default value black background 41 reddish brown *[41m text *[m text 42 emerald green *[42m text *[m text 43 khaki *[43m text *[m text 44 blue *[44m text *[m text 45 purple *[45m text *[m text 46 cyan *[46m text *[m text 47 white *[47m text *[m text 48 bright red *[48m text *[m text A command that feels special Combined instructions The above color codes can coexist in multiple types, but at most one can be selected for foreground and background. If you want to issue multiple instructions for the same text, separate the instructions with semicolon. For example *[1;5;35;44mviolet*[m becomes violet So we can create a set of high-brightness foreground colors Instructions Foreground Color Source Code Presentation Effect 1;30 gray *[1;30m text *[m text 1;31 bright red *[1;31m text *[m text 1;32 light green *[1;32m text *[m text 1;33 bright yellow *[1;33m text *[m text 1;34 blue *[1;34m text *[m text 1;35 purple *[1;35m text *[m text 1;36 light blue *[1;36m text *[m text 1;37 bright white *[1;37m text *[m text 1;38 *[1;38m text *[m text in batch kick industrial workshop 1;39 *[1;39m text *[m text These two are weird colors The ASCII color wheel is introduced here. All available colors are summarized below. 30 31 32 33 34 35 36 37 0 Normal brightness series 1 High brightness series Ⅲ Color matching theory When it comes to color matching, I’m not going to say anything profound here. I don’t have that ability either ^^" When we draw ASCII pictures, we don’t use watercolors or advertising paints. We just use less than a dozen colored pens. So you don’t need to know any color formulas like that Here I would like to share some color matching experience Allow beginners to choose the appropriate color in the appropriate place to achieve the desired effect emphasize text Text is not like some solid geometric figures Characters with slightly fewer strokes occupy a small proportion of the space within a full-frame grid. If the lines of the text are not bright enough, it will make it difficult to see clearly. For example, this line of text is bleak. Very bleak. Really bleak. It’s not good to use too many dark colors like this. It will make readers look hard. So try to avoid using dark colors on text unless you do it intentionally. bottom line emphasis As the name suggests, it is to underline the text. When reading a book, many people underline the key points like this. This emphasis method is suitable for longer sentences or paragraphs It’s a pity that some BBS viewing software cannot display such effects. For example, this passage is very important. It is best for me to remember it firmly. foreground emphasis If you want to emphasize a few words in a sentence, use a high-brightness foreground color series Bright yellow, light green, light blue, bright red, bright white and purple are all good choices. 只有蓝色的亮度仍不够 灰色呢 它不算啦 高亮度的黑色 XD 这几种颜色何者较好 我想应该没有定论 因人喜好而异 可是选择不同的颜色 给人的感觉 气氛都不太一样 背景强调法 包括反白强调法 另外 背景强调法也是一种可行之道 就像用萤光笔划重点一样 笔者比较推荐的 萤光笔 是 蓝色 红棕 紫色 反白 若要使用背景强调法 建议前景采用高亮度 通常是亮白色 亮白前景搭配蓝色背景 比较一下 白色前景搭配蓝色背景 第一行的文字看起来比较清楚 也比较能达到强调的效果 在这边给个小建议 不管是哪一种强调法 都不要用太多的高亮度文字 不然的话会让读者觉得刺眼 假如整个段落都需要强调 用底线强调法比较适合 闪烁强调法 闪烁对笔者来说 通常是最后一刻才会考虑使用的工具 虽然它确实有一定的效果在 但是 闪烁的副作用实在太大 使用稍有不慎 会给人负面的印象 它适合用在 最最重要的词 这个词最好只有几个字而已 例如 集合时间是 10:00 千万不要忘记了 因为闪烁的频率太慢 每一次的熄灭 都会中断读者的阅读过程 如果有一串长达数十字的闪烁文字 等读者看完 气恐怕也快岔了 所以罗 为了读者的灵魂之窗著想 请尽量避免用闪烁 如果要用闪烁 一定要用在最重要的地方 最好搭配前景 背景强调法一起使用 : 笔者推荐搭配背景强调法 可以让读者很快地锁定闪烁的位置 文字配色 练习一下 如果遇到这样的文字 你想怎么为它配色呢 1 大内圣殿 公告 申诉 交流 2 大资管帝国 资管 研究 系队 3 天使小窝 天使个人专区 4 一定要用功 课程 专题 用功 升学 5 Super Club 社团 团体 CAMP 班板 6 食衣住行育乐 娱乐 电脑 生活 资讯 7 台大 校内 其他 N ew 阅读所有新作品 S elect 选择看板 以下是笔者的设计 全用前景色 1 大内圣殿 公告 申诉 交流 2 大资管帝国 资管 研究 系队 3 天使小窝 天使个人专区 4 一定要用功 课程 专题 用功 升学 5 Super Club 社团 团体 CAMP 班板 6 食衣住行育乐 娱乐 电脑 生活 资讯 7 台大 校内 其他 N ew 阅读所有新作品 S elect 选择看板 这样的排法 由上往下看很平顺 因为是大家熟悉的彩虹颜色顺序 高亮度前景色里面 其中有六个接近彩虹的其中六色 我就照顺序排了 中间再插入一个特例 利用三种明暗度不同的 白色 营造渐层效果 别忘了 在黑白世界里 我们有四种颜色可以用哦 但是黑色不常用 至于为什么右半边没有染色呢 个人认为 读者最习惯阅读的依旧是普通的白色 普通白色是最基本的颜色 适量的颜色可以装饰画面 而颜色用过量 画面就太花了 图形配色 图形配色更难找出什么通则了 已经到艺术创作的层次 ^^ 若勉强要说什么 笔者也只能提供一点点建议 配色要以整体感作为首要考量 别拘泥于小地方 像是一两块方格的颜色 读者欣赏一个作品 很少抓它的一个角落 而是用远观的方式看它整体的感觉 以下我挑了两个色彩用得比较多的作品供大家参考 Λ Λ 小狗霈 Λ lastsleep Λ 走路风 Λ Λ AllenHuang^^ Λ Λ BlueShiva Λ 毕安诺 IM Bomberman 炸弹超人 NEXT LEVEL 3 LINES 24 SCORES 9300 by AllenHuang 俄罗斯方块 Ⅳ 色码精简 这段内容或许比较枯燥 但它很重要 所以我并不想遗漏它 学会精简颜色码 其主要目的 事半功倍 知道了捷径之后 就不用花时间绕远路 既然可以用更便宜的价格买到相同的东西 何乐而不为呢 例题一 请做出以下效果 鲜红 亮黄 浅蓝 也许有人会用HTML tag的形式去写 像这样 *[1;31m鲜红*[m *[1;33m亮黄*[m *[1;36m浅蓝*[m 但是 其实不必那么复杂 这样子就搞定了 *[1;31m鲜红 *[33m亮黄 *[36m浅蓝*[m 为什么呢 颜色码是有继承性的 *[33m 虽然只表示了前景颜色 但是它可以继承左边 *[1;31m 所下的高亮度指令 同理 *[36m 也继承了 *[1;31m 所下的高亮度指令 类似题 请做出以下效果 紫色 闪烁的紫色 HTML tag包夹方式的最复杂写法 *[1;35m紫色*[m *[1;5;35m闪烁的紫色*[m 利用继承方式的写法 *[1;35m紫色 *[5m闪烁的紫色*[m *[5m 继承了左边的 *[1;35m 两个指令 例题二 请做出以下效果 浅绿 墨绿 同样地 我先秀出最复杂的方式 *[1;32m浅绿*[m *[32m墨绿*[m 简单的写法 *[1;32m浅绿 *[0;32m墨绿*[m 也许读者会问 为什么不是这样写 *[1;32m浅绿 *[0m墨绿*[m 这就要谈到0这个指令了 请不要以为0是 低亮度 的意思 0的作用是将之前所有的 属性归零 换句话说 0会让之后的文字变成最平凡的黑底白字 *[0;32m 里面的0 把前面的 *[1;32m 两个指令都挡掉了 所以若要让后面的颜色变成墨绿色 我们还得再打一次32 引 申 0是可以技巧性地不写的 之前所述的 *[1;32m浅绿 *[0;32m墨绿*[m 可以修改成 *[1;32m浅绿 *[;32m墨绿*[m *[;32m 的分号前面没有数字 系统会自动加进一个0进去 这样子读者知道 *[m 的用意了吗 是的 它其实就是 *[0m 这也难怪 *[m 之右的文字 全部都是黑底白字 彷佛有 收尾 的效果 整 理 在此整理一个清单 让读者更清楚颜色码继承的方式 class 0 special class: reset to default configuration class 1 class 4 class 5 class 7 special class: *[30;47m class 8 special class: *[30;40m class 3X contains 30 31 32 33 34 35 36 37 class 4X contains 40 41 42 43 44 45 46 47 48 除了0,7,8三类之外 不同的类别 可以用继承方式写下去 *[32m前景墨绿 *[44m背景蓝色 *[1m前景高亮度 *[4m再加底线 *[5m闪烁吧*[m 呈现效果如下 前景墨绿 背景蓝色 前景高亮度 再加底线 闪烁吧 而在同一个class底下 不算继承 说是 取代 比较恰当 *[41m背景红棕 *[43m背景土黄 *[42m背景翠绿*[m 这样的写法得到如下的效果 背景红棕 背景土黄 背景翠绿 再谈一下三个special classes吧 就笔者的测试 *[7m 的功用等同于 *[30;47m 而 *[8m 的功用则等同于 *[30;40m 最后 *[0m 也就是 *[m 它将之前所有属性归零 切换到预设值 所谓的预设值 就是黑底白字 37与40 终于结束了 ^^ 希望各位知道色码精简的通则之后 整理原始码的功力可以精进不少 在每一个BBS站里面 同一行不能打太多字 或多或少都有一定的上限 如果颜色码太 肥大 按 Ctrl v 之后 会发生画面错乱的状况 所以 懂得色码精简 可以防止颜色码过长 National Taiwan University Asset Management Mingchan Station Level 90 Artist Huang Shuchun