很多同學希望把自己開發的scratch遊戲分享給小夥伴,一起快樂地玩耍。當然,分享的手段很多,下面極客君給大家介紹一種將scratch遊戲打包成APP的方法。
使用工具
- htmlifier
- phonegap
具體步驟
一、將scratch文件打包成html文件
我們要做的第一步就是將scratch3.0生成的.sb3文件打包成html文件。這裏可以使用HTMLifier在線打包,或者使用它的離線版工具。
打開HTMLifier後,只需3步就可以將.sb3文件打包成html
1. 上傳項目文件
2. 更新項目名稱和用戶名
3. HTMLify打包
二、添加PhoneGap配置和APP圖標
1. 將打包好的html單獨放到一個文件夾,並將其命名爲index.html。添加PhoneGap的配置文件config.xml和一個APP圖標。
2. 編輯confg.xml,將以下代碼複製進去並保存:
<?xml version="1.0" encoding="UTF-8" ?>
<!--修改id-->
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "cn.yogeek.flappybird"
versionCode = "10"
version = "1.0.0" >
<!--APP的名稱-->
<name>像素鳥@極客少年</name>
<!--APP的描述-->
<description>
像素鳥@極客少年
</description>
<!--APP的作者-->
<author href="https://edu.yogeek.cn" email="[email protected]">
極客少年
</author>
<!--APP的圖片-->
<icon src='ico.png' />
</widget>
3. 最後將上述文件所在的文件夾壓縮爲一個zip文件。
三、使用PhoneGap構建APP
登錄PhoneGap網站,如果沒有賬號的話,需要註冊一個。
在“Your apps”欄中點擊“+ new app”。
在新出現的欄目中選擇“private”,然後點擊“Upload a .zip file”,將剛剛壓縮好的文件上傳。
上傳成功後,在新欄目中選擇“Ready to build"。
這樣,Android和WinPhone的APP就構建好了。由於蘋果APP在打包時需要提供“簽名”,所以構建時會出錯。
最後根據自己手機選擇對應的APP下載,或者掃描二維碼下載安裝。請小夥伴們盡情享用吧。
注意事項
上述步驟是在PhoneGap中創建了一個私有項目,而一個PhoneGap賬號只能保留一個私有項目,所以下次構建時,需要將已存在的私有項目刪除掉。
如果你想進行版本跟蹤的話,建議將源文件託管到github或者其它git倉庫,以開源項目的方式進行構建。
廣而告之
歡迎來到極客少年,我是極客君,優質編程教育領域創作者。如果您對青少年編程教育感興趣的話,請關注我們的公衆號,極客青少年編程。