ionic目录结构分析
hooks:
便宜cordova时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中。
node_modules:
node各类依赖包
resources:
android/ios资源(更换图标和启动动画)
undefined
ionic=Cordova+Angular+ionic CSS
是一款完全基于谷歌angular框架,在angular基础上面做了一些封装,让我们可以更快速和容易地 开发移动的项目。ionic调用原生的功能是基于Cordova,Cordova提供了使用Java script调用Native功能,ionic自己也封装了一套漂亮的CSS UI库。
1、webstorm 2、visual studio code 下载地址: https://code.visualstudio.com/
1、下载微信开发者工具
2、在Creator偏好中设置微信开发者工具路径
3、登录微信公众平台,找到appid
4、在构建面板中设置项目名和appid
5、构建发布
6、点击play打开微信开发者工具
7、预览部署
因为小游戏是一次性加载所有的资源,不是按需加载,所以小游戏的包体大小越小,用户体验越好。
推荐方法:代码库全部放在小游戏包体里面,远程资源放在服务器上。只需设置远程资源路径,就会自动寻找是否有远程资源,有远程资源就会自动下载,然后放在本地跟代码库一起运行。
包括两部分:
该用户好友的用户数据
该用户所在的某个群的群成员的用户数据。
获取关系链数据的API:
wx.getFriendCloudStorage()获取当前用户也玩该小游戏的好友的用户数据
wx.getGroupCloudStorage() 获取当前用户在某个群中也玩该小游戏的成员的用户数据
API返回的结果为一个对象数组,数组的每一个元素都是一个表示用户数据的对象。
属性 | 类型 | 说明 |
---|---|---|
openId | string | 用户的openId |
avatarUrI | string | 用户的微信头像url |
nickName | string | 用户的微信昵称 |
data | Object | 用户的游戏数据 |
因为小游戏的运行环境在IOS上是javaScriptCore,在安卓上是V8,都没有BOM和DOM的运行环境,没有全局的document和window对象。因此如果直接用DOM API来创建Canvas和Image等元素的时候,会引发错误。
1 | var canvas=document.createElement('canvas') //出现错误 |
但是我们可以使用wx.createCanvas和wx.createImage来封装一个document。
1 | var document={ |
封装了上面的函数之后,我们就可以直接创建元素Canvas和Image了。
1 | var canvas=document.createElement('canvas') |
同样,如果想实现 new Image() 的方式创建 Image 对象,只须添加如下代码。
1 | function Image () { |
原因:因为小游戏的宿主环境根本没有提供document和window这两个在浏览器中内置的全局变量,而H5游戏基本上大量地使用到这些DOM和BOM API 。Adapter即在引擎和游戏逻辑代码之间加一层模拟 BOM 和 DOM API 的适配层,我们称之为 Adapter。这层适配层在全局通过 wx API 模拟了引擎会访问到的那部分 window 和 document 对象的属性和方法,使引擎感受不到环境的差异。