0:00:00.236,0:00:02.719 目前大家都做過不少繪圖(drawing)了 0:00:02.719,0:00:04.143 不過有些比較簡單的功能還沒講過 0:00:04.143,0:00:07.595 例如加上自己的名字,這剛好[br]與本課要教的文字(text)相關 0:00:07.595,0:00:10.049 至於那種情形下會用上? 0:00:10.049,0:00:11.643 應用範圍包括顯示遊戲積分 0:00:11.643,0:00:13.519 角色扮演,或放大縮小名字顯示 0:00:13.519,0:00:15.225 以及改變字體顏色 0:00:15.225,0:00:19.764 接下來我們要嘗試顯示文字hello 0:00:20.964,0:00:24.353 不過實際輸入指令text(hello)[br]卻意外觸發錯誤提示訊息 0:00:24.353,0:00:27.424 提示「未定義hello」,這是甚麼意思呢? 0:00:27.424,0:00:29.431 問題在於程式本身 0:00:29.431,0:00:31.058 把「hello」視為變數(variabke) 0:00:31.058,0:00:33.715 以程式邏輯而言,這反應很正常 0:00:33.715,0:00:36.222 「hello」的確有可能是變數[br]程式很難自行判斷 0:00:36.222,0:00:38.991 要讓程式把「hello」視為文字 0:00:38.991,0:00:41.350 其實也不難,只要記得 0:00:41.350,0:00:43.159 把hello擺在英文的引號(" ")中即可 0:00:43.159,0:00:45.083 如此程式便不會將其視為變數 0:00:45.083,0:00:46.457 並解讀為文字 0:00:46.457,0:00:48.153 或以文字顯示 0:00:48.153,0:00:50.226 不妨這樣記比較容易 0:00:50.226,0:00:51.739 書中的人物對話 0:00:51.739,0:00:53.334 都會加註引號 0:00:53.494,0:00:56.162 同樣的,若你希望程式像說話一樣表達 0:00:56.162,0:00:58.400 文字當然也要加註英文引號 0:00:58.400,0:01:00.899 這點真的很重要,但也很容易搞混 0:01:00.899,0:01:03.891 再強調一次,只要程式內添加文字 0:01:03.891,0:01:05.753 一定要在兩旁 0:01:05.753,0:01:07.526 包夾英文的引號 0:01:07.526,0:01:10.112 不然很可能會看到[br]剛才那樣的錯誤訊息 0:01:10.112,0:01:12.266 若不幸遇此狀況 0:01:12.346,0:01:15.359 記得檢查文字是否夾在英文引號中 0:01:15.359,0:01:17.232 很好! 加註英文引號後 0:01:17.232,0:01:18.755 就不會再出現錯誤訊息了 0:01:18.755,0:01:20.928 不過你可能也發現程式毫無反應 0:01:20.928,0:01:22.217 畫面仍是空白 0:01:22.217,0:01:24.890 不過說也奇怪,若輸入文字背景("background") 0:01:24.890,0:01:29.114 就用紅色好了,內容就出現了 0:01:29.114,0:01:33.120 只不過是白字,所以仔細思考問題癥結 0:01:33.120,0:01:36.106 剛才是在白底上寫白字 0:01:36.106,0:01:37.952 自然看不見內容 0:01:37.952,0:01:40.451 這或許有點蠢 0:01:40.451,0:01:42.940 文字顏色怎會採用背景色呢? 0:01:42.940,0:01:45.893 不過我們學過填色 0:01:45.893,0:01:47.006 所以能改 0:01:47.006,0:01:49.891 就像設定長方形或線條填色一樣 0:01:49.891,0:01:51.796 也可任意設定文字填色 0:01:51.796,0:01:54.231 就像之前做過的那樣即可 0:01:54.231,0:01:56.410 不用設定背景也能看到文字 0:01:56.410,0:01:59.429 接著我們再深入一些文字設定 0:01:59.839,0:02:01.954 首先不用說也看得出來 0:02:02.194,0:02:04.019 就是任意輸入文字 0:02:04.419,0:02:06.584 接著若調整數值 0:02:06.584,0:02:08.949 文字也會左右移動 0:02:08.949,0:02:11.776 另外也能垂直定位 0:02:11.776,0:02:13.162 這和我們之間做過的 0:02:13.162,0:02:15.158 繪製長方形的過程很像 0:02:15.568,0:02:17.620 不過比較棘手的就是 0:02:17.620,0:02:19.542 文字的這2個座標 0:02:19.542,0:02:23.996 界定文字框左下角的位置 0:02:23.996,0:02:27.612 不過長方形的座標卻是指定左上角 0:02:27.812,0:02:30.830 好像是故意要讓人搞混的 0:02:30.830,0:02:32.681 不過你還是得記起來 0:02:32.781,0:02:34.913 而且我們自己試一下就知道了 0:02:34.955,0:02:38.509 把第2個座標值改成height 0:02:38.509,0:02:42.448 文字高度便會貼齊左下角座標 0:02:44.358,0:02:46.225 和將該值設定為零 0:02:46.225,0:02:49.152 猜猜看結果會如何? 0:02:50.002,0:02:53.041 起初什麼也看不見,但若增加數值 0:02:53.261,0:02:56.326 文字就逐漸降臨 0:02:56.326,0:02:59.672 因為界定的是左下角的座標 0:02:59.782,0:03:01.324 而非左上角 0:03:01.384,0:03:04.941 好,文字的功能分析到此為止 0:03:05.141,0:03:06.758 我們繼續深入其他功能 0:03:06.848,0:03:08.634 例如放大字體 0:03:09.024,0:03:11.275 輸入textSize後 0:03:11.295,0:03:13.886 程式就會據此決定文字大小 0:03:13.886,0:03:15.989 例如在括號中填入30,字體就會很大 0:03:15.989,0:03:17.688 甚至還可放得更大 0:03:17.688,0:03:20.457 也可縮得很小 ─任你決定 0:03:20.457,0:03:23.034 接下來就寫上自己的名字 0:03:23.034,0:03:25.641 底下附上一些自我介紹的訊息 0:03:25.641,0:03:28.646 因我只知自己的名字,就拿來當例子了 0:03:28.646,0:03:30.871 待會你們再換成自己的 0:03:30.871,0:03:34.024 立刻學以致用,輸入text("Sophia") 0:03:34.024,0:03:35.887 我的名字就出現了 0:03:35.887,0:03:38.135 或許底下再加上一些簡單介紹 0:03:38.135,0:03:43.363 例如:「我喜歡小狗、吉他和寫程式。」 0:03:43.463,0:03:46.489 看來不錯,除了顯然還需要 0:03:46.489,0:03:48.945 還需要調整位置才不會重疊 0:03:48.945,0:03:51.087 不過畫面好像塞不下那麼多字 0:03:51.087,0:03:54.849 所以稍微縮小一下字體 0:03:56.559,0:03:58.633 好了,看來還不錯! 0:03:58.633,0:04:00.964 除了2行文字都是藍色看來有點單調 0:04:00.964,0:04:04.273 所以稍加改變文字填色 0:04:04.273,0:04:06.932 或許可換成比較好看的顏色 0:04:06.932,0:04:09.804 像是紫色 0:04:09.804,0:04:12.286 這樣就完成了 0:04:12.286,0:04:16.099 以上所講的就是文字繪製、套色和設定大小