WEBVTT

00:00:01.336 --> 00:00:04.608
我們已學會使用 text
現在來點較多花式的

00:00:04.608 --> 00:00:05.708
第一個花式東西

00:00:05.708 --> 00:00:08.278
是開始利用 string（字串）這詞

00:00:08.278 --> 00:00:10.990
你也許會想：
「毛線？那是我家貓在玩的。」

00:00:10.990 --> 00:00:12.835
但對編程師來説
字串是特殊用語

00:00:12.835 --> 00:00:14.580
我們用來指一組文字

00:00:14.580 --> 00:00:16.566
你可以將它想成一串字元

00:00:16.566 --> 00:00:19.073
你的名字、你學校的名字
都是字串

00:00:19.073 --> 00:00:22.100
你發出過的任何文字訊息
都是字串

00:00:22.100 --> 00:00:26.008
就在這樣想
字串等於文字

00:00:26.008 --> 00:00:28.725
我們已經用過字串繪圖和填色

00:00:28.725 --> 00:00:30.625
我們可以一併使用變數和字串嗎？

00:00:30.625 --> 00:00:31.407
當然可以！

00:00:31.407 --> 00:00:33.305
就像你平時給變數一個數字

00:00:33.305 --> 00:00:35.593
你也能給變數一個字串

00:00:35.593 --> 00:00:37.291
我們可以說

00:00:37.291 --> 00:00:40.965
var myName=(你的名字)
如 “Sophia”

00:00:40.965 --> 00:00:42.599
記得加引號

00:00:42.599 --> 00:00:45.774
我們就把變數 myName
放入引號文字裡

NOTE Paragraph

00:00:45.774 --> 00:00:48.616
而不直接用 "Sophia"
像我們之前做的

00:00:48.616 --> 00:00:50.528
這樣看來沒啥不同

00:00:50.528 --> 00:00:53.300
但我們其實可以寫幾次

00:00:53.300 --> 00:00:55.333
你看，一次那，一次那

00:00:55.333 --> 00:00:57.316
我們也可添一點藝術風

00:00:57.316 --> 00:01:01.272
你只需把這一個變數
改成你的名字

00:01:01.272 --> 00:01:04.025
你的名字就出現三次

00:01:04.025 --> 00:01:06.471
先刪除這個

00:01:06.471 --> 00:01:08.421
如果想來點瘋狂的

00:01:08.421 --> 00:01:12.819
字串可以相加嗎？
就像讓變數相加那樣?

00:01:12.819 --> 00:01:14.581
沒錯，我們可以的

00:01:14.581 --> 00:01:17.063
電腦會把兩字串連在一起

00:01:17.063 --> 00:01:19.547
舉例來說
先刪掉這個

00:01:19.547 --> 00:01:22.998
只要輸入一次
再用另一個 var message

00:01:22.998 --> 00:01:27.750
它將會是 myName 
加上一堆驚嘆號

00:01:27.750 --> 00:01:30.305
如果我們將 message 
放入 text 來畫這變數

00:01:30.305 --> 00:01:31.930
而不直接用 myName

00:01:31.930 --> 00:01:35.651
我們能看到
它做的只是放之前那些驚嘆號

00:01:35.651 --> 00:01:37.992
到 myName 的後面

00:01:37.992 --> 00:01:40.172
我們能令這更有趣點

00:01:40.172 --> 00:01:42.962
如果我們想寫 message 兩次

00:01:42.962 --> 00:01:45.118
這其實蠻合理

00:01:45.118 --> 00:01:49.034
字串相加表示在一個字串後面
接上另一個

00:01:49.034 --> 00:01:51.627
你可能想
我們能試試超瘋狂嗎？

00:01:51.627 --> 00:01:54.550
把字串相乘、相除和相減如何？

00:01:54.550 --> 00:01:55.860
這辦得到嗎?

00:01:55.860 --> 00:01:57.348
恐怕不行

00:01:57.348 --> 00:01:59.326
字串只能相加

00:01:59.326 --> 00:02:01.754
數字變數可以相除和相減

00:02:01.754 --> 00:02:04.662
但字串變數只能相加

00:02:04.662 --> 00:02:07.444
但保持好奇心
和問這種問題

00:02:07.444 --> 00:02:09.526
便是寫程式的正確態度

00:02:09.526 --> 00:02:12.609
你可能會想: 字串相減代表什麼?

00:02:13.034 --> 00:02:17.370
我們也能用字串
做動畫和滑鼠互動

00:02:17.370 --> 00:02:20.291
例如，我們可以令
字串跟著滑鼠移動

00:02:20.291 --> 00:02:23.456
只要把字串放入繪圖迴圈
像畫矩形一樣

00:02:23.456 --> 00:02:26.845
怎麼做呢?
輸入 var draw

00:02:26.845 --> 00:02:29.664
然後貼在這裡

00:02:29.664 --> 00:02:32.905
這跟「動畫入門」一節很像

00:02:32.905 --> 00:02:36.332
你可能會想，好
如果想讓它跟著滑鼠跑

00:02:36.332 --> 00:02:39.459
就得用 mouseX 和 mouseY

00:02:39.459 --> 00:02:43.188
嘿! 我們正用名字畫圖呢

00:02:43.188 --> 00:02:46.823
當然如果我們想的話
也能輕易設定背景 background

00:02:46.823 --> 00:02:50.828
我看，就淺藍色吧

00:02:50.828 --> 00:02:54.992
現在字串就追著滑鼠囉

00:02:54.992 --> 00:02:57.196
跟在矩形那節做的一樣

00:02:57.196 --> 00:02:59.136
現在，來個最後的好玩把戲

00:02:59.136 --> 00:03:02.673
利用動畫讓字體增大，增大，再增大

00:03:02.673 --> 00:03:06.229
在這我們設 textSize 為 30
變數那一節學過

00:03:06.229 --> 00:03:10.794
我們可以用 var howBig 等於 30 
而不單單用 30

00:03:10.794 --> 00:03:14.649
然後用這變數直接取代 30

00:03:14.649 --> 00:03:16.417
現在效果一樣

00:03:16.417 --> 00:03:20.506
接著要改變某東西才能做出動畫

00:03:20.506 --> 00:03:25.424
設定 howBig 等於 howBig 加 1

00:03:25.424 --> 00:03:28.314
意思是
記得 howBig 是多少嗎?

00:03:28.314 --> 00:03:32.214
先前howBig多大
現在就加1讓它變大些

00:03:32.214 --> 00:03:34.754
接著重跑程式

00:03:34.754 --> 00:03:37.495
動動滑鼠，就像這樣了

00:03:37.495 --> 00:03:39.866
字體越來越大

00:03:39.866 --> 00:03:42.879
就因為有這一行

00:03:43.262 --> 00:03:44.716
你自己可能會想

00:03:44.716 --> 00:03:47.800
怎讓字體加速變大?

00:03:48.086 --> 00:03:51.663
現在你不只學會
用程式碼控制形狀

00:03:51.663 --> 00:03:55.232
你也學會於程式碼裏使用文字