返回

提供微商城·微分销·小程序开店需求

5分钟开通你的微信商城店铺!
HiShop > Hi小程序 > 小程序热点 >

2018年微信小程序小游戏开发入门大全(附实例)

2020-09-27 作者:黄先生

  小程序小游戏很火,现在开发小程序游戏成为一个热门的行业,下面来开始进入小程序小游戏开发基础快速入门课程。
  安装开发工具

  前往 开发者工具下载页面 ,根据自己的操作系统下载对应的安装包进行安装。

微信小游戏开发相关文章:

微信小游戏接口开发文档

  你的第一个小游戏

  新建项目选择小程序项目,选择代码存放的硬盘路径。 目前小游戏不提供公开注册,可点击体验小游戏使用无 AppID 模式。 给你的项目起一个好听的名字,最后,勾选“建立游戏快速启动模板”(注意:你要选择一个空的目录才会有这个选项),点击确定,你就得到了你的第一个小游戏了。

  点击顶部菜单编译就可以在 IDE 预览你的第一个小游戏。

  真机预览

2018年微信小程序小游戏开发入门大全(附实例)

  点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小游戏的表现。点击预览按钮,通过微信的扫一扫在手机上体验你的第一个小游戏。

  文件结构

  小游戏只有以下两个必要文件:

  ├── game.js

  └── game.json

  game.js 小游戏入口文件

  game.json 配置文件

  配置

  小游戏开发者通过在根目录编写一个 game.json 文件进行配置,开发者工具和客户端需要读取这个配置,完成相关界面渲染和属性设置。

  deviceOrientation支持的屏幕方向

  showStatusBar是否显示状态栏

  networkTimeout网络请求的超时时间,单位:毫秒

  networkTimeout.requestwx.request 的超时时间,单位:毫秒

  networkTimeout.connectSocketwx.connectSocket 的超时时间,单位:毫秒

  networkTimeout.uploadFilewx.uploadFile 的超时时间,单位:毫秒

  networkTimeout.downloadFilewx.downloadFile 的超时时间,单位:毫秒

  workers多线程 Worker 配置项,详细请参考 Worker文档
2018年微信小程序小游戏开发入门大全(附实例)

deviceOrientation

  值说明

  portrait竖屏

  landscape横屏

示例配置

{
    "deviceOrientation": "portrait",
    "networkTimeout": {
        "request": 5000,
        "connectSocket": 5000,
        "uploadFile": 5000,
        "downloadFile": 5000
    }
}

HiShop小程序工具提供多类型商城/门店小程序制作,可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面,所看即所得,只需要美工就能做出精美商城。了解更多小程序商城个性化定制,请查看小程序商城申请

推荐文章

微分销 产品资料 领取开店礼包 免费体验
门店管理 裂变获客 商城开发 免费注册