微信小游戏

清疚 2022-05-29 01:24 192阅读 0赞

小游戏地址[https://mp.weixin.qq.com/debug/wxagame/dev/index.html?t=201832][https_mp.weixin.qq.com_debug_wxagame_dev_index.html_t_201832]  
文件结构  
小游戏只有以下两个必要文件：

> ├── game.js  
> └── game.json  
> game.js 小游戏入口文件  
> game.json 配置文件

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

<table> 
 <thead> 
  <tr> 
   <th>key</th> 
   <th>数据类型</th> 
   <th>说明</th> 
   <th>默认值</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>deviceOrientation</td> 
   <td>String</td> 
   <td>支持的屏幕方向</td> 
   <td>portrait</td> 
  </tr> 
  <tr> 
   <td>showStatusBar</td> 
   <td>Boolean</td> 
   <td>是否显示状态栏</td> 
   <td>false</td> 
  </tr> 
  <tr> 
   <td>networkTimeout</td> 
   <td>Number</td> 
   <td>网络请求的超时时间，单位：毫秒</td> 
   <td>60000</td> 
  </tr> 
  <tr> 
   <td>networkTimeout.request</td> 
   <td>Number</td> 
   <td>wx.request 的超时时间，单位：毫秒</td> 
   <td>60000</td> 
  </tr> 
  <tr> 
   <td>networkTimeout.connectSocket</td> 
   <td>Number</td> 
   <td>wx.connectSocket 的超时时间，单位：毫秒</td> 
   <td>60000</td> 
  </tr> 
  <tr> 
   <td>networkTimeout.uploadFile</td> 
   <td>Number</td> 
   <td>wx.uploadFile 的超时时间，单位：毫秒</td> 
   <td>60000</td> 
  </tr> 
  <tr> 
   <td>networkTimeout.downloadFile</td> 
   <td>Number</td> 
   <td>wx.downloadFile 的超时时间，单位：毫秒</td> 
   <td>60000</td> 
  </tr> 
  <tr> 
   <td>workers</td> 
   <td>String</td> 
   <td>多线程 Worker 配置项，详细请参考 Worker文档</td> 
   <td>无</td> 
  </tr> 
 </tbody> 
</table>

deviceOrientation

<table> 
 <thead> 
  <tr> 
   <th>值</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>portrait</td> 
   <td>竖屏</td> 
  </tr> 
  <tr> 
   <td>landscape</td> 
   <td>横屏</td> 
  </tr> 
 </tbody> 
</table>

示例配置

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

wx API  
你只能使用 JavaScript 来编写小游戏。小游戏的运行环境是一个 绑定了一些方法的 JavaScript VM。不同于浏览器，这个运行环境没有 BOM 和 DOM API，只有 wx API。接下来我们将介绍如何用 wx API 来完成创建画布、绘制图形、显示图片以及响应用户交互等基础功能。

[https_mp.weixin.qq.com_debug_wxagame_dev_index.html_t_201832]: https://mp.weixin.qq.com/debug/wxagame/dev/index.html?t=201832