很多同学希望把自己开发的scratch游戏分享给小伙伴,一起快乐地玩耍。当然,分享的手段很多,下面极客君给大家介绍一种将scratch游戏打包成APP的方法。

使用工具

  1. htmlifier
  2. 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="50599476@qq.com">极客少年</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仓库,以开源项目的方式进行构建。

后续补充

有同学反应打包之后的APP运行提示“此应用专为旧版安卓打造”,这是因为config.xml没有指定Android构建时使用的SDK版本。具体修改如下:

<?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="50599476@qq.com">极客少年</author>
<!--APP的图片--><icon src='ico.png' /><platform name="android"><!--指定构建时使用的SDK版本, 28 即 android 9.0 --><preference name="android-targetSdkVersion" value="28" /></platform></widget>

广而告之

欢迎来到极客少年,我是极客君,优质编程教育领域创作者。如果您对青少年编程教育感兴趣的话,请关注我们的公众号,极客青少年编程。

如何将scratch游戏打包成APP相关推荐

  1. h5 nan_手把手教你将H5游戏打包成快游戏

    H5游戏可以通过快应用的web组件快速打包成快游戏,打包上架后的快游戏,只要原H5游戏的url不发生变动,快游戏就不需要做更新,维护工作量小. 使用快应用IDE,打包快游戏的操作很简单. 访问官网安装 ...

  2. 王者荣耀战力查询小程序源码下载-支持安卓ios微信和QQ战力查询支持打包成APP

    王者荣耀战力查询小程序源码下载-支持安卓ios微信和QQ战力查询支持打包成APP 该源码没有后台的也无需后台的,所以也就没有什么服务器和域名的烦恼和费用了 使用方法用HBuilder X软件打开文件然 ...

  3. css3 移动端video视频全屏,横屏展示,适配微信/打包成app

    参考链接: 全屏旋转 https://blog.csdn.net/nidunlove/article/details/51944527 ios进度条滑动方向判断 https://www.cnblogs ...

  4. 网址打包(详细图文教程!) 使用HBuilder将网址打包成app

    使用HBuilder将网址打包成app 使用工具:HBuilder 附上链接:https://www.dcloud.io/hbuilderx.html 教程目的:将封装好的项目网址打包成一个app,即 ...

  5. github上开源iot物联网云平台thingsboard项目,将前段打包成app的方法研究

    此框架已实现前后端分离,可以直接把前段编译后,打包成app来使用,支持android 和ios. 不是打web的url,这样访问很慢,要下载的资源很多. 是把前段的js,css,html等资源放在ap ...

  6. H5打包成app源码

    H5打包成app源码 H5如何打包成app,这个不难,只要在源码里修改一下地址就可以了. 修改MainActivity文件的url更换网址 //加载的网页 private String url =&q ...

  7. H5项目如何打包成APP

    开发uni-app的编辑器HBuilderX可以将H5项目打包成APP,相信很多小伙伴还不知道这个功能.下面将介绍下如何将H5打包成APP. HBuilderX下载链接:https://www.dcl ...

  8. 将Html网页或者是Aue项目打包成App

    把前端的网页打包成App 一. 前言 ​ 首先,在学前端的时候,我们接触到了Html,css,js,你只需要有这些,即可打包成一个App,当然肯定需要一些打包的软件,然后你如果学习到了Vue框架,用脚 ...

  9. cordova 把网页打包成app

    cordova 把网页打包成app 准备: 一:安装cordova 二:配置java环境 三:安装ADT 以下命令都是在控制台操作,依赖上面的三个环境 1.cordova create 文件夹- 包名 ...

  10. javaSE编写的小游戏打包成可执行文件

    javaSE编写的小游戏打包成可执行jar文件 以前学javaSE的时候做了两个小游戏 "坦克大战"与"飞扬的小鸟",今天翻阅以前代码的时候想将源码打包成可执行 ...

最新文章

  1. 有关SQL server connection Keep Alive 的FAQ(3)
  2. cursor_sharing用法
  3. 拼多多谋定500个供应链品牌 农民丰收节交易会“拼农货”
  4. 使用浏览器cookie
  5. CCF——图像旋转201503-1
  6. java实现对文件加解密操作
  7. 【Flink】Flink 使用 ParameterTool 进行传参
  8. java中怎么实现大小写转换(利用阿斯克码)
  9. 金融发展在经济结构调整中的重要作用
  10. 服务器双网卡连接内外网配置
  11. 软件安全性与软件可靠性
  12. VBS让室友成为你儿子
  13. 免费网店系统下载地址
  14. ChunJun 1.16 Release版本即将发布,bug 捉虫活动邀您参与!
  15. 文本分类实战--从TFIDF到深度学习(附代码)
  16. 电商运营基本常识你都知道哪些?
  17. python add argument list_python argh/argparse:我如何传递一个列表作为命令行参数?
  18. 从51开始的单片机之旅(一)----流水灯、矩形键盘、电子时钟
  19. R语言学习笔记初级阶段
  20. java 给图片添加暗水印_Java实现给图片添加水印

热门文章

  1. 【Java -- 设计模式】UML 统一建模语言
  2. MPU9250调试笔记(融合磁力计计算Yaw)
  3. 荣耀路由器外界硬盘与win10
  4. 用dataX向PolarDB中导数据时,出现脏数据问题怎么解决
  5. SSM框架运行原理以及流程
  6. NS3:FlowMonitor设计讲解
  7. 传输线模型及方程推导
  8. 2022年给正在创作的程序员的实用工具
  9. 「软件」南方CASS9.1软件下载及安装注册教程
  10. HTML5期末大作业:旅游网站设计——桂林旅游(3页) HTML+CSS+JavaScrip