0:00:01.336,0:00:04.608 我們已學會使用 text[br]現在來點較多花式的 0:00:04.608,0:00:05.708 第一個花式東西 0:00:05.708,0:00:08.278 是開始利用 string(字串)這詞 0:00:08.278,0:00:10.990 你也許會想:[br]「毛線?那是我家貓在玩的。」 0:00:10.990,0:00:12.835 但對編程師來説[br]字串是特殊用語 0:00:12.835,0:00:14.580 我們用來指一組文字 0:00:14.580,0:00:16.566 你可以將它想成一串字元 0:00:16.566,0:00:19.073 你的名字、你學校的名字[br]都是字串 0:00:19.073,0:00:22.100 你發出過的任何文字訊息[br]都是字串 0:00:22.100,0:00:26.008 就在這樣想[br]字串等於文字 0:00:26.008,0:00:28.725 我們已經用過字串繪圖和填色 0:00:28.725,0:00:30.625 我們可以一併使用變數和字串嗎? 0:00:30.625,0:00:31.407 當然可以! 0:00:31.407,0:00:33.305 就像你平時給變數一個數字 0:00:33.305,0:00:35.593 你也能給變數一個字串 0:00:35.593,0:00:37.291 我們可以說 0:00:37.291,0:00:40.965 var myName=(你的名字)[br]如 “Sophia” 0:00:40.965,0:00:42.599 記得加引號 0:00:42.599,0:00:45.774 我們就把變數 myName[br]放入引號文字裡 0:00:45.774,0:00:48.616 而不直接用 "Sophia"[br]像我們之前做的 0:00:48.616,0:00:50.528 這樣看來沒啥不同 0:00:50.528,0:00:53.300 但我們其實可以寫幾次 0:00:53.300,0:00:55.333 你看,一次那,一次那 0:00:55.333,0:00:57.316 我們也可添一點藝術風 0:00:57.316,0:01:01.272 你只需把這一個變數[br]改成你的名字 0:01:01.272,0:01:04.025 你的名字就出現三次 0:01:04.025,0:01:06.471 先刪除這個 0:01:06.471,0:01:08.421 如果想來點瘋狂的 0:01:08.421,0:01:12.819 字串可以相加嗎?[br]就像讓變數相加那樣? 0:01:12.819,0:01:14.581 沒錯,我們可以的 0:01:14.581,0:01:17.063 電腦會把兩字串連在一起 0:01:17.063,0:01:19.547 舉例來說[br]先刪掉這個 0:01:19.547,0:01:22.998 只要輸入一次[br]再用另一個 var message 0:01:22.998,0:01:27.750 它將會是 myName [br]加上一堆驚嘆號 0:01:27.750,0:01:30.305 如果我們將 message [br]放入 text 來畫這變數 0:01:30.305,0:01:31.930 而不直接用 myName 0:01:31.930,0:01:35.651 我們能看到[br]它做的只是放之前那些驚嘆號 0:01:35.651,0:01:37.992 到 myName 的後面 0:01:37.992,0:01:40.172 我們能令這更有趣點 0:01:40.172,0:01:42.962 如果我們想寫 message 兩次 0:01:42.962,0:01:45.118 這其實蠻合理 0:01:45.118,0:01:49.034 字串相加表示在一個字串後面[br]接上另一個 0:01:49.034,0:01:51.627 你可能想[br]我們能試試超瘋狂嗎? 0:01:51.627,0:01:54.550 把字串相乘、相除和相減如何? 0:01:54.550,0:01:55.860 這辦得到嗎? 0:01:55.860,0:01:57.348 恐怕不行 0:01:57.348,0:01:59.326 字串只能相加 0:01:59.326,0:02:01.754 數字變數可以相除和相減 0:02:01.754,0:02:04.662 但字串變數只能相加 0:02:04.662,0:02:07.444 但保持好奇心[br]和問這種問題 0:02:07.444,0:02:09.526 便是寫程式的正確態度 0:02:09.526,0:02:12.609 你可能會想: 字串相減代表什麼? 0:02:13.034,0:02:17.370 我們也能用字串[br]做動畫和滑鼠互動 0:02:17.370,0:02:20.291 例如,我們可以令[br]字串跟著滑鼠移動 0:02:20.291,0:02:23.456 只要把字串放入繪圖迴圈[br]像畫矩形一樣 0:02:23.456,0:02:26.845 怎麼做呢?[br]輸入 var draw 0:02:26.845,0:02:29.664 然後貼在這裡 0:02:29.664,0:02:32.905 這跟「動畫入門」一節很像 0:02:32.905,0:02:36.332 你可能會想,好[br]如果想讓它跟著滑鼠跑 0:02:36.332,0:02:39.459 就得用 mouseX 和 mouseY 0:02:39.459,0:02:43.188 嘿! 我們正用名字畫圖呢 0:02:43.188,0:02:46.823 當然如果我們想的話[br]也能輕易設定背景 background 0:02:46.823,0:02:50.828 我看,就淺藍色吧 0:02:50.828,0:02:54.992 現在字串就追著滑鼠囉 0:02:54.992,0:02:57.196 跟在矩形那節做的一樣 0:02:57.196,0:02:59.136 現在,來個最後的好玩把戲 0:02:59.136,0:03:02.673 利用動畫讓字體增大,增大,再增大 0:03:02.673,0:03:06.229 在這我們設 textSize 為 30[br]變數那一節學過 0:03:06.229,0:03:10.794 我們可以用 var howBig 等於 30 [br]而不單單用 30 0:03:10.794,0:03:14.649 然後用這變數直接取代 30 0:03:14.649,0:03:16.417 現在效果一樣 0:03:16.417,0:03:20.506 接著要改變某東西才能做出動畫 0:03:20.506,0:03:25.424 設定 howBig 等於 howBig 加 1 0:03:25.424,0:03:28.314 意思是[br]記得 howBig 是多少嗎? 0:03:28.314,0:03:32.214 先前howBig多大[br]現在就加1讓它變大些 0:03:32.214,0:03:34.754 接著重跑程式 0:03:34.754,0:03:37.495 動動滑鼠,就像這樣了 0:03:37.495,0:03:39.866 字體越來越大 0:03:39.866,0:03:42.879 就因為有這一行 0:03:43.262,0:03:44.716 你自己可能會想 0:03:44.716,0:03:47.800 怎讓字體加速變大? 0:03:48.086,0:03:51.663 現在你不只學會[br]用程式碼控制形狀 0:03:51.663,0:03:55.232 你也學會於程式碼裏使用文字