Scratch積木程式教室

12年國教課綱科技領域
想像、創造、分享
領先教育趨勢！
不需要安裝
不需要經驗
不需要學習程式語言
簡單、快速、好上手！

國中及高中的必修課納入「程式設計」，
不用上補習班，在家就能先修！

教育部每年舉辦「全國貓咪盃競賽」指定軟體
美國麻省理工媒體實驗室開發
日本AMAZON讀者一致好評
只要有電腦和網路，將積木排列組合，
遊戲、動畫都能簡單製作！
不但可將完成的作品上傳分享給全世界，
也能借用別人已完成的作品加以改編。
任何人都能輕鬆上手，Scratch就是這麼自由！

日本AMAZON讀者一致好評
最簡單易懂的程式設計書

「最近AI和程式學習等相關話題越來越多，覺得這本書好像很適合小孩就買了。本來以為只是給小孩看的漫畫書，沒想到內容也能銜接日後學習其它程式上，真的大推！」─kotaro

「我家的小孩和這本書的主角一樣就讀小學四年級，聽到可以自己做出遊戲就迫不及待的開始看了。內容真的很簡單，就算不會HTML語法、沒有任何基礎也能夠操作。現在我們會一起擠在電腦前討論該如何製作。」─Taka

「說明簡單易懂。後面幾章的難度較高，如果能有家長一起陪伴，會比較容易理解。但相較於硬梆梆的教科書，能看漫畫學習，孩子也比較不會感到壓力吧。」─Mihorin

看漫畫學程式，遊戲、動畫自己做
訓練邏輯思考力，培養創造力！

谷口充
網路程式設計師，生於1977年。小學時用父親的電腦玩遊戲後，體會到電腦的有趣之處。曾任職網路相關公司的程式設計師，於2002年獨立開業，成立「H2O space」網頁製作公司。透過執筆創作者的入門書、公開演講與擔任講師等，協助培育其他創作者。主要著作有《第一次程式設計》（マイナビ）等。

給各位讀者的話
我以前是熱愛電玩的少年，幾乎每天都要打開遊戲主機或者父親的電腦來玩。然而，某天得知「遊戲可以自己動手做」後，我便開始嘗試遊戲的製作。雖然遊戲製作沒有繼續下去，但我現在從事使用電腦編輯網路程式的工作。
程式設計是，能與電腦、遊戲主機等「計算機」對話，非常有趣的體驗過程。透過對話（程式設計）下達各種指令，能讓電腦如同預期動作。然後，你的作品可為朋友、家人以及網路上素未謀面的各地人們帶來歡樂。
不過，跟電腦的對話和跟朋友的對話大不相同。如果沒有確實編碼內容來正確傳達指令，電腦就不會如同預期地動作。當跨越這段令人著急的過程，看到自己的作品動起來的瞬間，那份感動肯定令你難以忘懷。
那麼，趕緊翻開這本漫畫、打開電腦，在程設設計的世界展開旅程吧。相信讀完本書後，你也有能力用電腦自由地創造作品。各位盡情享受吧。

封面、摺頁 1
給各位讀者的話 1
Chapter 1 開始程式設計吧！ 3
漫畫 3
解說 每個人都能做程式設計！ 11
Chapter 2 人人都會用Scratch 17
漫畫 18
解說 操作Scratch吧！ 41
Chapter 3 製作動畫！？ 51
漫畫 51
解說 讓角色如同預期動起來 66
Chapter 4 熟習積木的使用 76
漫畫 77
解說 製作遊戲的第一步！ 101
Chapter 5 如何製作出題軟體？ 110
漫畫 111
解說 製作出題軟體！ 142
Chapter 6 挑戰製作遊戲！ 152
漫畫 152
解說 獨自完成遊戲吧！ 184
Chapter 7 擴展吧！程式設計的世界！ 198
漫畫 198
解說 用Scratch和世界連結吧！ 201
結尾 206

解說 操作Scratch吧！
點擊「百聞不如一見」的圖示或者「創造」的按鈕，
會打開畫面分成四大區塊的「創造」頁面。
下面來看看此頁面能夠做些什麼事情吧。

