整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          「技術(shù)項(xiàng)」Scratch3.0文件封裝成exe可執(zhí)行

          「技術(shù)項(xiàng)」Scratch3.0文件封裝成exe可執(zhí)行文件

          逢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)來提升編程技能和邏輯思維。


          主站蜘蛛池模板: 日韩精品人妻一区二区三区四区| 国产精品伦一区二区三级视频| 国产a∨精品一区二区三区不卡| 午夜精品一区二区三区在线视 | 成人国产精品一区二区网站公司| 精品国产日韩亚洲一区91| 国产在线步兵一区二区三区| 久久国产精品免费一区| 亚洲一区二区三区91| 精品一区二区三区水蜜桃| 亚洲乱色熟女一区二区三区丝袜| 亚洲国产一区在线观看| 亚洲av区一区二区三| 伊人久久一区二区三区无码| 国产主播一区二区三区| 亚洲一区中文字幕在线电影网| 无码日韩AV一区二区三区| 无码少妇一区二区| 一本岛一区在线观看不卡| 国产91大片精品一区在线观看| 一区二区三区视频网站| 国产一区二区在线观看| 污污内射在线观看一区二区少妇 | 一区二区精品久久| 亚洲日韩AV无码一区二区三区人| 国产在线精品一区二区高清不卡| 国模精品视频一区二区三区| 无码人妻精品一区二区三区东京热| 日韩精品人妻av一区二区三区| 精品女同一区二区三区免费站| 久久久久人妻一区精品果冻| 无码视频免费一区二三区| 亚洲熟妇av一区二区三区下载| 国产成人精品无人区一区| 精品一区二区三区在线视频观看 | 大伊香蕉精品一区视频在线| 国产精品一区电影| 国产精品久久无码一区二区三区网| 亚洲AV综合色区无码一区| 国产亚洲一区二区精品| 人妻少妇AV无码一区二区|