12年國教課綱科技領域
想像、創造、分享
領先教育趨勢!
不需要安裝
不需要經驗
不需要學習程式語言
簡單、快速、好上手!
國中及高中的必修課納入「程式設計」,
不用上補習班,在家就能先修!
教育部每年舉辦「全國貓咪盃競賽」指定軟體
美國麻省理工媒體實驗室開發
日本AMAZON讀者一致好評
只要有電腦和網路,將積木排列組合,
遊戲、動畫都能簡單製作!
不但可將完成的作品上傳分享給全世界,
也能借用別人已完成的作品加以改編。
任何人都能輕鬆上手,Scratch就是這麼自由!
日本AMAZON讀者一致好評
最簡單易懂的程式設計書
「最近AI和程式學習等相關話題越來越多,覺得這本書好像很適合小孩就買了。本來以為只是給小孩看的漫畫書,沒想到內容也能銜接日後學習其它程式上,真的大推!」─kotaro
「我家的小孩和這本書的主角一樣就讀小學四年級,聽到可以自己做出遊戲就迫不及待的開始看了。內容真的很簡單,就算不會HTML語法、沒有任何基礎也能夠操作。現在我們會一起擠在電腦前討論該如何製作。」─Taka
「說明簡單易懂。後面幾章的難度較高,如果能有家長一起陪伴,會比較容易理解。但相較於硬梆梆的教科書,能看漫畫學習,孩子也比較不會感到壓力吧。」─Mihorin
看漫畫學程式,遊戲、動畫自己做
訓練邏輯思考力,培養創造力!
作者簡介:
谷口充
網路程式設計師,生於1977年。小學時用父親的電腦玩遊戲後,體會到電腦的有趣之處。曾任職網路相關公司的程式設計師,於2002年獨立開業,成立「H2O space」網頁製作公司。透過執筆創作者的入門書、公開演講與擔任講師等,協助培育其他創作者。主要著作有《第一次程式設計》(マイナビ)等。
章節試閱
解說 操作Scratch吧!
點擊「百聞不如一見」的圖示或者「創造」的按鈕,
會打開畫面分成四大區塊的「創造」頁面。
下面來看看此頁面能夠做些什麼事情吧。
Scratch的介面
四個區塊能夠做什麼?
「創造」是最基本的頁面,用戶能在這製作自己的程式。
打開該頁面後會出現四個區塊,分別為「舞台區」、「程式區」、「角色區」、「腳本區」,用戶可用這四個區塊創建一個程式。
熟記各區塊的名稱與功能,有助於理解後面的內容。
四個區塊的名稱與功能
舞台區
可放置角色的場所。創作出來的動畫、遊戲,會在這個舞台上動作。
腳本區
將積木拖曳至此,角色會根據積木指令來動作。
角色區
創建「角色」人物、物件等的區塊。
程式區
將角色的「動作」、「邏輯」等,統整成積木形式的區塊。
第五個區塊
點擊程式區最下方的「背包」,能夠展開小型區塊。這區塊稱為「背包區」,可用來保管從腳本區拖放來的程式積木、角色。
組合完的程式積木可在別的作品中再利用,或者留下來之後再用到其他角色上。
設定角色!
角色是舞台上的演員
打開「創造」頁面後,左上方的「舞台區」會有一隻貓咪。這隻貓咪稱為Scratch Cat,是Scratch的官方角色。除了貓咪之外,Scratch中還有各式各樣的角色,英文統稱為「Sprite」。Sprite的英文意思為妖精,但這邊想成「演員」會比容易理解。
你將成為這部作品的監督,將這些角色演員配置到舞台上指定的位置。
自由選擇角色
除了貓咪之外,還有其他許種類的角色。另外,Scratch也可新建自己專屬的角色。
請參考下一頁開始介紹的「角色的各種選法」,選擇適合自身作品的角色吧。
角色的各種選法
點選角色區上的「新的角色」,可增加角色數量。四個按鈕的創建方式皆不同,後面會依序介紹說明。
・在範例庫中挑選角色
這是漫畫中出現的創建方式,用戶可從眾多的預設圖案中,選擇新增的角色。
在角色範例庫頁面的左側,可點選不同的「類別」、「主題」等目錄,篩選角色的種類。
・自行繪製新的角色
在頁面的右側啟動「繪圖工具」,用戶可自行繪製新角色。創建的角色大小後面可再自由調整,在上頭畫滿自己喜歡的圖案吧。
點擊畫筆的圖示後,腳本區會變成「繪圖工具」的頁面。
・從電腦中挑選角色
用戶可選擇其他繪圖工具畫出來的圖案、朋友創作的圖案,但卡通的人物角色、電視人物的照片等等,需先經過權利者的同意才能使用。請用戶小心留意。
儲存於電腦中的圖案,也可作為Scratch的角色使用。
・用攝影裝置錄製新角色
如果電腦裝有攝影裝置,可將拍攝的相片作為角色使用,但切忌隨意侵犯朋友的肖像權等。無論如何都需要使用的場合,請先取得對方的同意。
舞台的背景可以
用相同的方式創建,
點擊角色區左側
「新的背景」中的按鈕!
變更角色的屬性
在角色區點選新建的角色後,左上角會出現「!」的圖示,點擊該圖示可變更角色的屬性(information)。
角色名稱
表示該角色的名稱,名稱可自由變更。
方向
轉動右側的刻度盤,可改變角色的角度。
迴轉方式
用來決定如漫畫中「碰到邊緣就反彈」等的迴轉方式
播放時可拖曳
勾選後,用戶可在程式播放中,直接拖曳角色圖案。
顯示
去掉勾選後,可在舞台區隱藏該角色。
理解積木指令的用法!
讓角色表演起來
在舞台區配置角色後,接著就是讓他「表演」起來了。身為監督的你,必須讓演者按照自己的安排動作。此時,告知演者如何動作的就是「程式積木」。
點選程式區上方列表中的「程式」時,下面出現小型方塊的積木指令。
雖然積木指令的種類別眾多,沒辦法全部介紹,但這邊實際示範漫畫中出現的幾種積木吧。
積木指令的用法
積木指令可直接在程式區點擊使用,但拖放到腳本區組合不同的積木,可展現更多不同的用法。
透過與其他積木指令組合,或者堆疊相同的積木指令,可讓角色做出更為複雜的動作。
解說 操作Scratch吧!
點擊「百聞不如一見」的圖示或者「創造」的按鈕,
會打開畫面分成四大區塊的「創造」頁面。
下面來看看此頁面能夠做些什麼事情吧。
Scratch的介面
四個區塊能夠做什麼?
「創造」是最基本的頁面,用戶能在這製作自己的程式。
打開該頁面後會出現四個區塊,分別為「舞台區」、「程式區」、「角色區」、「腳本區」,用戶可用這四個區塊創建一個程式。
熟記各區塊的名稱與功能,有助於理解後面的內容。
四個區塊的名稱與功能
舞台區
可放置角色的場所。創作出來的動畫、遊戲,會在這個舞台上動作。
腳本區
...
作者序
給各位讀者的話
我以前是熱愛電玩的少年,幾乎每天都要打開遊戲主機或者父親的電腦來玩。然而,某天得知「遊戲可以自己動手做」後,我便開始嘗試遊戲的製作。雖然遊戲製作沒有繼續下去,但我現在從事使用電腦編輯網路程式的工作。
程式設計是,能與電腦、遊戲主機等「計算機」對話,非常有趣的體驗過程。透過對話(程式設計)下達各種指令,能讓電腦如同預期動作。然後,你的作品可為朋友、家人以及網路上素未謀面的各地人們帶來歡樂。
不過,跟電腦的對話和跟朋友的對話大不相同。如果沒有確實編碼內容來正確傳達指令,電腦就不會如同預期地動作。當跨越這段令人著急的過程,看到自己的作品動起來的瞬間,那份感動肯定令你難以忘懷。
那麼,趕緊翻開這本漫畫、打開電腦,在程設設計的世界展開旅程吧。相信讀完本書後,你也有能力用電腦自由地創造作品。各位盡情享受吧。
給各位讀者的話
我以前是熱愛電玩的少年,幾乎每天都要打開遊戲主機或者父親的電腦來玩。然而,某天得知「遊戲可以自己動手做」後,我便開始嘗試遊戲的製作。雖然遊戲製作沒有繼續下去,但我現在從事使用電腦編輯網路程式的工作。
程式設計是,能與電腦、遊戲主機等「計算機」對話,非常有趣的體驗過程。透過對話(程式設計)下達各種指令,能讓電腦如同預期動作。然後,你的作品可為朋友、家人以及網路上素未謀面的各地人們帶來歡樂。
不過,跟電腦的對話和跟朋友的對話大不相同。如果沒有確實編碼內容來正確傳達指令,電腦就不會如同...
目錄
封面、摺頁 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
封面、摺頁 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
解說 用Scratc...