[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:01.22,0:00:02.60,Default,,0000,0000,0000,,讓我們開始寫程式吧
Dialogue: 0,0:00:02.60,0:00:05.16,Default,,0000,0000,0000,,首先我們先瞭解最基本的東西：圖形
Dialogue: 0,0:00:05.16,0:00:06.46,Default,,0000,0000,0000,,不要擔心，很快地
Dialogue: 0,0:00:06.46,0:00:08.13,Default,,0000,0000,0000,,你的圖形將會在螢幕上奔馳
Dialogue: 0,0:00:08.13,0:00:11.04,Default,,0000,0000,0000,,有著七彩顏色，還有各式各樣其他酷炫程式
Dialogue: 0,0:00:11.04,0:00:12.77,Default,,0000,0000,0000,,跟著我們一起來吧！
Dialogue: 0,0:00:12.77,0:00:14.61,Default,,0000,0000,0000,,我們就從長方形開始
Dialogue: 0,0:00:14.61,0:00:16.50,Default,,0000,0000,0000,,輸入rect代表長方形
Dialogue: 0,0:00:16.50,0:00:18.99,Default,,0000,0000,0000,,再來一個 ( ，然後四個數字10, 20, 100, 200
Dialogue: 0,0:00:18.99,0:00:20.96,Default,,0000,0000,0000,,等會我將會解釋這些是什麽意思
Dialogue: 0,0:00:20.96,0:00:23.94,Default,,0000,0000,0000,,之後 )，最後，我們就寫一個 ;
Dialogue: 0,0:00:23.94,0:00:25.50,Default,,0000,0000,0000,,看，太神奇了，一個長方形！
Dialogue: 0,0:00:25.50,0:00:27.56,Default,,0000,0000,0000,,那真有趣，讓我們再做一次
Dialogue: 0,0:00:27.76,0:00:29.55,Default,,0000,0000,0000,,我們這次可以試用不同的數字
Dialogue: 0,0:00:30.02,0:00:31.57,Default,,0000,0000,0000,,或許用大一點的數字 (300, 240
Dialogue: 0,0:00:32.18,0:00:34.03,Default,,0000,0000,0000,,接著後面用小一點的數字 10, 20)
Dialogue: 0,0:00:34.03,0:00:36.04,Default,,0000,0000,0000,,嘿，看，另外一個長方形！
Dialogue: 0,0:00:36.04,0:00:39.26,Default,,0000,0000,0000,,事實上，如果我們試把第一個數字改小一點
Dialogue: 0,0:00:39.26,0:00:40.57,Default,,0000,0000,0000,,它便會開始移動
Dialogue: 0,0:00:40.75,0:00:43.78,Default,,0000,0000,0000,,而如果把最後一個數字先改大一點再來改小一點
Dialogue: 0,0:00:43.78,0:00:46.28,Default,,0000,0000,0000,,它就會跟著變大然後縮小
Dialogue: 0,0:00:46.28,0:00:47.51,Default,,0000,0000,0000,,多有趣！
Dialogue: 0,0:00:47.51,0:00:50.54,Default,,0000,0000,0000,,所以，你可能在猜這樣的魔法是怎麼做到的？
Dialogue: 0,0:00:51.24,0:00:52.76,Default,,0000,0000,0000,,記著你的電腦
Dialogue: 0,0:00:52.76,0:00:55.51,Default,,0000,0000,0000,,就像隻聰明又聽話的狗
Dialogue: 0,0:00:55.51,0:00:59.78,Default,,0000,0000,0000,,你可以使一隻狗去坐、停、甚至翻滾
Dialogue: 0,0:00:59.78,0:01:01.50,Default,,0000,0000,0000,,你要做的只是給一個指令
Dialogue: 0,0:01:02.02,0:01:05.28,Default,,0000,0000,0000,,在寫程式的時候，你會如何使你的電腦狗坐下？
Dialogue: 0,0:01:05.74,0:01:08.02,Default,,0000,0000,0000,,要做到那的話
Dialogue: 0,0:01:08.02,0:01:11.26,Default,,0000,0000,0000,,你要寫下指令名稱，如「坐下」
Dialogue: 0,0:01:11.26,0:01:13.27,Default,,0000,0000,0000,,在你要在後面接上 ()
Dialogue: 0,0:01:13.27,0:01:15.27,Default,,0000,0000,0000,,來告訴電腦去服從那指令
Dialogue: 0,0:01:15.27,0:01:17.76,Default,,0000,0000,0000,,然後你在最後寫上 ; 告訴電腦
Dialogue: 0,0:01:17.76,0:01:19.52,Default,,0000,0000,0000,,「是的，這指令結束了」
Dialogue: 0,0:01:19.52,0:01:21.83,Default,,0000,0000,0000,,之後你的電腦狗便會坐下來
Dialogue: 0,0:01:22.22,0:01:25.26,Default,,0000,0000,0000,,當然，你在可汗學院上用的電腦不是一隻狗
Dialogue: 0,0:01:25.26,0:01:27.25,Default,,0000,0000,0000,,所以它不懂如何坐下或是翻滾
Dialogue: 0,0:01:27.25,0:01:30.26,Default,,0000,0000,0000,,但是當你告訴它rect ，它就知道如何畫一個長方形
Dialogue: 0,0:01:30.26,0:01:32.06,Default,,0000,0000,0000,,還頗神奇的，是吧？
Dialogue: 0,0:01:32.30,0:01:34.34,Default,,0000,0000,0000,,接下來這一行我們就來畫一個長方形
Dialogue: 0,0:01:34.34,0:01:37.16,Default,,0000,0000,0000,,寫下指令rect，這是名稱
Dialogue: 0,0:01:37.16,0:01:39.75,Default,,0000,0000,0000,,接著放入 ( 和 )
Dialogue: 0,0:01:39.75,0:01:41.02,Default,,0000,0000,0000,,表示「照著那做」
Dialogue: 0,0:01:41.02,0:01:43.04,Default,,0000,0000,0000,,然後我們在最後面放上 ;
Dialogue: 0,0:01:43.50,0:01:46.57,Default,,0000,0000,0000,,那便是你電腦達成特殊功能，rect，的過程
Dialogue: 0,0:01:47.22,0:01:49.74,Default,,0000,0000,0000,,好，現在回到我們的rect
Dialogue: 0,0:01:49.74,0:01:53.50,Default,,0000,0000,0000,,我們有了指令名稱還有那些括弧
Dialogue: 0,0:01:53.50,0:01:55.77,Default,,0000,0000,0000,,那這些可怕的數字呢？
Dialogue: 0,0:01:56.25,0:01:59.25,Default,,0000,0000,0000,,其實電腦知道的不夠多
Dialogue: 0,0:01:59.25,0:02:02.25,Default,,0000,0000,0000,,如果你只跟它說rect
Dialogue: 0,0:02:02.25,0:02:05.25,Default,,0000,0000,0000,,想更深入瞭解，試想想我給你一張白紙
Dialogue: 0,0:02:05.25,0:02:07.25,Default,,0000,0000,0000,,然後我說我想你畫一個長方形
Dialogue: 0,0:02:07.25,0:02:09.33,Default,,0000,0000,0000,,完全地照我所想的畫出來
Dialogue: 0,0:02:09.99,0:02:11.23,Default,,0000,0000,0000,,除非你能跟我心靈感應
Dialogue: 0,0:02:11.23,0:02:13.29,Default,,0000,0000,0000,,不然你應該會有一堆問題
Dialogue: 0,0:02:14.51,0:02:15.76,Default,,0000,0000,0000,,第一，你可能會想：
Dialogue: 0,0:02:15.76,0:02:19.08,Default,,0000,0000,0000,,你想我在哪裡畫這個長方形？
Dialogue: 0,0:02:19.26,0:02:21.28,Default,,0000,0000,0000,,那我便會說：
Dialogue: 0,0:02:21.28,0:02:22.53,Default,,0000,0000,0000,,不如這樣吧，
Dialogue: 0,0:02:22.53,0:02:25.80,Default,,0000,0000,0000,,這張白紙的左邊
Dialogue: 0,0:02:25.80,0:02:27.05,Default,,0000,0000,0000,,我們稱之為零
Dialogue: 0,0:02:27.05,0:02:29.82,Default,,0000,0000,0000,,而白紙的右邊就是400
Dialogue: 0,0:02:30.04,0:02:33.01,Default,,0000,0000,0000,,之後我給你一個數字，例如100
Dialogue: 0,0:02:33.01,0:02:36.24,Default,,0000,0000,0000,,這樣你就知道長方形應該畫在那裏，大概
Dialogue: 0,0:02:36.24,0:02:37.31,Default,,0000,0000,0000,,大致的位置
Dialogue: 0,0:02:37.31,0:02:39.97,Default,,0000,0000,0000,,但那只會滿足你部分的疑惑，你會繼續想：
Dialogue: 0,0:02:39.97,0:02:43.16,Default,,0000,0000,0000,,好，現在我知道長方形橫幅的位置，但是它多高和多低呢？
Dialogue: 0,0:02:43.52,0:02:47.01,Default,,0000,0000,0000,,那我就給你另外一個數字，假設200好了
Dialogue: 0,0:02:47.01,0:02:49.75,Default,,0000,0000,0000,,我會說：這是紙的最上，這是0
Dialogue: 0,0:02:49.75,0:02:52.65,Default,,0000,0000,0000,,然後又假設，底部是400
Dialogue: 0,0:02:52.65,0:02:53.74,Default,,0000,0000,0000,,你就會想：
Dialogue: 0,0:02:53.74,0:02:56.80,Default,,0000,0000,0000,,200，那就在正中間
Dialogue: 0,0:02:57.40,0:02:59.76,Default,,0000,0000,0000,,完美，因為現在你知道了，便會說：
Dialogue: 0,0:02:59.76,0:03:02.50,Default,,0000,0000,0000,,太棒了，我把你的長方形畫在這裏
Dialogue: 0,0:03:02.50,0:03:05.58,Default,,0000,0000,0000,,因為這裡是向右100，向下200的地方
Dialogue: 0,0:03:06.49,0:03:09.06,Default,,0000,0000,0000,,但那還是不夠，你還會繼續問哪些問題？
Dialogue: 0,0:03:09.50,0:03:12.27,Default,,0000,0000,0000,,沒錯，你在想 ：這個長方形要多大？
Dialogue: 0,0:03:12.27,0:03:17.01,Default,,0000,0000,0000,,那我便會說：這樣吧，寬150？
Dialogue: 0,0:03:17.01,0:03:20.97,Default,,0000,0000,0000,,你會想：這裡是100，而這裏是400
Dialogue: 0,0:03:20.97,0:03:25.31,Default,,0000,0000,0000,,如果我們想要它寬150，那就大概在這裏？
Dialogue: 0,0:03:25.53,0:03:28.82,Default,,0000,0000,0000,,你繼續想著：太好了，寬150，大約在這
Dialogue: 0,0:03:29.34,0:03:31.24,Default,,0000,0000,0000,,你接著會說：這個長方形要多高？
Dialogue: 0,0:03:31.24,0:03:33.47,Default,,0000,0000,0000,,我會說：不用太高，高50好嗎？
Dialogue: 0,0:03:33.72,0:03:37.30,Default,,0000,0000,0000,,你會說：好，50的話，大概差不多這麼高？
Dialogue: 0,0:03:37.51,0:03:39.02,Default,,0000,0000,0000,,然後你會說：超棒！
Dialogue: 0,0:03:39.02,0:03:40.81,Default,,0000,0000,0000,,我完全知道你想要的長方形在哪個位置
Dialogue: 0,0:03:40.81,0:03:41.90,Default,,0000,0000,0000,,也清楚知道它該是什麼樣子
Dialogue: 0,0:03:42.99,0:03:44.08,Default,,0000,0000,0000,,我現在就把它畫下來
Dialogue: 0,0:03:45.23,0:03:47.56,Default,,0000,0000,0000,,畫一個長方形還真多工作，不是嗎？
Dialogue: 0,0:03:47.98,0:03:50.26,Default,,0000,0000,0000,,目的是讓你瞭解那四個數字的作用--
Dialogue: 0,0:03:50.26,0:03:53.55,Default,,0000,0000,0000,,記得之前說過的向右100，向下200，
Dialogue: 0,0:03:54.46,0:03:57.53,Default,,0000,0000,0000,,寬150，然後高50--
Dialogue: 0,0:03:57.82,0:03:59.76,Default,,0000,0000,0000,,現在我們能一致認同
Dialogue: 0,0:03:59.76,0:04:01.55,Default,,0000,0000,0000,,這個長方形該是什麼樣子了
Dialogue: 0,0:04:02.01,0:04:04.25,Default,,0000,0000,0000,,電腦工作的方式也是這樣
Dialogue: 0,0:04:04.25,0:04:06.76,Default,,0000,0000,0000,,你只要寫下指令名稱，像我們之前講過的
Dialogue: 0,0:04:06.76,0:04:09.74,Default,,0000,0000,0000,,寫下 ( 還有那四個數字
Dialogue: 0,0:04:09.74,0:04:14.02,Default,,0000,0000,0000,,100, 200, 150 和 50
Dialogue: 0,0:04:14.02,0:04:16.01,Default,,0000,0000,0000,,) 以及最後的 ;
Dialogue: 0,0:04:16.23,0:04:19.30,Default,,0000,0000,0000,,然後它便會在正確的位置畫出我們想要的長方形
Dialogue: 0,0:04:20.62,0:04:22.26,Default,,0000,0000,0000,,如果我們對自己誠實一點
Dialogue: 0,0:04:22.26,0:04:24.22,Default,,0000,0000,0000,,那長方形其實不正在我們想要的位置
Dialogue: 0,0:04:24.22,0:04:25.58,Default,,0000,0000,0000,,它不在我們畫出來的位置上，對吧？
Dialogue: 0,0:04:25.76,0:04:27.49,Default,,0000,0000,0000,,所以說我們的數字有些不準確
Dialogue: 0,0:04:27.49,0:04:31.27,Default,,0000,0000,0000,,就說我們想電腦畫出一個跟我們畫的一摸一樣的
Dialogue: 0,0:04:31.27,0:04:33.78,Default,,0000,0000,0000,,我們把它移右一下
Dialogue: 0,0:04:34.22,0:04:37.25,Default,,0000,0000,0000,,上下移動一下
Dialogue: 0,0:04:37.71,0:04:42.01,Default,,0000,0000,0000,,瘦一些，再矮一些
Dialogue: 0,0:04:42.76,0:04:46.02,Default,,0000,0000,0000,,現在這個長方形便跟我們畫的一摸一樣了
Dialogue: 0,0:04:46.02,0:04:48.77,Default,,0000,0000,0000,,因為我們明白這些數字的意義
Dialogue: 0,0:04:48.77,0:04:51.83,Default,,0000,0000,0000,,我們可以把它改到我們想要的
Dialogue: 0,0:04:52.75,0:04:54.77,Default,,0000,0000,0000,,現在讓我們試畫出另外一個長方形
Dialogue: 0,0:04:54.77,0:04:56.47,Default,,0000,0000,0000,,寫程式最精彩的地方在於
Dialogue: 0,0:04:56.47,0:04:58.76,Default,,0000,0000,0000,,我們現在可以把長方形畫在任何位置了
Dialogue: 0,0:04:59.82,0:05:02.16,Default,,0000,0000,0000,,讓我們把長方形畫在最上的上方角
Dialogue: 0,0:05:02.16,0:05:03.39,Default,,0000,0000,0000,,一直往上到那裏？
Dialogue: 0,0:05:03.99,0:05:05.56,Default,,0000,0000,0000,,先想想那位置會在哪？
Dialogue: 0,0:05:06.02,0:05:09.50,Default,,0000,0000,0000,,我猜應該是向右0，上下也是0
Dialogue: 0,0:05:09.50,0:05:13.26,Default,,0000,0000,0000,,或許比較小，比如説寬50
Dialogue: 0,0:05:13.26,0:05:16.27,Default,,0000,0000,0000,,可能高10，像個小小的長方形
Dialogue: 0,0:05:16.100,0:05:18.27,Default,,0000,0000,0000,,那我們直接開始
Dialogue: 0,0:05:18.27,0:05:19.28,Default,,0000,0000,0000,,先輸入rect
Dialogue: 0,0:05:19.28,0:05:21.55,Default,,0000,0000,0000,,將這些參數用 , , , 分開
Dialogue: 0,0:05:22.76,0:05:25.52,Default,,0000,0000,0000,,目前我們會說：嗯，酷
Dialogue: 0,0:05:25.75,0:05:28.55,Default,,0000,0000,0000,,喔，但其實不太酷，因為有錯誤通知
Dialogue: 0,0:05:28.55,0:05:31.39,Default,,0000,0000,0000,,提醒我們 ：喔不，你好像少了一個 )
Dialogue: 0,0:05:31.39,0:05:32.75,Default,,0000,0000,0000,,嗯，沒錯，我們的確忘了
Dialogue: 0,0:05:32.75,0:05:34.83,Default,,0000,0000,0000,,所以，我們把它放回去，現在看起來不錯，對吧？
Dialogue: 0,0:05:34.83,0:05:36.100,Default,,0000,0000,0000,,不，因為現在我們又有另外一個錯誤通知
Dialogue: 0,0:05:36.100,0:05:38.45,Default,,0000,0000,0000,,提醒我們忘記了最後的分號
Dialogue: 0,0:05:38.45,0:05:40.87,Default,,0000,0000,0000,,這也是對的，我們可以點選 「Show Me Where」
Dialogue: 0,0:05:40.87,0:05:42.62,Default,,0000,0000,0000,,它會指出我們剛寫的那行指令
Dialogue: 0,0:05:42.62,0:05:43.54,Default,,0000,0000,0000,,然後我們就會想起來：
Dialogue: 0,0:05:43.54,0:05:46.47,Default,,0000,0000,0000,,喔對，分號就像在句子最後面的句號一樣
Dialogue: 0,0:05:46.47,0:05:48.52,Default,,0000,0000,0000,,用來終止指令，我們忘了！
Dialogue: 0,0:05:48.52,0:05:52.02,Default,,0000,0000,0000,,但我們可以加它回去，問題不大，整體看起來非常好
Dialogue: 0,0:05:52.25,0:05:55.30,Default,,0000,0000,0000,,看，一個小小的長方形，跟我們想要的一樣
Dialogue: 0,0:05:55.74,0:05:58.50,Default,,0000,0000,0000,,和之前相同，我們可以把他變大
Dialogue: 0,0:05:58.72,0:06:00.23,Default,,0000,0000,0000,,可以將它四處移動
Dialogue: 0,0:06:00.51,0:06:03.26,Default,,0000,0000,0000,,可以把它放在任何我們想要的地方
Dialogue: 0,0:06:03.26,0:06:06.26,Default,,0000,0000,0000,,你現在知道rect運作的細節了
Dialogue: 0,0:06:06.50,0:06:08.71,Default,,0000,0000,0000,,我們講過這些數字的意義
Dialogue: 0,0:06:08.71,0:06:12.04,Default,,0000,0000,0000,,指令名稱和括弧是永遠必要的
Dialogue: 0,0:06:12.04,0:06:14.96,Default,,0000,0000,0000,,用逗號分開數字，分號放在最後
Dialogue: 0,0:06:15.48,0:06:16.48,Default,,0000,0000,0000,,看起來好像很多
Dialogue: 0,0:06:16.48,0:06:19.17,Default,,0000,0000,0000,,但你可以直接嘗試，找找寫程式的感覺
Dialogue: 0,0:06:19.26,0:06:21.50,Default,,0000,0000,0000,,下一次，我們將學習更多有關圖形繪畫的技巧
Dialogue: 0,0:06:21.50,0:06:23.26,Default,,0000,0000,0000,,然後我們繼續會學更多有趣的東西
Dialogue: 0,0:06:23.26,0:06:26.34,Default,,0000,0000,0000,,像是添加色彩或是讓它們在螢幕上飛舞