Scratch的介面
四個區塊能夠做什麼？
「創造」是最基本的頁面，用戶能在這製作自己的程式。
打開該頁面後會出現四個區塊，分別為「舞台區」、「程式區」、「角色區」、「腳本區」，用戶可用這四個區塊創建一個程式。
熟記各區塊的名稱與功能，有助於理解後面的內容。

四個區塊的名稱與功能
舞台區
可放置角色的場所。創作出來的動畫、遊戲，會在這個舞台上動作。
腳本區
將積木拖曳至此，角色會根據積木指令來動作。
角色區
創建「角色」人物、物件等的區塊。
程式區
將角色的「動作」、「邏輯」等，統整成積木形式的區塊。

第五個區塊
點擊程式區最下方的「背包」，能夠展開小型區塊。這區塊稱為「背包區」，可用來保管從腳本區拖放來的程式積木、角色。
組合完的程式積木可在別的作品中再利用，或者留下來之後再用到其他角色上。
設定角色！
角色是舞台上的演員
打開「創造」頁面後，左上方的「舞台區」會有一隻貓咪。這隻貓咪稱為Scratch Cat，是Scratch的官方角色。除了貓咪之外，Scratch中還有各式各樣的角色，英文統稱為「Sprite」。Sprite的英文意思為妖精，但這邊想成「演員」會比容易理解。
你將成為這部作品的監督，將這些角色演員配置到舞台上指定的位置。
自由選擇角色
除了貓咪之外，還有其他許種類的角色。另外，Scratch也可新建自己專屬的角色。
請參考下一頁開始介紹的「角色的各種選法」，選擇適合自身作品的角色吧。

角色的各種選法
點選角色區上的「新的角色」，可增加角色數量。四個按鈕的創建方式皆不同，後面會依序介紹說明。
・在範例庫中挑選角色
這是漫畫中出現的創建方式，用戶可從眾多的預設圖案中，選擇新增的角色。
在角色範例庫頁面的左側，可點選不同的「類別」、「主題」等目錄，篩選角色的種類。
・自行繪製新的角色
在頁面的右側啟動「繪圖工具」，用戶可自行繪製新角色。創建的角色大小後面可再自由調整，在上頭畫滿自己喜歡的圖案吧。

點擊畫筆的圖示後，腳本區會變成「繪圖工具」的頁面。

・從電腦中挑選角色
用戶可選擇其他繪圖工具畫出來的圖案、朋友創作的圖案，但卡通的人物角色、電視人物的照片等等，需先經過權利者的同意才能使用。請用戶小心留意。
儲存於電腦中的圖案，也可作為Scratch的角色使用。

・用攝影裝置錄製新角色
如果電腦裝有攝影裝置，可將拍攝的相片作為角色使用，但切忌隨意侵犯朋友的肖像權等。無論如何都需要使用的場合，請先取得對方的同意。

舞台的背景可以
用相同的方式創建，
點擊角色區左側
「新的背景」中的按鈕！

變更角色的屬性
在角色區點選新建的角色後，左上角會出現「！」的圖示，點擊該圖示可變更角色的屬性（information）。
角色名稱
表示該角色的名稱，名稱可自由變更。
方向
轉動右側的刻度盤，可改變角色的角度。
迴轉方式
用來決定如漫畫中「碰到邊緣就反彈」等的迴轉方式
播放時可拖曳
勾選後，用戶可在程式播放中，直接拖曳角色圖案。
顯示
去掉勾選後，可在舞台區隱藏該角色。
理解積木指令的用法！
讓角色表演起來
在舞台區配置角色後，接著就是讓他「表演」起來了。身為監督的你，必須讓演者按照自己的安排動作。此時，告知演者如何動作的就是「程式積木」。
點選程式區上方列表中的「程式」時，下面出現小型方塊的積木指令。
雖然積木指令的種類別眾多，沒辦法全部介紹，但這邊實際示範漫畫中出現的幾種積木吧。
積木指令的用法
積木指令可直接在程式區點擊使用，但拖放到腳本區組合不同的積木，可展現更多不同的用法。
透過與其他積木指令組合，或者堆疊相同的積木指令，可讓角色做出更為複雜的動作。