遞增捷徑 (Video Version)
-
0:01 - 0:04記得動畫製作的三個步驟嗎？
-
0:04 - 0:07首先在繪圖迴圈以外，我們寫一些變數
-
0:07 - 0:10然後在繪圖迴圈以内，我們利用
那些變數於繪圖程式碼裏 -
0:10 - 0:12我們有個變數來代表 x 位置
-
0:12 - 0:14一個代表 y 位置，一個代表球 ballWidth
-
0:14 - 0:16還有一個代表 ballHeight
-
0:16 - 0:18然後，在最後面
-
0:18 - 0:20我們逐漸改變那些變數
-
0:20 - 0:23x 將成爲 x 舊的值，加 1
-
0:23 - 0:25所以它每次將會增量
-
0:25 - 0:28y 將成爲 y 舊的值，減 2
-
0:28 - 0:30所以 y 每次將會減量
-
0:30 - 0:35ballWidth 會得到
ballWidth 舊的值，乘 0.99 -
0:35 - 0:39皆因 0.99 少於 1，我們將會看到球寬縮小
-
0:39 - 0:45而 ballHeight 會被定為
ballHeight 舊的值，除 1.01 -
0:45 - 0:48皆因大於 1，我們也將看到球寬縮小
-
0:48 - 0:53若我按 Restart，你能看到
這顆球全部的屬性都在改變 -
0:54 - 0:57如果你看看這四行程式碼
-
0:57 - 0:59你會發現它們全都跟隨著一個相似的模式
-
0:59 - 1:01我們有一個變數，然後一個等號
-
1:01 - 1:06然後同一個變數，一些運算子 —
加、減、乘、除 — -
1:07 - 1:09還有一些數字
-
1:09 - 1:12這模式在程式設計裡實在是太常見
-
1:12 - 1:14而程式設計師又非常懶惰，
所以他們決定： -
1:14 - 1:17嘿！既然我們經常地用這模式，
-
1:17 - 1:19那該有個更簡單的方法來寫它吧？
-
1:19 - 1:22所以他們造了一個捷徑，
而那捷徑是這樣的： -
1:22 - 1:25與其寫 x 得到 x 加 1
-
1:25 - 1:29我可以寫 x += 1，懂嗎？
-
1:29 - 1:36與其寫 y 得到 y 減 2，
我可以寫 y -= 2 -
1:37 - 1:41與其寫 ballWidth 得到 ballWidth 乘 0.99
-
1:41 - 1:48我可以寫 —你猜對了—
ballWidth *= 0.99 -
1:48 - 1:53最後，與其寫 ballHeight 得到
ballHeight 除 1.01 -
1:53 - 1:57我們可以寫 ballHeight /= 1.01
-
1:57 - 1:59而這些全部，它的作用是
-
1:59 - 2:01它拿變數的值
-
2:01 - 2:04所以 ballWidth，還有這運算子
-
2:04 - 2:06然後將它乘以 0.99
-
2:06 - 2:09所以它便會是 ballWidth x 0.99
-
2:09 - 2:12然後將它存回 ballWidth 這變數裡
-
2:12 - 2:14如果我按 Restart 你將看到
-
2:14 - 2:16我們的動畫跟之前的一摸一樣
-
2:16 - 2:18而你現在也能一起懶惰！
|
Inez Ng edited Chinese, Traditional subtitles for Incrementing Shortcuts (Video Version) | |
|
Yi Yi Hsieh edited Chinese, Traditional subtitles for Incrementing Shortcuts (Video Version) | |
|
|
Inez Ng edited Chinese, Traditional subtitles for Incrementing Shortcuts (Video Version) | |
|
|
Inez Ng edited Chinese, Traditional subtitles for Incrementing Shortcuts (Video Version) | |
|
|
Inez Ng edited Chinese, Traditional subtitles for Incrementing Shortcuts (Video Version) | |
|
|
Inez Ng edited Chinese, Traditional subtitles for Incrementing Shortcuts (Video Version) |