══════════════════════════════════════金◎《鳴蟬ASCII Art入門 卷三》 砌 磚 哲 學
════════════════════════════════2004.07.18═
Outline: Ⅰ 堆疊 Ⅱ 縱橫線條 Ⅲ 虛幻之線 Origin from: Tolo Note
◤─────╮
│Ⅰ 堆 疊 │
╰─────╯
▆▆
▆▆ ASCII Art Design，與其說它是〔畫〕ASCII圖，
▆▆ ▆▆ ▆▆ 還不如說是〔蓋〕ASCII圖。
▆▆ ▆▆ ▆▆ 就像堆磚塊一樣，我們將一塊塊的零件（符號），
▆▆ ▆▆ ▆▆ █ ▆▆ 疊到合適的位置，愈疊愈多，
▆▆ ▆▆ ▆▆ █ ██ █ ▆ 然後逐漸〔蓋〕出一個作品來。
真正開始〔蓋〕圖之前，請先回想以前玩拼圖、七巧板、樂高積木的感覺。
然後找出你的ASCII百寶箱，準備挑選適合的符號，擺到適合的位置。
首先，在這邊示範一個簡單的堆疊圖：畫一隻熱帶魚。
◣ 簡單的魚形，不外乎是身體寬大、往頭部縮小、再加一條尾鰭。
◣█◣ 所以，我們利用直角三角形與最大實心方塊，
◤█◤ 做出一小一大的等腰直角三角形，
◤ 也就是尾鰭與魚身。如左圖所示。
。
◣ 。 稍作改變，挖掉了一個方塊，但是魚形仍在，
◣ ◣ 接著又用中文句號，畫出小小的氣泡。
◤█◤
◤ 一隻可愛的熱帶魚就完成了。
我們可以對這個魚形多做一些變化：（最後一隻好像旋轉90度的spade。 ^^"）
◣ ◣ █◣
◣██◣ ◣▅█◣ ◣██◣
◤██◤ ◤██◤ ◤██◤
◤ ◤ █◤
～ ～
～◣ ～。～ 添加許多〔～〕符號，營造在水裡的感覺。
～◣ ◣。 雖然我多加了一些顏色碼裝飾，
◤█◤～ ～ 不過，構成圖形的基本符號都很單純。
～～◤～
～～ ～ ASCII圖主要構成的兩個元素：符號 & 顏色碼
～ ～～◣ ～～ 本卷著重在符號堆砌的部分，
～ ◣ ◣。 讀者如果還不會使用顏色碼，沒有關係的，
～ ～ ◤█◤～ 下卷就會教大家怎麼用了。
～～◤～ ～～ ～
畫ASCII圖不會很困難，筆者建議初學者，先從小圖形著手。
就像畫之前的火柴人一樣，嘗試畫一些小型物品，比方說：
______
\\\/// ███
\\// ║＼ ∣ ∣
■ 羽毛球 ║＼ ██ ∩_∩
║ ◥◤ Zzz..(-.-)ζ
◆ ● 十六分音符 ／＼ (____) 睡鼠
／ ＼ ∣：∣
◆ － ◆ ██
＼ ／ ███ 沙漏
■ 棒球場內野
小寫的zeta居然成了小老鼠的尾巴，想不到吧～ ^-^
┌───┐┌───┐┌───┐┌───┐┌───┐
│3 ││4 ││5 ││6 ││7 │
│ ◆ ││◆ ◆││◆ ◆││◆ ◆││◆ ◆│
│ ││ ││ ││ ││ ◆ │
│ ◆ ││ ││ ◆ ││◆ ◆││◆ ◆│
│ ││ ││ ││ ││ │
│ ◆ ││◆ ◆││◆ ◆││◆ ◆││◆ ◆│
│ 3││ 4││ 5││ 6││ 7│
└───┘└───┘└───┘└───┘└───┘ 同花順
至於稍微大張一點的圖，像是住在筆者個人板精華區的貴客：
: ◢███◣'
. ◢█◤ ◥█◣ `
˙ ██ ' . ◥█
◤◥Sco. █.
‧ █
. ' :◢██》》》》█
‧ ◢█◤ █████▌
██ ● ████◤
, ` ◤◥ ●████ '
. ◢█》》》》
' . ◥███◤ ˙
◢█◤ . ` '. 天 蠍
嗯，夠多了。在看過這些作品之後，讀者可以動手創作看看了。 :)
◤──────╮
│Ⅱ 縱橫線條 │
╰──────╯
◆ 各式表格
我們可以用〔水管〕寫ASCII字，當然也能用它們來畫ASCII圖。
線條繪圖最常使用的場合，就是畫表格： // 以下範例請自行擴大延伸
封閉外框
┌───┐ ╔═══╗ ╭───╮
│ │ ║ ║ │ │
│ │ ║ ║ │ │
│ │ ║ ║ │ │
└───┘ ╚═══╝ ╰───╯
非封閉外框
═════ －－－－－ ╔ ╗
║ ║
║ ║
║ ║
═════ －－－－－ ╚ ╝
標題列效果
╔═══╗ ╔ ╗ ═════
╟───╢ ║－－－║ ─────
║ ║ ║ ║
║ ║ ║ ║
╚═══╝ ╚ ╝ ═════
陰影效果 紙張翻頁
╔═══╗ ╔═══╗
║ ╟┐ ║ ║
║ ║│ ║ ║
║ ║│ ║ ◤
╚╤══╝│ ╚══
└───┘
棋盤格
╔╤╤╤╗ ┌┬┬┬┐ ╳│○│╳
╟┼┼┼╢ ├┼┼┼┤ ─┼─┼─
╟┼┼┼╢ ├┼┼┼┤ │○│○
╟┼┼┼╢ ├┼┼┼┤ ─┼─┼─
╚╧╧╧╝ └┴┴┴┘ │╳│ Tic-Tac-Toe
╔╤╤╤╤╤╤╤╤╤╤╤╤╤╤╤╤╤╗
╟┼┼●┼●┼┼┼┼┼┼┼┼┼┼┼┼╢
╟┼┼●○○┼●●┼┼┼┼┼┼┼┼┼╢
╟┼┼○┼┼○┼○˙┼┼┼┼┼˙┼┼╢
╟┼○●┼┼┼┼┼┼┼┼┼┼┼┼┼┼╢
╟┼●┼○┼┼┼┼┼┼┼┼┼┼┼┼┼╢
╟┼○●┼┼┼┼┼┼┼┼┼┼┼┼┼┼╢ Go
有時候看到別人使用半形的underscore, vertical bar來畫表格，
其實，筆者不建議各位用半形特殊符號畫表格，尤其是銜接的部分，
全形特殊符號才能彼此密合，若是半形特殊符號，銜接效果不佳。
__________
| | 用半形特殊符號畫出來的表格，
|----------| 給人的感覺比較粗糙。
| | 而且它的零件過細，依筆者的經驗，
| | 很容易被打亂掉，不易維護。
|__________|
◆ 賽程表
將畫表格的經驗，拿來畫賽程表也很有用，
做出既整齊又華麗的賽程表，讓參賽者感覺得到主辦單位的用心。 ^^
A 1st ───┐
├──┐
B 2nd ───┘ │
├──┬──┐
C 2nd ───┐ │ │ │
├──┘ │ │
D 1st ───┘ │
季軍 ├── ※冠軍※
C 1st ───┐ │
├──┐ │ │
D 2nd ───┘ │ │ │
├──┴──┘
A 2nd ───┐ │
├──┘
B 1st ───┘
等到學會了顏色碼之後，再回來製作賽程表，可以有更大的發揮空間。
勝利晉級的人或隊伍，線條換成粗的，很輕易就看出來了。
2002 FIFA WorldCup
A1 丹 麥 ══┐0 ★冠軍:巴 西★ 3 1╔══ 西班牙 B1
╔══┐ 亞軍:德 國 ┌══╝
F2 英格蘭 ══╝3 ｜1 3 0｜ 2 1└══ 愛爾蘭 E2
╔══╗ ╔══╗
H2 比利時 ══┐0 ║2 ║ ║ 5 0║ 1┌══ 義大利 G2
╔══╝ ║ ║ ╚══╗
C1 巴 西 ══╝2 ║1 0║ G 2╚══ 南 韓 D1
╚═2 0═╗
F1 瑞 典 ══┐1 ｜0 1║ 1╔══ 德 國 E1
╔══┐ ╔═3 2═║ ╔══╝
A2 塞內加爾 ══╝2 G ｜0 ║ ║ 1║ 0└══ 巴拉圭 B2
╔══╝ ╚══╝
C2 土耳其 ══╗1 ║1 G 季軍:土耳其 0｜ 2╔══ 美 國 D2
╚══╝ 殿軍:南 韓 └══╝
H1 日 本 ══┘0 0└══ 墨西哥 G1
◤──────╮
│Ⅲ 虛幻之線 │
╰──────╯
畫了許多ASCII圖之後，偶爾有好奇的網友會問，圓要怎麼畫？
圓？ A piece of cake！我可以給你一大堆〔。 o ｏο 0 O Ｏ ０ ○〕
什麼？不是呀？是要實心的嗎？我也有很多〔 . · ． ‧ ˙ ● 〕
呵～好了，以上只是開玩笑的。 :p
關於畫圓這個問題，很抱歉！
在ASCII Art所能及的部分，圓是畫不出來的，
嗯，不必太過失望。山不轉路轉，窮則變變則通。
剛才的答案，筆者更精確地說：我們沒辦法畫出〔完美〕的圓。
◆ 虛幻連線
NW Ｎ NE
之前我們所能畫出的ASCII線條方向， ↖↑↗
都不能逃脫米字步範圍。 Ｗ← →Ｅ
有沒有辦法突破這項限制呢？ ↙↓↘
SW Ｓ SE
.
‧ °
‧
． ‧
‧ 。 Charles' Wain
上面這個作品，相信大部分人看到它的時候，
腦海裡面浮現的，都是一個柄朝左，口朝上的大斗杓，
可是，它明明只是隨意散落在平面上的七個點呀？斗杓在哪邊？
在許多人心裡，對大熊座北斗七星有著根深蒂固的印象，
看到這七顆星星，就自動從左側的搖光開始，
依序用直線連接右側開陽雙星、右側玉衡、稍暗的天權、
往下的天璣、右邊的天璇、與上方泛黃的天樞。
這就是虛幻連線！以下的南十字星座是另外一個例子：
‧ ‧
.
˙ °
． ‧
˙ . Crux
°
雖然沒有實際把線畫出來，可是已經等於〔畫〕出來了。
畫出來的人，不是原作者，而是欣賞作品的各位。 ^^
◆ 虛幻曲線
虛幻連線的線條主要還是直的，但我們有辦法更進一步，讓線條轉彎。
↑y
│ ˙ 當我們要在直角座標系統中，
│ 畫出某道方程式在上面呈現的圖形，
│ 通常都從描點開始。
│
│ 以這個方程式為例：
│ 取x為0, 2, 4, 6, 8，
│ 依序得到y為-3, -2, 1, 6, 13。
│ ˙ 然後在(0,-3),(2,-2),(4,1)...等等座標畫下記號。
│
│ 當這些〔重要點〕的數量足夠了，
│ 拋物線也跟著浮現在眼前，
│ 接著我們就可以在紙上畫出這道曲線。
˙ │ ˙
────┼─────────────→
│ 2 x
˙ │ ˙y = (0.5x) - 3
˙
│
虛幻之線成功的關鍵，在於能否以實際畫出的〔線索〕說服讀者。
所謂的〔線索〕就是剛才提到的〔重要點〕，畫愈多愈容易說服成功。
.::::::::::.
........ :. .:
:'''''''': ':: ::'
:: :: :: ::
:: :: :: ::
:: :: :: ::
:: :: :: ::::::::::::::::::::.
:: :: .:: ::. ..:
:: :::''' '''::. ::
:: .:' ':. ::
:: :: :: ::
:: :: :: ::
:: ':. .:' ::
:: '::... ...::' ::
':::::::::::::::::::'''::::'''::::::::::::::::' 化學實驗容器組
當讀者被這些〔重要點〕說服，認定這三者分別是錐形瓶、燒瓶、與燒杯的時候，
他們自動地在心裡繪出這三樣東西的輪廓。
所以，就算中間不是真正的橢圓，但是讀者絕對知道你畫的是橢圓。
., 人與人溝通，除了肢體言語上的表達之外，
.* ★.★, .★*. 彼此心神的意會也很重要。
,★`* .★ " * '." ★ 雖然，ASCII符號材料畢竟是有限，
`. ',★ ,' 我們還是儘可能表達我們要畫的圖像。
★ .: ★
* . ,* '★ .* 到最後，由作者、讀者合力描繪虛幻曲線，
' . ', * 讓看似不可能存在ASCII世界裡的圖形，
` ". 心心相印 如work a miracle一般，出現在這裡。 ^^
══════════════════════════════════════金 ∫ 台大資管鳴蟬小站 90級美工 黃舒淳