1. 程式人生 > >十分鐘學會Scratch圖形化程式設計

十分鐘學會Scratch圖形化程式設計

一、概要

Scratch是麻省理工學院開發的供兒童或者初學者學習程式設計的開發平臺。其通過點選並拖拽的方式,完成程式設計,可以使兒童或者成人程式設計初學者學習程式設計基礎概念等。Scratch是一款積木式圖形程式設計軟體。

授權協議:GPLv2 開發語言:C/C++ 官網地址:https://scratch.mit.edu/ 支援系統:Windows、macOS 10.13+、ChromeOS、Android 6.0+(平板)

使用 Scratch,你可以編寫屬於你的互動媒體,像是故事、遊戲、動畫,然後你可以將你的創意分享給全世界。

Scratch 幫助年輕人更具創造力、邏輯力、協作力。 

Scratch是MIT媒體實驗室終生幼兒園小組開發的一個免費專案。

Scratch 已翻譯成60種以上的語言,在超過 150 個國家被使用。

二、開發環境

 截止到2021年已有1.4版、2.0版本(增加克隆積木,視訊偵測,Lego拓展積木)、3.0版本(增加文字朗讀、翻譯和Makey makey等選擇性下載擴充套件積木,並增加micro:bit和Lego mindstorms EV3拓展積木)

scratch 1.4、scratch 2.0、Scratch 3.0軟體分別是用Smalltalk、flash、html5開發的。

2.1、線上開始

 開啟官網,點選“開始創作”,也可以直接點選:https://scratch.mit.edu/projects/editor/

 

 初始化完成後就可以線上開發了,介面與離線版類似

2.2、PC開發

 該工具支援Windows、Mac OS、Chrome OS作業系統,最新版本對作業系統的要求如下:

  • Windows 10+
  • macOS 10.13+
  • ChromeOS
  • Android 6.0+

測試發現Windows 7下也可以安裝3.0版本(Scratch 3.20.1 Setup.exe)

最新版下載地址:https://scratch.mit.edu/download

網盤下載地址:https://pan.baidu.com/s/1Lu4TCueEFsxn6_0ZGepa-w

提取碼:0e54

3.3、平板開發

目前的 Scratch Android 版本只支援平板電腦,不可以在手機中開發。

應用商店地址:https://play.google.com/store/apps/details?id=org.scratch

 網盤下載

三、Scratch基礎

 安裝好軟體後就可以直接運行了

 點選“控制”中選擇“重複執行”,拖到“指令碼”視窗

 根據積木的顏色拼出如下的指令碼

 點選“全屏”預覽效果

效果如下:

積木、指令碼與角色是Scratch的主要組成。

 

每個角色擁有自己的指令碼、造型、聲音,舞臺擁有指令碼、背景、聲音

 

四、釋出專案

  1. https://sheeptester.github.io/words-go-here/scratch3-htmlifier/  網站Upload project上傳本地sb3檔案,或者先把本地sb3檔案上傳到mit scratch社群上,得到一個專案號Project ID。選擇HTMLify without minification(recommended)如下圖所示,完成後會下載得到檔案ball.html。

     資訊填寫好後可以下載html檔案到本地

  2.  https://nwjs.io/ 下載穩定版壓縮包, 目前版本nwjs-v0.39.3-win-x64.zip. 解壓後,把之前下載的ball.html移動到這個解壓後的目錄。並在該目錄下建立一個icon.png圖示檔案,以及配置檔案package.json檔案,其json內容示例:專案名字,主程式檔案,圖示。
    {
    "name": "ball",
    "main": "ball.html",
    "icons": { "128": "cake.ico"}
    }

    雙擊執行nw.exe,就可以開啟sb3轉換成的exe可執行檔案了

  3. http://revocue.cz/en/make-sfx/index.php 下載makesfx.exe,可以把nw.exe所在目錄所有的檔案製作成一個exe檔案,可以定製檔名和圖示。
  4.  

五、開發小遊戲

 

這個遊戲就是我們移動擋板,使小球來回彈動不落地。

下圖就是我們的遊戲介面。

 

第一步:背景

怎樣才能檢測小球落地呢,我們在舞臺底部做個標記,畫一道其他顏色的矩形區域,使用這塊積木偵測顏色,然後判定是否落地。

第一步:擋板與小球

首先把小貓角色刪除掉。

擋板--繪製一個新角色,在中心位置繪製一個圖上類似的矩形就可以,一定要在中心位置,也可以試一下不再中心位置繪製是什麼樣。可以填充你自己喜歡的顏色。

擋板的積木,首先移動到中心靠下的位置,重複執行為隨滑鼠的X座標移動。

小球--從角色庫中選一個球類的角色。

首先,移動到中心頂部的位置,設定一個大致的方向(還可以設定其他方向嗎?自己試一下)。

然後按照方向移動,要加上“碰到邊緣就反彈”,不然跑走回不來了。

在加上判定,碰到擋板,隨機方向(可以設定其他數值嗎?)反彈;落地,停止指令碼。

 

 

 

 

 

加上聲音效果是不是更好呢。

六、學習資料

連結:https://pan.baidu.com/s/1u22hgtY1ZZlKHm4S9DHbag 

提取碼:2670 

網盤下載地址:https://pan.baidu.com/s/1Lu4TCueEFsxn6_0ZGepa-w

提取碼:0e54

七、視訊

 Scratch教學視訊

&nb