--- tags: scratch --- # 五分鐘學 Scratch EP.03 - 創造自己的 Scratch 作品 ### :memo: 學習重點 - [ ] 如何建立自己的 Scratch 專案 - [ ] Scratch 的介面與功能 - [ ] 拖拉積木撰寫程式 - [ ] 執行程式專案 --- ### :cat: 建立新的 Scratch 專案 上回我們已經學會如何從瀏覽器上連線到 Scratch 的官方網站,並且可以體驗、遊玩別人的作品,現在,我們就來建立一個屬於我們自己的 Scratch 專案吧! 首先,一樣從瀏覽器連線到 Scratch 官方網站,然後點選首頁的「開始創造」按鈕。 ![](https://i.imgur.com/NhntlSS.jpg) <br> 接著,Scratch 的創作工作區(介面)就會出現囉~以後我們都會在這個工作區寫程式、創造我們自己的作品。 ![](https://i.imgur.com/w8Bnrd9.jpg) <br> 一開始畫面的中間會有一個教學影片可以觀看(綠色視窗),我們可以點選撥放的按鈕,跟著它的教學練習一下積木的操作。當然,也可以直接關閉,因為我們的 5 分鐘學 Scratch 以後會把所有的知識跟技術都教給大家! --- ### :cat: Scratch 工作區介紹 正式開始拼積木、寫程式之前,我們先來看看 Scratch 的工作區(介面)最重要的三個區塊。 ### 1. 舞台與角色 首先,先讓我們來看最有畫面的「舞台區」。舞台區就是工作區的右上角,有一隻可愛貓咪的地方。而這隻貓咪,就是我們現在唯一的一個「角色」,牠會替我們在舞台上演出我們的故事。 同學們一定也有上台表演的經驗吧?Scratch 就跟我們上台表演一樣喔,「角色」就是參與表演的我們,而「舞台」就是我們表演的地方。 ![](https://i.imgur.com/xf4N3Vz.jpg) 舞台的上方有好幾個按鈕,同學們有沒有發現其中三個很眼熟?沒錯,他們就是上次我們介紹的功能按鈕 | 按鈕 | 圖示 | 功能 | | -------- | -------- | -------- | | 綠旗 | ![](https://i.imgur.com/83EnlWP.jpg) | 開始或重新啟動這個專案。必須先點選這個按鈕才能開使體驗這個作品 | | 紅色圓圈 | ![](https://i.imgur.com/NIqqaLT.jpg) | 停止專案程式的執行。只要按下這個按鈕,這個作品的程式就會停止運行 | | 四角箭頭 | ![](https://i.imgur.com/gUWtoaB.jpg)| 放大或縮小專案畫面。可以把作品的畫面變成全螢幕或者回復到小視窗 | 另外兩個是「舞台模式」切換按鈕,可以調整舞台和角色區的大小,同學可以點選這兩個按鈕,看看自己比較喜歡、習慣哪種舞台的大小。 <br/> ### 2. 程式積木 用 Scratch 寫程式就像在拼樂高積木一樣,有好多 Scratch 幫我們準備好的積木,我們只要照著我們的創意把積木組合起來,就可以做出酷炫又有趣的作品。 工作區的左邊,就是我們的積木櫃子,所有的積木都會放在這個櫃子裡,而且 Scratch 很貼心唷,同學們可以發現櫃子上還幫我們寫了積木的種類,還幫我們塗上不同的顏色! 現在,如果你覺得很好奇,Scratch 有那些積木?那就趕快用滑數點選旁邊的積木分類,看看有哪些有趣、好用的積木吧! ![](https://i.imgur.com/YNQq8Ma.gif) Scratch 的積木分類還有功能,我們會在以後做更詳細的教學,現在我們只要知道一些最基礎的就好~ ### 3. 程式腳本 「腳本」就是我們上台表演之前一直在練習的講稿或者劇本。當們會在表演前不斷的練習,正式上台的時候會照著腳本演出。Scratch 的角色也是這樣唷,我們可以用積木幫角色設計腳本,當他們走上舞台,就會照著我們的積木(程式腳本)演出。 畫面中央的大片空白區域,就是我們寫程式的地方,我們只要把積木從左邊積木櫃拖拉到中間,就可以撰寫程式! ![](https://i.imgur.com/0BlvAuA.jpg) 當然,Scratch 的功能不只這三個,還有好多好多酷炫的功能,但目前我們先知道這些就好,以後的課程中我們再來探索更多 Scratch 的強大功能。 --- ### :cat: 撰寫程式 介紹完 Scratch 工作區,大家一定都跟我一樣等不及想要寫自己的程式了對吧,我們趕快開始動手做吧! 請同學跟著老師一起按照下面的步驟拼接積木 1. 在黃色的「事件」櫃拿出「當![](https://i.imgur.com/83EnlWP.jpg)被點擊」積木,放到程式編輯區 2. 在亮藍色的「動作」櫃拿出「定位到 x:0 y:0」積木,並接在綠旗的積木下面 2. 在亮藍色的「動作」櫃拿出「移動 10 點」積木,並接在定位積木下面 3. 在橘色的「控制」櫃拿出「等待 1 秒」積木,並接移動的積木下面 4. 重複步驟 3, 4 二到三次 好!我們的程式寫完了,然後我們就會發現... <h2> 什麼事都沒發生 </h2> 為什麼咧?![](https://i.imgur.com/1dn9DEC.jpg) <br> 還記得之前我們在玩別人的專案的時候,都需要先點綠旗![](https://i.imgur.com/83EnlWP.jpg) 嗎?沒錯!我們自己的專案,也必須點綠旗,角色才會知道表演已經開始了,他們才會動起來。 趕快在舞台的左上方找到![](https://i.imgur.com/83EnlWP.jpg),點下去之後,我們的貓咪演員就會走動囉~ ![程式範例圖片](https://i.imgur.com/hvzNVPr.gif) <hr> 如何?Scratch 很厲害吧?隨便幾個積木就讓貓咪動起來了!嘿嘿,更厲害的還在後頭呢!不過,已經超過 5 分鐘了,所以先休息一下。下一回,我們會介紹更多的積木,然後讓我們的貓咪完成更高難度的表演。 那我們就下次見囉!