[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.52,0:00:02.94,Default,,0000,0000,0000,,我們回來看溫斯頓
Dialogue: 0,0:00:03.22,0:00:06.84,Default,,0000,0000,0000,,現在我們有 x 和 y 兩個變數
Dialogue: 0,0:00:06.84,0:00:08.54,Default,,0000,0000,0000,,標示出溫斯頓的位置
Dialogue: 0,0:00:08.54,0:00:11.18,Default,,0000,0000,0000,,因此就能讓它上下移動
Dialogue: 0,0:00:11.18,0:00:14.45,Default,,0000,0000,0000,,來場溫斯頓派對！哇嗚！
Dialogue: 0,0:00:14.45,0:00:15.71,Default,,0000,0000,0000,,不錯喔！
Dialogue: 0,0:00:15.98,0:00:18.72,Default,,0000,0000,0000,,我們先複習這個程式碼的內容\N再繼續下面的課程
Dialogue: 0,0:00:19.24,0:00:21.91,Default,,0000,0000,0000,,上層有 x 和 y 的變數
Dialogue: 0,0:00:21.91,0:00:24.73,Default,,0000,0000,0000,,儲存了溫斯頓的臉的中心位置
Dialogue: 0,0:00:25.25,0:00:28.58,Default,,0000,0000,0000,,我們用這一行\N來製作臉的橢圓形
Dialogue: 0,0:00:29.66,0:00:31.65,Default,,0000,0000,0000,,接著我們將它的眼睛和嘴巴定位
Dialogue: 0,0:00:31.65,0:00:34.32,Default,,0000,0000,0000,,對照臉的中心位置
Dialogue: 0,0:00:34.32,0:00:39.30,Default,,0000,0000,0000,,減少或增加 x 和 y，確保眼睛
Dialogue: 0,0:00:39.30,0:00:42.70,Default,,0000,0000,0000,,在 50 像素與 100 像素的位置
Dialogue: 0,0:00:43.50,0:00:45.12,Default,,0000,0000,0000,,例如，嘴巴
Dialogue: 0,0:00:45.13,0:00:49.23,Default,,0000,0000,0000,,在臉中心向右 50 像素
Dialogue: 0,0:00:49.23,0:00:53.64,Default,,0000,0000,0000,,向下 40 像素的位置
Dialogue: 0,0:00:55.75,0:01:00.13,Default,,0000,0000,0000,,接著我們繼續\N還有什麼能存成變數
Dialogue: 0,0:01:00.13,0:01:03.49,Default,,0000,0000,0000,,為了找出來，我要檢查每一行的程式碼
Dialogue: 0,0:01:03.49,0:01:07.41,Default,,0000,0000,0000,,找出以固定值「寫死」的數值
Dialogue: 0,0:01:07.92,0:01:10.78,Default,,0000,0000,0000,,那些數值是固定的
Dialogue: 0,0:01:11.20,0:01:14.26,Default,,0000,0000,0000,,而非變數或依變數
Dialogue: 0,0:01:14.93,0:01:18.13,Default,,0000,0000,0000,,讓我們看看，在第一次呼叫橢圓形的地方
Dialogue: 0,0:01:18.27,0:01:22.26,Default,,0000,0000,0000,,數值 300 和 300，是指寬和高
Dialogue: 0,0:01:22.75,0:01:26.59,Default,,0000,0000,0000,,我們可以將某些項目做成變數，像是 faceSize
Dialogue: 0,0:01:26.60,0:01:32.74,Default,,0000,0000,0000,,那麼 faceSize = 300\N接著我們可以把 faceSize 傳遞進來
Dialogue: 0,0:01:32.74,0:01:36.14,Default,,0000,0000,0000,,現在，它就會讓值變成 300
Dialogue: 0,0:01:37.21,0:01:40.91,Default,,0000,0000,0000,,酷喔\N我們繼續做下去
Dialogue: 0,0:01:41.61,0:01:45.30,Default,,0000,0000,0000,,這裡的每一步都運用 x、y 或 eyeSize
Dialogue: 0,0:01:45.30,0:01:48.79,Default,,0000,0000,0000,,嘴巴這邊，我們同樣有 150 的寬
Dialogue: 0,0:01:48.79,0:01:51.17,Default,,0000,0000,0000,,和150 的高
Dialogue: 0,0:01:51.17,0:01:55.97,Default,,0000,0000,0000,,我們可以把 mouthSize 寫成變數\N例如 mouthSize = 150
Dialogue: 0,0:01:56.66,0:01:59.57,Default,,0000,0000,0000,,然後我們在這邊傳遞 mouthSize 的大小
Dialogue: 0,0:01:59.76,0:02:01.54,Default,,0000,0000,0000,,150 傳遞過來了
Dialogue: 0,0:02:01.54,0:02:03.54,Default,,0000,0000,0000,,因為變數就是這麼大
Dialogue: 0,0:02:04.64,0:02:10.32,Default,,0000,0000,0000,,我們已經做好了\N現在我們就能輕易改變 faceSize
Dialogue: 0,0:02:11.07,0:02:16.04,Default,,0000,0000,0000,,也能輕易改變 mouthSize\N還能像那樣移動
Dialogue: 0,0:02:16.70,0:02:19.16,Default,,0000,0000,0000,,我們可以再次改變 eyeSize
Dialogue: 0,0:02:19.16,0:02:20.61,Default,,0000,0000,0000,,好了，真酷！
Dialogue: 0,0:02:20.61,0:02:24.23,Default,,0000,0000,0000,,但還有一個部分我不太喜歡
Dialogue: 0,0:02:24.74,0:02:27.39,Default,,0000,0000,0000,,那就是我改變 faceSize 的時候
Dialogue: 0,0:02:28.78,0:02:33.62,Default,,0000,0000,0000,,其實希望所有東西依據\NfaceSize來做改變
Dialogue: 0,0:02:33.76,0:02:37.30,Default,,0000,0000,0000,,如果我把 faceSize 做得像這麼小
Dialogue: 0,0:02:37.94,0:02:40.83,Default,,0000,0000,0000,,我想要它的眼睛和嘴巴也變的很小
Dialogue: 0,0:02:41.01,0:02:44.03,Default,,0000,0000,0000,,如果我讓 faceSize 是原來的一半
Dialogue: 0,0:02:44.64,0:02:47.92,Default,,0000,0000,0000,,眼睛和嘴巴也應該變成原本的一半
Dialogue: 0,0:02:48.13,0:02:50.07,Default,,0000,0000,0000,,不然看起來會很怪
Dialogue: 0,0:02:50.07,0:02:53.33,Default,,0000,0000,0000,,因為它的眼睛和嘴巴\N對它的臉來說都太大了
Dialogue: 0,0:02:53.49,0:02:55.43,Default,,0000,0000,0000,,甚至看起來不像一體了
Dialogue: 0,0:02:55.94,0:02:59.47,Default,,0000,0000,0000,,因此我們想改變這些變數
Dialogue: 0,0:02:59.50,0:03:01.78,Default,,0000,0000,0000,,像是 mouthSize 和 eyeSize
Dialogue: 0,0:03:01.78,0:03:04.70,Default,,0000,0000,0000,,取決於 faceSize 的變數
Dialogue: 0,0:03:06.18,0:03:08.66,Default,,0000,0000,0000,,我們回來看那是什麼
Dialogue: 0,0:03:09.19,0:03:11.07,Default,,0000,0000,0000,,我們能做的就是
Dialogue: 0,0:03:11.07,0:03:16.59,Default,,0000,0000,0000,,讓這些值依據 faceSize 的值
Dialogue: 0,0:03:16.59,0:03:21.66,Default,,0000,0000,0000,,我們可以寫 mouthSize = faceSize/2
Dialogue: 0,0:03:22.02,0:03:24.02,Default,,0000,0000,0000,,在這裡用臉去做比例
Dialogue: 0,0:03:24.02,0:03:27.100,Default,,0000,0000,0000,,做成臉的一半
Dialogue: 0,0:03:27.100,0:03:29.96,Default,,0000,0000,0000,,如果你還不熟悉分數
Dialogue: 0,0:03:29.96,0:03:32.06,Default,,0000,0000,0000,,這裡有很多可汗學院的影片
Dialogue: 0,0:03:32.06,0:03:35.51,Default,,0000,0000,0000,,你可以複習要怎麼做分數
Dialogue: 0,0:03:36.24,0:03:40.77,Default,,0000,0000,0000,,接下來是 eyeSize，大概是 faceSize/4
Dialogue: 0,0:03:40.77,0:03:43.57,Default,,0000,0000,0000,,不是很完美，但看起來還不賴
Dialogue: 0,0:03:43.57,0:03:46.87,Default,,0000,0000,0000,,7，還不錯
Dialogue: 0,0:03:46.87,0:03:48.92,Default,,0000,0000,0000,,如果你一開始用錯分數
Dialogue: 0,0:03:48.92,0:03:50.85,Default,,0000,0000,0000,,永遠都能改成更好的值
Dialogue: 0,0:03:50.85,0:03:54.13,Default,,0000,0000,0000,,只要一直試，就能找出最適合的數字
Dialogue: 0,0:03:54.13,0:03:58.46,Default,,0000,0000,0000,,好了，現在如果我們重新訂出臉的大小
Dialogue: 0,0:03:58.46,0:04:02.74,Default,,0000,0000,0000,,看看眼睛和嘴巴實際上是不是有跟著變化
Dialogue: 0,0:04:02.74,0:04:04.27,Default,,0000,0000,0000,,蠻酷的喔！
Dialogue: 0,0:04:04.49,0:04:06.80,Default,,0000,0000,0000,,但是，還有個部分有問題
Dialogue: 0,0:04:06.80,0:04:09.78,Default,,0000,0000,0000,,眼睛和嘴巴變小的時候
Dialogue: 0,0:04:09.78,0:04:11.58,Default,,0000,0000,0000,,不在臉上
Dialogue: 0,0:04:11.58,0:04:16.47,Default,,0000,0000,0000,,大小對了，問題是不在臉上
Dialogue: 0,0:04:18.12,0:04:20.84,Default,,0000,0000,0000,,就是下面這裡
Dialogue: 0,0:04:21.31,0:04:24.27,Default,,0000,0000,0000,,我們定位橢圓形的時候
Dialogue: 0,0:04:24.71,0:04:31.14,Default,,0000,0000,0000,,有 x - 50 和 y - 50\N還有 x + 100 和 y - 60
Dialogue: 0,0:04:31.68,0:04:35.58,Default,,0000,0000,0000,,即使我們的臉只有 50 像素
Dialogue: 0,0:04:35.93,0:04:40.87,Default,,0000,0000,0000,,我們的眼睛還是在中央 -50 像素的位置
Dialogue: 0,0:04:41.08,0:04:43.60,Default,,0000,0000,0000,,那就會偏離臉了
Dialogue: 0,0:04:43.74,0:04:47.77,Default,,0000,0000,0000,,我們需要 50、100，還有這裡的這些數字
Dialogue: 0,0:04:47.90,0:04:51.55,Default,,0000,0000,0000,,每個都用分數和 faceSize 做出比例
Dialogue: 0,0:04:51.55,0:04:53.66,Default,,0000,0000,0000,,那麼當 faceSize 改變
Dialogue: 0,0:04:53.66,0:04:58.62,Default,,0000,0000,0000,,讓眼睛和嘴巴偏移的數字
Dialogue: 0,0:04:58.62,0:05:00.64,Default,,0000,0000,0000,,都應該跟著改變
Dialogue: 0,0:05:02.35,0:05:04.97,Default,,0000,0000,0000,,從第一個眼睛開始示範
Dialogue: 0,0:05:05.21,0:05:08.37,Default,,0000,0000,0000,,x - 50，所以 x - 50 像素
Dialogue: 0,0:05:08.37,0:05:12.40,Default,,0000,0000,0000,,這表示那需要在臉中央偏左 50 像素的位置
Dialogue: 0,0:05:12.78,0:05:15.20,Default,,0000,0000,0000,,現在我們希望運用分數
Dialogue: 0,0:05:15.20,0:05:19.69,Default,,0000,0000,0000,,那就變成 faceSize/6
Dialogue: 0,0:05:19.89,0:05:22.37,Default,,0000,0000,0000,,臉的 1/6 大
Dialogue: 0,0:05:22.100,0:05:28.68,Default,,0000,0000,0000,,酷喔，那麼 50 也一樣會變成 faceSize/6
Dialogue: 0,0:05:29.53,0:05:31.35,Default,,0000,0000,0000,,如果我們重新定義大小
Dialogue: 0,0:05:31.93,0:05:35.47,Default,,0000,0000,0000,,注意眼睛怎麼變得正好在對的位置上
Dialogue: 0,0:05:35.91,0:05:38.40,Default,,0000,0000,0000,,溫斯頓，很棒的眼睛！
Dialogue: 0,0:05:38.90,0:05:41.08,Default,,0000,0000,0000,,另一個眼睛也需要同樣的協助
Dialogue: 0,0:05:41.32,0:05:47.93,Default,,0000,0000,0000,,100 要變成 faceSize/3，也就是臉的1/3 大
Dialogue: 0,0:05:48.29,0:05:53.32,Default,,0000,0000,0000,,60 是臉的 1/5 大，那就是 faceSize/5
Dialogue: 0,0:05:54.05,0:05:57.19,Default,,0000,0000,0000,,太棒了 \N我們來重新做大小，很好
Dialogue: 0,0:05:57.19,0:06:00.32,Default,,0000,0000,0000,,我們的嘴巴也有點問題
Dialogue: 0,0:06:00.32,0:06:02.10,Default,,0000,0000,0000,,我們下來看看嘴巴
Dialogue: 0,0:06:02.30,0:06:06.54,Default,,0000,0000,0000,,或許也是 faceSize/6
Dialogue: 0,0:06:07.17,0:06:10.49,Default,,0000,0000,0000,,這個大概是 faceSize/7
Dialogue: 0,0:06:11.32,0:06:15.56,Default,,0000,0000,0000,,現在每個東西都按比例完成了\N來檢查看看
Dialogue: 0,0:06:15.56,0:06:18.66,Default,,0000,0000,0000,,哇！現在我們可以讓溫斯頓變很小
Dialogue: 0,0:06:19.15,0:06:22.49,Default,,0000,0000,0000,,他的眼睛和嘴巴也還是在臉裡面！
Dialogue: 0,0:06:23.13,0:06:26.69,Default,,0000,0000,0000,,我相信溫斯頓也會很開心
Dialogue: 0,0:06:26.82,0:06:28.04,Default,,0000,0000,0000,,好了！耶！
Dialogue: 0,0:06:28.04,0:06:29.80,Default,,0000,0000,0000,,我們來複習剛剛做的事
Dialogue: 0,0:06:31.38,0:06:33.24,Default,,0000,0000,0000,,上面有我們的變數
Dialogue: 0,0:06:33.24,0:06:37.04,Default,,0000,0000,0000,,我們從變數開始，存成 200
Dialogue: 0,0:06:37.24,0:06:39.100,Default,,0000,0000,0000,,接著，我們讓 mouthSize 和 eyeSize 的變數
Dialogue: 0,0:06:39.100,0:06:43.25,Default,,0000,0000,0000,,依據那個數值，按比例變化
Dialogue: 0,0:06:43.35,0:06:45.85,Default,,0000,0000,0000,,也就是現在如果 faceSize 是 200
Dialogue: 0,0:06:45.91,0:06:47.81,Default,,0000,0000,0000,,mouthSize 就會變 100
Dialogue: 0,0:06:47.84,0:06:50.43,Default,,0000,0000,0000,,如果我們讓 faceSize 變 300
Dialogue: 0,0:06:50.43,0:06:53.43,Default,,0000,0000,0000,,mouthSize 就會馬上變成 150
Dialogue: 0,0:06:53.73,0:06:55.60,Default,,0000,0000,0000,,永遠都按照比例變化
Dialogue: 0,0:06:56.65,0:06:59.62,Default,,0000,0000,0000,,接下來，我們計算偏移量
Dialogue: 0,0:06:59.62,0:07:01.27,Default,,0000,0000,0000,,同樣運用比例
Dialogue: 0,0:07:01.27,0:07:06.19,Default,,0000,0000,0000,,因為我們希望偏移量也跟著改變
Dialogue: 0,0:07:06.19,0:07:08.58,Default,,0000,0000,0000,,按照 faceSize 的比例
Dialogue: 0,0:07:08.58,0:07:10.45,Default,,0000,0000,0000,,基本上我們希望成功
Dialogue: 0,0:07:10.45,0:07:14.98,Default,,0000,0000,0000,,所以我們只要有這個變數，就能影響每一個部分
Dialogue: 0,0:07:14.98,0:07:18.07,Default,,0000,0000,0000,,我們可以用變數和變數運算式來完成
Dialogue: 0,0:07:19.89,0:07:21.24,Default,,0000,0000,0000,,現在我們了解
Dialogue: 0,0:07:21.24,0:07:24.16,Default,,0000,0000,0000,,要如何讓變數依照其他變數的值而改變
Dialogue: 0,0:07:24.16,0:07:26.41,Default,,0000,0000,0000,,我們可以多做課程的練習
Dialogue: 0,0:07:26.43,0:07:30.47,Default,,0000,0000,0000,,來慶祝溫斯頓長大吧！
Dialogue: 0,0:07:30.47,0:07:33.32,Default,,0000,0000,0000,,長大，溫斯頓，繼續長大！
Dialogue: 0,0:07:34.11,0:07:37.32,Default,,0000,0000,0000,,別停！繼續長大！