tft每日頭條

 > 科技

 > scratch1.4編程教程

scratch1.4編程教程

科技 更新时间:2024-12-22 10:48:20

又逢2月競賽月,一年一度的全國中小學生信息素養大賽又拉開了序幕,既然是信息素養大賽,必不可少的肯定有創意編程的項目,而小學組别參将創意編程的大多數孩子還是使用scratch作為編程軟件的。

而在文件中有這麼一個要求:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)1

軟件作品需編譯成可執行程序。

這個就比較微妙了,因為笨笨老師也有學生參加了創意編程比賽,以往比賽都是直接提交.sb3後綴名的scratch源文件就可以了,而今年家長反饋說學校老師一定要讓娃提交exe可執行文件。

然後家長問老師:自己隻有scratch源文件,不知道怎麼轉成exe可執行文件,然後老師也說不知道。

emmm。。。這個。。。好吧,看來隻能笨笨老師來發一下技術貼了,解決一下大家對于scratch3.0的.sb3類型源文件封裝轉化成exe可執行文件的方法了【PS:暫時找到的隻有封裝成exe可執行文件的,所以mac os系統的同學們别着急,針對mac電腦的方法笨笨老師也在研究中,封裝成功的話,笨笨老師會将封裝方法一起發出來,敬請期待】

笨笨老師也是搜尋了很多網上和其他途徑的方法,然後親身經曆,一個一個嘗試,最終總結歸納出來的比較完整的封裝流程。

首先我們需要這麼幾個工具來幫助我們進行封裝工作:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)2

htmlifier-offline.html

這個工具是用來将scratch3.0的.sb3類型源文件轉化成為html5類型文件的。

nwjs-v0.61.0-win-x64.zip

這個工具需要先解壓再使用,目的是為了程序封裝前的準備。

makesfx.exe

這個工具就是将之前解壓的nwjs-v0.61.0-win-x64.zip連同你的scratch3.0源程序直接封裝成為exe可執行文件的最後壓縮封裝的工具。

封裝完成之後,不再需要scratch軟件,直接打開封裝成功後的exe文件即可直接運行封裝的scratch3.0的程序。

因為這個功能可能很多老師和家長都有需求,所以就不設置回複獲取工具了,當然大家可以關注一下笨笨老師公衆号就再好不過了,哈哈哈哈,我直接将工具下載地址列出來,有需要的個人自行下載即可:

百度網盤:

鍊接:

https:///s/1ANnfCaobiJDdPn3usa7x_g

提取碼:7x8l

好,廢話不多說,接下來就是詳細的封裝操作說明:

第一步:

雙擊打開htmlifier-offline.html

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)3

然後我們就會看到這樣一個網頁:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)4

然後我們要做的操作是:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)5

實際效果是:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)6

經過上述操作得到:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)7

設置好了之後,将網頁往下拉,

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)8

點擊之後會顯示:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)9

浏覽器自動下載的文件,一般會自動保存在c盤的下載文件夾中,也就是這裡:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)10

自動生成和下載的文件名稱是:result.html

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)11

這裡是不是就有人問了,不對啊,之前我在上一個黑色的網頁裡操作過,是明确了改了名字的,怎麼這裡是這個名字?

先别急,接着看下去。

為了檢驗轉化的html5成不成功,我們雙擊打開這個result.html文件看一下:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)12

所以,沒有問題,名字也ok,程序也是直接在網頁上運行的。

接下來的步驟就比較關鍵了,請大家注意力集中了!~~

我們需要先把nwjs-v0.61.0-win-x64.zip給解壓縮了,我們會得到這麼一個文件夾:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)13

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)14

接下來的步驟會比較麻煩,請仔細學習,

我們需要先新建立一個文本文檔:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)15

然後将它改名為:package.txt,我們就會得到:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)16

然後打開package.txt,将以下内容全部複制到打開的package.txt文檔中并保存文件:

{

"name": "result",

"main": "result.html"

}

如圖:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)17

是不是覺得result.html看起來很眼熟?

沒錯了,這個就是我們轉化出來的html5的那個文件了!對,就是它!~【其實這裡是可以進行名字修改的,但是為了最簡單化操作,建議不修改會更方便】

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)18

接下來我們要做的一步就是将剛剛輸入并保存好内容的txt文件轉化成為json類型文件,做法也很簡單,右鍵剛剛的package.txt,然後選擇重命名,将文件名package.txt中的txt改成json,我們就得到了一個package.json文件,如圖所示:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)19

然後的操作就比較簡單了,請将剛剛改好名字的package.json和之前得到的result.html文件放到nwjs-v0.61.0-win-x64文件夾中,

【當然:如果覺得這一步麻煩的朋友,笨笨老師已經在給的資料文件中為大家準備好了package.json文件了,隻需要下載笨笨老師提供的文件,然後直接将package.json和之前得到的result.html文件放到nwjs-v0.61.0-win-x64文件夾中就可以啦】

如圖所示:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)20

接下來也就是最簡單和最令人感興趣的封裝收尾的一步了。

請打開我們的makesfx.exe工具

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)21

我們會看到:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)22

然後請注意:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)23

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)24

當然這個文件夾的位置就看大家放在哪兒了,請自行查找。

選擇正确的源文件之後,我們得到:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)25

然後我們點擊這個:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)26

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)27

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)28

接着我們需要點擊:

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)29

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)30

接下來就是最後一步了!~!~!~

請點擊:最右下角的Make SFX按鈕

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)31

然後你會看到~~~

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)32

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)33

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)34

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)35

ok,在彈出成功對話框後,選擇确定按鈕,然後我們就得到了已經封裝成功的可執行文件啦!~

它長這個樣子~~~!

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)36

然後我們雙擊它運行看看!!

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)37

顯示一個運行進度條,等進度條讀完,我們的程序就正式運行了!

scratch1.4編程教程(Scratch3.0文件封裝成exe可執行文件)38

程序名稱和全屏放大按鈕全部都在,并且舞台效果,聲音,動态互動,觸發等功能全部正常!~完美!~!~撒花 !~~~

【PS:不過以上封裝僅限于使用scratch3.0原生程序模塊的編程,如果有加載其他功能的智能組件庫的,以上封裝方法就不能成功封裝了,請大家注意哦~~】

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关科技资讯推荐

热门科技资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved