逢2月競(jìng)賽月,一年一度的全國中小學(xué)生信息素養(yǎng)大賽又拉開了序幕,既然是信息素養(yǎng)大賽,必不可少的肯定有創(chuàng)意編程的項(xiàng)目,而小學(xué)組別參將創(chuàng)意編程的大多數(shù)孩子還是使用scratch作為編程軟件的。
而在文件中有這么一個(gè)要求:
軟件作品需編譯成可執(zhí)行程序。
這個(gè)就比較微妙了,因?yàn)楸勘坷蠋熞灿袑W(xué)生參加了創(chuàng)意編程比賽,以往比賽都是直接提交.sb3后綴名的scratch源文件就可以了,而今年家長(zhǎng)反饋說學(xué)校老師一定要讓娃提交exe可執(zhí)行文件。
然后家長(zhǎng)問老師:自己只有scratch源文件,不知道怎么轉(zhuǎn)成exe可執(zhí)行文件,然后老師也說不知道。
emmm。。。這個(gè)。。。好吧,看來只能笨笨老師來發(fā)一下技術(shù)貼了,解決一下大家對(duì)于scratch3.0的.sb3類型源文件封裝轉(zhuǎn)化成exe可執(zhí)行文件的方法了【PS:暫時(shí)找到的只有封裝成exe可執(zhí)行文件的,所以mac os系統(tǒng)的同學(xué)們別著急,針對(duì)mac電腦的方法笨笨老師也在研究中,封裝成功的話,笨笨老師會(huì)將封裝方法一起發(fā)出來,敬請(qǐng)期待】
笨笨老師也是搜尋了很多網(wǎng)上和其他途徑的方法,然后親身經(jīng)歷,一個(gè)一個(gè)嘗試,最終總結(jié)歸納出來的比較完整的封裝流程。
首先我們需要這么幾個(gè)工具來幫助我們進(jìn)行封裝工作:
htmlifier-offline.html
這個(gè)工具是用來將scratch3.0的.sb3類型源文件轉(zhuǎn)化成為html5類型文件的。
nwjs-v0.61.0-win-x64.zip
這個(gè)工具需要先解壓再使用,目的是為了程序封裝前的準(zhǔn)備。
makesfx.exe
這個(gè)工具就是將之前解壓的nwjs-v0.61.0-win-x64.zip連同你的scratch3.0源程序直接封裝成為exe可執(zhí)行文件的最后壓縮封裝的工具。
封裝完成之后,不再需要scratch軟件,直接打開封裝成功后的exe文件即可直接運(yùn)行封裝的scratch3.0的程序。
因?yàn)檫@個(gè)功能可能很多老師和家長(zhǎng)都有需求,所以就不設(shè)置回復(fù)獲取工具了,當(dāng)然大家可以關(guān)注一下笨笨老師公眾號(hào)就再好不過了,哈哈哈哈,我直接將工具下載地址列出來,有需要的個(gè)人自行下載即可:
百度網(wǎng)盤:
鏈接:
https://pan.baidu.com/s/1ANnfCaobiJDdPn3usa7x_g
提取碼:7x8l
好,廢話不多說,接下來就是詳細(xì)的封裝操作說明:
第一步:
雙擊打開htmlifier-offline.html
然后我們就會(huì)看到這樣一個(gè)網(wǎng)頁:
然后我們要做的操作是:
實(shí)際效果是:
經(jīng)過上述操作得到:
設(shè)置好了之后,將網(wǎng)頁往下拉,
點(diǎn)擊之后會(huì)顯示:
瀏覽器自動(dòng)下載的文件,一般會(huì)自動(dòng)保存在c盤的下載文件夾中,也就是這里:
自動(dòng)生成和下載的文件名稱是:result.html
這里是不是就有人問了,不對(duì)啊,之前我在上一個(gè)黑色的網(wǎng)頁里操作過,是明確了改了名字的,怎么這里是這個(gè)名字?
先別急,接著看下去。
為了檢驗(yàn)轉(zhuǎn)化的html5成不成功,我們雙擊打開這個(gè)result.html文件看一下:
所以,沒有問題,名字也ok,程序也是直接在網(wǎng)頁上運(yùn)行的。
接下來的步驟就比較關(guān)鍵了,請(qǐng)大家注意力集中了!~~
我們需要先把nwjs-v0.61.0-win-x64.zip給解壓縮了,我們會(huì)得到這么一個(gè)文件夾:
接下來的步驟會(huì)比較麻煩,請(qǐng)仔細(xì)學(xué)習(xí),
我們需要先新建立一個(gè)文本文檔:
然后將它改名為:package.txt,我們就會(huì)得到:
然后打開package.txt,將以下內(nèi)容全部復(fù)制到打開的package.txt文檔中并保存文件:
{
"name": "result",
"main": "result.html"
}
如圖:
是不是覺得result.html看起來很眼熟?
沒錯(cuò)了,這個(gè)就是我們轉(zhuǎn)化出來的html5的那個(gè)文件了!對(duì),就是它!~【其實(shí)這里是可以進(jìn)行名字修改的,但是為了最簡(jiǎn)單化操作,建議不修改會(huì)更方便】
接下來我們要做的一步就是將剛剛輸入并保存好內(nèi)容的txt文件轉(zhuǎn)化成為json類型文件,做法也很簡(jiǎn)單,右鍵剛剛的package.txt,然后選擇重命名,將文件名package.txt中的txt改成json,我們就得到了一個(gè)package.json文件,如圖所示:
然后的操作就比較簡(jiǎn)單了,請(qǐng)將剛剛改好名字的package.json和之前得到的result.html文件放到nwjs-v0.61.0-win-x64文件夾中,
【當(dāng)然:如果覺得這一步麻煩的朋友,笨笨老師已經(jīng)在給的資料文件中為大家準(zhǔn)備好了package.json文件了,只需要下載笨笨老師提供的文件,然后直接將package.json和之前得到的result.html文件放到nwjs-v0.61.0-win-x64文件夾中就可以啦】
如圖所示:
接下來也就是最簡(jiǎn)單和最令人感興趣的封裝收尾的一步了。
請(qǐng)打開我們的makesfx.exe工具
我們會(huì)看到:
然后請(qǐng)注意:
當(dāng)然這個(gè)文件夾的位置就看大家放在哪兒了,請(qǐng)自行查找。
選擇正確的源文件之后,我們得到:
然后我們點(diǎn)擊這個(gè):
接著我們需要點(diǎn)擊:
接下來就是最后一步了!~!~!~
請(qǐng)點(diǎn)擊:最右下角的Make SFX按鈕
然后你會(huì)看到~~~
ok,在彈出成功對(duì)話框后,選擇確定按鈕,然后我們就得到了已經(jīng)封裝成功的可執(zhí)行文件啦!~
它長(zhǎng)這個(gè)樣子~~~!
然后我們雙擊它運(yùn)行看看!!
顯示一個(gè)運(yùn)行進(jìn)度條,等進(jìn)度條讀完,我們的程序就正式運(yùn)行了!
程序名稱和全屏放大按鈕全部都在,并且舞臺(tái)效果,聲音,動(dòng)態(tài)互動(dòng),觸發(fā)等功能全部正常!~完美!~!~撒花 !~~~
【PS:不過以上封裝僅限于使用scratch3.0原生程序模塊的編程,如果有加載其他功能的智能組件庫的,以上封裝方法就不能成功封裝了,請(qǐng)大家注意哦~~】
ratch 3 保存的文件后綴名是sb3。以前的老版本sb文件可以被轉(zhuǎn)為exe或者flash。但是scratch 3版本比較新,所以這里來講講如何轉(zhuǎn)換sb3文件為exe可執(zhí)行文件。比如下面的scratch程序想轉(zhuǎn)成exe游戲程序。
1. https://sheeptester.github.io/words-go-here/scratch3-htmlifier/ 網(wǎng)站Upload project上傳本地sb3文件,或者先把本地sb3文件上傳到mit scratch社區(qū)上,得到一個(gè)項(xiàng)目號(hào)Project ID。選擇HTMLify without minification(recommended)如下圖所示,完成后會(huì)下載得到文件project.html。
2. https://nwjs.io/ 下載穩(wěn)定版壓縮包,
目前版本nwjs-v0.39.3-win-x64.zip. 解壓后,把之前下載的project.html移動(dòng)到這個(gè)解壓后的目錄。并在該目錄下建立一個(gè)icon.png圖標(biāo)文件,以及配置文件package.json文件,其json內(nèi)容示例:項(xiàng)目名字,主程序文件,圖標(biāo)。
{
"name": "CrazyBall",
"main": "project.html",
"icons": { "16": "icon.png"}
}
雙擊運(yùn)行nw.exe,就可以打開sb3轉(zhuǎn)換成的exe可執(zhí)行文件了。
3. http://revocue.cz/en/make-sfx/index.php 下載makesfx.exe,可以把nw.exe所在目錄所有的文件制作成一個(gè)exe文件,可以定制文件名和圖標(biāo)。
著科技的快速發(fā)展,越來越多的人認(rèn)識(shí)到編程對(duì)于孩子未來發(fā)展的重要性。今天,我將向大家介紹五個(gè)適合少兒編程學(xué)習(xí)的常用網(wǎng)站,幫助孩子們開啟編程之旅。
1. ScratchJr(推薦指數(shù):*)
適宜年齡:7-12歲
官網(wǎng)網(wǎng)址:https://www.scratchjr.org/en-us/home.html
ScratchJr是針對(duì)7-12歲兒童設(shè)計(jì)的圖形化編程應(yīng)用。也是一款故事內(nèi)容類的編程小游戲,比如按下綠色旗子就可以開始執(zhí)行,舞臺(tái)中可以有許多自己設(shè)計(jì)的不同的角色,可以自己給角色錄音,也可以拍照導(dǎo)入角色等,孩子們可以使用拖拽式積木塊進(jìn)行簡(jiǎn)單的編程,培養(yǎng)邏輯思維能力、創(chuàng)造力以及團(tuán)隊(duì)協(xié)作精神。
2. Code.org(推薦指數(shù):*)
適宜年齡:3-18歲
官網(wǎng)網(wǎng)址:https://code.org/
Code.org是一個(gè)非盈利性組織,提供免費(fèi)的在線編程課程,適合3-18歲的孩子學(xué)習(xí)。課程內(nèi)容包括基礎(chǔ)編程、算法、游戲設(shè)計(jì)等,還提供豐富的互動(dòng)活動(dòng),讓孩子們?cè)谳p松愉快的氛圍中學(xué)習(xí)編程。
3. CodeCombat(推薦指數(shù):****)
適宜年齡:8-16歲
官網(wǎng)網(wǎng)址:https://codecombat.com/
CodeCombat是一款以游戲?yàn)橹鞯木幊虒W(xué)習(xí)平臺(tái),孩子們可以通過玩游戲的方式學(xué)習(xí)編程。游戲情節(jié)豐富有趣,難度適中,激發(fā)孩子們對(duì)編程的興趣。
4. Kodable(推薦指數(shù):****)
適宜年齡:5-12歲
官網(wǎng)網(wǎng)址:https://kodable.com/splash-page
Kodable是一款專門為5-12歲兒童設(shè)計(jì)的編程課程,采用基于項(xiàng)目的編程學(xué)習(xí)方法,幫助孩子們掌握基礎(chǔ)編程技能。課程內(nèi)容包括編程基礎(chǔ)、游戲設(shè)計(jì)、動(dòng)畫制作等,富有趣味性。
5. Tynker(推薦指數(shù):****)
適宜年齡:4-16歲
官網(wǎng)網(wǎng)址:https://www.tynker.com/home
Tynker是一個(gè)結(jié)合了編程和游戲化學(xué)習(xí)的平臺(tái),提供有趣的編程課程,讓孩子們?cè)谕嫠5耐瑫r(shí)學(xué)習(xí)編程。Tynker的課程都是自我引導(dǎo)式,孩子們可以通過完成有趣的編程挑戰(zhàn)來提升編程技能和邏輯思維。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。