讓我們開始寫程式吧
首先我們先瞭解最基本的東西:圖形
不要擔心,很快地
你的圖形將會在螢幕上奔馳
有著七彩顏色,還有各式各樣其他酷炫程式
跟著我們一起來吧!
我們就從長方形開始
輸入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運作的細節了
我們講過這些數字的意義
指令名稱和括弧是永遠必要的
用逗號分開數字,分號放在最後
看起來好像很多
但你可以直接嘗試,找找寫程式的感覺
下一次,我們將學習更多有關圖形繪畫的技巧
然後我們繼續會學更多有趣的東西
像是添加色彩或是讓它們在螢幕上飛舞