1
00:00:01,336 --> 00:00:04,608
我們已學會使用 text
現在來點較多花式的

2
00:00:04,608 --> 00:00:05,708
第一個花式東西

3
00:00:05,708 --> 00:00:08,278
是開始利用 string（字串）這詞

4
00:00:08,278 --> 00:00:10,990
你也許會想：
「毛線？那是我家貓在玩的。」

5
00:00:10,990 --> 00:00:12,835
但對編程師來説
字串是特殊用語

6
00:00:12,835 --> 00:00:14,580
我們用來指一組文字

7
00:00:14,580 --> 00:00:16,566
你可以將它想成一串字元

8
00:00:16,566 --> 00:00:19,073
你的名字、你學校的名字
都是字串

9
00:00:19,073 --> 00:00:22,100
你發出過的任何文字訊息
都是字串

10
00:00:22,100 --> 00:00:26,008
就在這樣想
字串等於文字

11
00:00:26,008 --> 00:00:28,725
我們已經用過字串繪圖和填色

12
00:00:28,725 --> 00:00:30,625
我們可以一併使用變數和字串嗎？

13
00:00:30,625 --> 00:00:31,407
當然可以！

14
00:00:31,407 --> 00:00:33,305
就像你平時給變數一個數字

15
00:00:33,305 --> 00:00:35,593
你也能給變數一個字串

16
00:00:35,593 --> 00:00:37,291
我們可以說

17
00:00:37,291 --> 00:00:40,965
var myName=(你的名字)
如 “Sophia”

18
00:00:40,965 --> 00:00:42,599
記得加引號

19
00:00:42,599 --> 00:00:45,774
我們就把變數 myName
放入引號文字裡

20
00:00:45,774 --> 00:00:48,616
而不直接用 "Sophia"
像我們之前做的

21
00:00:48,616 --> 00:00:50,528
這樣看來沒啥不同

22
00:00:50,528 --> 00:00:53,300
但我們其實可以寫幾次

23
00:00:53,300 --> 00:00:55,333
你看，一次那，一次那

24
00:00:55,333 --> 00:00:57,316
我們也可添一點藝術風

25
00:00:57,316 --> 00:01:01,272
你只需把這一個變數
改成你的名字

26
00:01:01,272 --> 00:01:04,025
你的名字就出現三次

27
00:01:04,025 --> 00:01:06,471
先刪除這個

28
00:01:06,471 --> 00:01:08,421
如果想來點瘋狂的

29
00:01:08,421 --> 00:01:12,819
字串可以相加嗎？
就像讓變數相加那樣?

30
00:01:12,819 --> 00:01:14,581
沒錯，我們可以的

31
00:01:14,581 --> 00:01:17,063
電腦會把兩字串連在一起

32
00:01:17,063 --> 00:01:19,547
舉例來說
先刪掉這個

33
00:01:19,547 --> 00:01:22,998
只要輸入一次
再用另一個 var message

34
00:01:22,998 --> 00:01:27,750
它將會是 myName 
加上一堆驚嘆號

35
00:01:27,750 --> 00:01:30,305
如果我們將 message 
放入 text 來畫這變數

36
00:01:30,305 --> 00:01:31,930
而不直接用 myName

37
00:01:31,930 --> 00:01:35,651
我們能看到
它做的只是放之前那些驚嘆號

38
00:01:35,651 --> 00:01:37,992
到 myName 的後面

39
00:01:37,992 --> 00:01:40,172
我們能令這更有趣點

40
00:01:40,172 --> 00:01:42,962
如果我們想寫 message 兩次

41
00:01:42,962 --> 00:01:45,118
這其實蠻合理

42
00:01:45,118 --> 00:01:49,034
字串相加表示在一個字串後面
接上另一個

43
00:01:49,034 --> 00:01:51,627
你可能想
我們能試試超瘋狂嗎？

44
00:01:51,627 --> 00:01:54,550
把字串相乘、相除和相減如何？

45
00:01:54,550 --> 00:01:55,860
這辦得到嗎?

46
00:01:55,860 --> 00:01:57,348
恐怕不行

47
00:01:57,348 --> 00:01:59,326
字串只能相加

48
00:01:59,326 --> 00:02:01,754
數字變數可以相除和相減

49
00:02:01,754 --> 00:02:04,662
但字串變數只能相加

50
00:02:04,662 --> 00:02:07,444
但保持好奇心
和問這種問題

51
00:02:07,444 --> 00:02:09,526
便是寫程式的正確態度

52
00:02:09,526 --> 00:02:12,609
你可能會想: 字串相減代表什麼?

53
00:02:13,034 --> 00:02:17,370
我們也能用字串
做動畫和滑鼠互動

54
00:02:17,370 --> 00:02:20,291
例如，我們可以令
字串跟著滑鼠移動

55
00:02:20,291 --> 00:02:23,456
只要把字串放入繪圖迴圈
像畫矩形一樣

56
00:02:23,456 --> 00:02:26,845
怎麼做呢?
輸入 var draw

57
00:02:26,845 --> 00:02:29,664
然後貼在這裡

58
00:02:29,664 --> 00:02:32,905
這跟「動畫入門」一節很像

59
00:02:32,905 --> 00:02:36,332
你可能會想，好
如果想讓它跟著滑鼠跑

60
00:02:36,332 --> 00:02:39,459
就得用 mouseX 和 mouseY

61
00:02:39,459 --> 00:02:43,188
嘿! 我們正用名字畫圖呢

62
00:02:43,188 --> 00:02:46,823
當然如果我們想的話
也能輕易設定背景 background

63
00:02:46,823 --> 00:02:50,828
我看，就淺藍色吧

64
00:02:50,828 --> 00:02:54,992
現在字串就追著滑鼠囉

65
00:02:54,992 --> 00:02:57,196
跟在矩形那節做的一樣

66
00:02:57,196 --> 00:02:59,136
現在，來個最後的好玩把戲

67
00:02:59,136 --> 00:03:02,673
利用動畫讓字體增大，增大，再增大

68
00:03:02,673 --> 00:03:06,229
在這我們設 textSize 為 30
變數那一節學過

69
00:03:06,229 --> 00:03:10,794
我們可以用 var howBig 等於 30 
而不單單用 30

70
00:03:10,794 --> 00:03:14,649
然後用這變數直接取代 30

71
00:03:14,649 --> 00:03:16,417
現在效果一樣

72
00:03:16,417 --> 00:03:20,506
接著要改變某東西才能做出動畫

73
00:03:20,506 --> 00:03:25,424
設定 howBig 等於 howBig 加 1

74
00:03:25,424 --> 00:03:28,314
意思是
記得 howBig 是多少嗎?

75
00:03:28,314 --> 00:03:32,214
先前howBig多大
現在就加1讓它變大些

76
00:03:32,214 --> 00:03:34,754
接著重跑程式

77
00:03:34,754 --> 00:03:37,495
動動滑鼠，就像這樣了

78
00:03:37,495 --> 00:03:39,866
字體越來越大

79
00:03:39,866 --> 00:03:42,879
就因為有這一行

80
00:03:43,262 --> 00:03:44,716
你自己可能會想

81
00:03:44,716 --> 00:03:47,800
怎讓字體加速變大?

82
00:03:48,086 --> 00:03:51,663
現在你不只學會
用程式碼控制形狀

83
00:03:51,663 --> 00:03:55,232
你也學會於程式碼裏使用文字