WEBVTT

00:00:02.955 --> 00:00:04.688
point() 函數需要

00:00:04.688 --> 00:00:06.421
一個 x 座標和一個 y 座標

00:00:06.421 --> 00:00:08.154
就能在螢幕上畫一個點

00:00:08.154 --> 00:00:11.098
現在它畫的點只有一個像素大

00:00:11.098 --> 00:00:13.133
你可能要瞇著眼才看得見

00:00:13.133 --> 00:00:14.454
如果你想讓點變得更大

00:00:14.454 --> 00:00:16.750
你可以召喚這函數 strokeWeight()

00:00:16.750 --> 00:00:19.286
給它一個大小，例如 10

00:00:19.286 --> 00:00:22.864
啊哈！好多了
現在讓我們來談一些數學表示式

00:00:22.864 --> 00:00:27.508
數學表示式是任何能夠
算出某數字的一串數字和符號

00:00:27.508 --> 00:00:31.165
例如，1 + 1 是個會算出 2 的數學表示式

00:00:31.165 --> 00:00:33.293
一個更複雜的算出可能會是

00:00:33.293 --> 00:00:38.491
4 + 3 * 8 / (2 + 2)

00:00:38.491 --> 00:00:41.441
會算出…我看看

00:00:41.441 --> 00:00:44.391
2…不管它算出什麽了

00:00:44.391 --> 00:00:46.113
重點是，在你編碼的時候

00:00:46.113 --> 00:00:47.875
在任何你通常會寫一個數字的地方

00:00:47.875 --> 00:00:50.265
你其實可以把它換上像這樣的數學表示式

00:00:50.435 --> 00:00:52.634
例如，這個 point() 函數

00:00:52.634 --> 00:00:54.863
可以接收兩個數字做為參數

00:00:54.863 --> 00:00:57.083
與其用 100，我也可以用

00:00:57.083 --> 00:01:02.467
50 + 50 或是 25 x 4

00:01:02.700 --> 00:01:05.428
電腦會幫我們算出這些表示式

00:01:05.428 --> 00:01:07.877
之後才會在那個位置畫上點

00:01:07.877 --> 00:01:10.268
你在學校學到的基本運算次序

00:01:10.268 --> 00:01:11.839
也能應用在編碼上

00:01:11.839 --> 00:01:14.763
記得 PEMDAS 嗎？

00:01:16.187 --> 00:01:18.216
你可能忘了

00:01:18.216 --> 00:01:20.685
但這是我在學校學到的縮寫，代表

00:01:20.685 --> 00:01:23.069
Parentheses（括號）、Exponent（方冪）、
Multiplication（乘法）

00:01:23.069 --> 00:01:25.163
Division（除法）、Addition（加法）、Subtraction（減法）

00:01:25.163 --> 00:01:28.227
而這語言其實沒有代表方冪的符號

00:01:28.227 --> 00:01:31.760
因此我們只要 PMDAS

00:01:32.575 --> 00:01:35.955
意思是所有在括號裡的東西都先算

00:01:35.955 --> 00:01:39.815
接著再算乘、除，從左到右

00:01:39.817 --> 00:01:42.131
最後我們再算加和減

00:01:42.131 --> 00:01:44.085
也是從左到右

00:01:44.085 --> 00:01:46.019
讓我們再練習一些例子

00:01:46.019 --> 00:01:48.178
看看我們還能做什麼

00:01:48.178 --> 00:01:53.651
來畫一個矩形
位置在 100 * (4 - 2)

00:01:54.503 --> 00:01:57.206
設 y 座標的位置為

00:01:57.206 --> 00:02:03.449
(300 + 50) / 7 + 80

00:02:04.159 --> 00:02:10.063
寬設成 100 + 50

00:02:11.393 --> 00:02:14.795
高是 60 x 3
看起來如何？

00:02:14.795 --> 00:02:17.434
哇！是個胖矩形

00:02:17.434 --> 00:02:20.132
也許我想設 strokeWeight() 小一點

00:02:20.132 --> 00:02:23.870
像是 10-7，好嗎？

00:02:23.870 --> 00:02:27.090
我也可以畫一個 ellipse()

00:02:27.090 --> 00:02:31.518
在 130 + 50

00:02:31.518 --> 00:02:34.766
和 100 + 60

00:02:34.766 --> 00:02:37.975
大概是 40 * 3

00:02:38.382 --> 00:02:42.498
再用 200 - 17，好嗎？

00:02:42.898 --> 00:02:45.036
噢，你看看

00:02:45.036 --> 00:02:49.673
看起來有點像…大象！

00:02:50.994 --> 00:02:54.424
就這樣，現在你了解數學表示式是什麼了