讓我們開始寫程式吧

首先我們先瞭解最基本的東西：圖形

不要擔心，很快地

你的圖形將會在螢幕上奔馳

有著七彩顏色，還有各式各樣其他酷炫程式

跟著我們一起來吧！

我們就從長方形開始

輸入rect代表長方形

再來一個 ( ，然後四個數字10, 20, 100, 200

等會我將會解釋這些是什麽意思

之後 )，最後，我們就寫一個 ;

看，太神奇了，一個長方形！

那真有趣，讓我們再做一次

我們這次可以試用不同的數字

或許用大一點的數字 (300, 240

接著後面用小一點的數字 10, 20)

嘿，看，另外一個長方形！

事實上，如果我們試把第一個數字改小一點

它便會開始移動

而如果把最後一個數字先改大一點再來改小一點

它就會跟著變大然後縮小

多有趣！

所以，你可能在猜這樣的魔法是怎麼做到的？

記著你的電腦

就像隻聰明又聽話的狗

你可以使一隻狗去坐、停、甚至翻滾

你要做的只是給一個指令

在寫程式的時候，你會如何使你的電腦狗坐下？

要做到那的話

你要寫下指令名稱，如「坐下」

在你要在後面接上 ()

來告訴電腦去服從那指令

然後你在最後寫上 ; 告訴電腦

「是的，這指令結束了」

之後你的電腦狗便會坐下來

當然，你在可汗學院上用的電腦不是一隻狗

所以它不懂如何坐下或是翻滾

但是當你告訴它rect ，它就知道如何畫一個長方形

還頗神奇的，是吧？

接下來這一行我們就來畫一個長方形

寫下指令rect，這是名稱

接著放入 ( 和 )

表示「照著那做」

然後我們在最後面放上 ;

那便是你電腦達成特殊功能，rect，的過程

好，現在回到我們的rect

我們有了指令名稱還有那些括弧

那這些可怕的數字呢？

其實電腦知道的不夠多

如果你只跟它說rect

想更深入瞭解，試想想我給你一張白紙

然後我說我想你畫一個長方形

完全地照我所想的畫出來

除非你能跟我心靈感應

不然你應該會有一堆問題

第一，你可能會想：

你想我在哪裡畫這個長方形？

那我便會說：

不如這樣吧，

這張白紙的左邊

我們稱之為零

而白紙的右邊就是400

之後我給你一個數字，例如100

這樣你就知道長方形應該畫在那裏，大概

大致的位置

但那只會滿足你部分的疑惑，你會繼續想：

好，現在我知道長方形橫幅的位置，但是它多高和多低呢？

那我就給你另外一個數字，假設200好了

我會說：這是紙的最上，這是0

然後又假設，底部是400

你就會想：

200，那就在正中間

完美，因為現在你知道了，便會說：

太棒了，我把你的長方形畫在這裏

因為這裡是向右100，向下200的地方

但那還是不夠，你還會繼續問哪些問題？

沒錯，你在想 ：這個長方形要多大？

那我便會說：這樣吧，寬150？

你會想：這裡是100，而這裏是400

如果我們想要它寬150，那就大概在這裏？

你繼續想著：太好了，寬150，大約在這

你接著會說：這個長方形要多高？

我會說：不用太高，高50好嗎？

你會說：好，50的話，大概差不多這麼高？

然後你會說：超棒！

我完全知道你想要的長方形在哪個位置

也清楚知道它該是什麼樣子

我現在就把它畫下來

畫一個長方形還真多工作，不是嗎？

目的是讓你瞭解那四個數字的作用--

記得之前說過的向右100，向下200，

寬150，然後高50--

現在我們能一致認同

這個長方形該是什麼樣子了

電腦工作的方式也是這樣

你只要寫下指令名稱，像我們之前講過的

寫下 ( 還有那四個數字

100, 200, 150 和 50

) 以及最後的 ;

然後它便會在正確的位置畫出我們想要的長方形

如果我們對自己誠實一點

那長方形其實不正在我們想要的位置

它不在我們畫出來的位置上，對吧？

所以說我們的數字有些不準確

就說我們想電腦畫出一個跟我們畫的一摸一樣的

我們把它移右一下

上下移動一下

瘦一些，再矮一些

現在這個長方形便跟我們畫的一摸一樣了

因為我們明白這些數字的意義

我們可以把它改到我們想要的

現在讓我們試畫出另外一個長方形

寫程式最精彩的地方在於

我們現在可以把長方形畫在任何位置了

讓我們把長方形畫在最上的上方角

一直往上到那裏？

先想想那位置會在哪？

我猜應該是向右0，上下也是0

或許比較小，比如説寬50

可能高10，像個小小的長方形

那我們直接開始

先輸入rect

將這些參數用 , , , 分開

目前我們會說：嗯，酷

喔，但其實不太酷，因為有錯誤通知

提醒我們 ：喔不，你好像少了一個 )

嗯，沒錯，我們的確忘了

所以，我們把它放回去，現在看起來不錯，對吧？

不，因為現在我們又有另外一個錯誤通知

提醒我們忘記了最後的分號

這也是對的，我們可以點選 「Show Me Where」

它會指出我們剛寫的那行指令

然後我們就會想起來：

喔對，分號就像在句子最後面的句號一樣

用來終止指令，我們忘了！

但我們可以加它回去，問題不大，整體看起來非常好

看，一個小小的長方形，跟我們想要的一樣

和之前相同，我們可以把他變大

可以將它四處移動

可以把它放在任何我們想要的地方

你現在知道rect運作的細節了

我們講過這些數字的意義

指令名稱和括弧是永遠必要的

用逗號分開數字，分號放在最後

看起來好像很多

但你可以直接嘗試，找找寫程式的感覺

下一次，我們將學習更多有關圖形繪畫的技巧

然後我們繼續會學更多有趣的東西

像是添加色彩或是讓它們在螢幕上飛舞