怎么做H5微信小游戏？需要学习或准备些什么？

H5游戏是H5很重要的一种场景类型，也可以说H5这个词蹦到大众眼前就是因为《围住神经猫》这个H5游戏爆火刷屏。

从2014到2020年，我们也看到了很多好玩的H5小游戏，不过这些H5小游戏都能看到其他app上的影子，主要还是因为H5游戏主要用来营销宣传，目前能制作平台也比较多，但专业度不同，这里较低的灵活性和简易的游戏创建就不多介绍了。

意派Epub360-专业的H5页面制作工具

意派 Epub360 属于专业级别的H5制作网站，能实现 交互动画效果；较高级的交互设定，比如手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制等；同时支持用户信息获取，包括昵称头像、拍照、录音等功能，结合投票、评论、助力、信息列表组件，轻松实现社交互动类H5设计
由于可实现的功能较多，自然 *** 作起来比较复杂，不过也可以直接 套用模板 进行修改。
可加入系统自带的各类特效。参数 精确地控制交互，加入交互逻辑，很适合有较多H5制作经验的老司机。

补充一些：

关于编辑器专业能力

专业交互功能

支持专业级动画控制、交互设定、社交应用与数据应用，保障企业的商业需求顺利实现。

*** 作简易、流畅

采用由简到难递进式产品设计模式，效果组件化，减少用户上手难度，稳定的 *** 作环境助力企业持续创意输出。

提供企业/媒体培训和定制服务

我们为企业/媒体单位提供H5工具培训及定制服务，定制服务包含扫码签到、大屏互动、H5游戏等多种场景，是上海解放日报、招商银行、广西日报等多家单位长期合作伙伴。

提供优质模板库

提供丰富的模板库，500+优质的企业H5模板，各种邀请函、招聘、节日海报、H5小游戏应有尽有。

提供私有化部署服务

上海意派科技的私有化部署系统功能架构覆盖功能层、服务层、系统支撑层三个层级。

功能层：

H5内容管理、H5编辑器、H5发布管理、H5访问统计、H5数据收集、素材资源管理、表单管理、数据库定义、个人账号信息管理。

服务层：

用户管理、素材资源管理、H5作品管理、作品播放、表单管理、数据库管理、访问统计、微信jssdk、微信授权、H5互动数据处理、数据库服务、语音、处理、消息列队。

系统支撑层：

Django应用服务器、MySQL 数据库存储、MongoDB、Redis 内存数据库、Memcache 缓存、OSS文件存储、OpenSearch、Celery 列队

对比一些简易化的模板平台，意派Epub360 H5平台可以使用更专业的组件，创造更多创意的可能，更大的创作自由空间以及更多的营销数据效果。

1先在前端写一个选择的区域来触发wxchooseImage接口并用wxsetStorage接口把路径存起来。
-wxml <view class="shangchuan" bindtap="choose">
<image style="width:100%;height:100%;" src="{{tempFilePaths}}"></image>
</view>
<button formType='submit' class="fabu">发布项目</button>123456
/选择 /
choose: function () { var that = this
wxchooseImage({
count: 1,
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
success: function (res) { var tempFilePaths = restempFilePaths
thatsetData({
tempFilePaths: restempFilePaths
})
consolelog(restempFilePaths)
wxsetStorage({ key: "card", data: tempFilePaths[0] })
}
})
},123456789101112131415161718
2使用wxuploadFile将刚才上传的上传到服务器上12
formSubmit2: function (e) {
var that = this
var card = wxgetStorageSync('card')
wxuploadFile({
url: appglobalDatacreate_funds,
filePath: card,
name: 'card',
formData: { 'user_id': appglobalDatauser_id, 'person': edetailvalueperson, 'company': edetailvaluecompany,
},
success: function (res) {
consolelog(res)
}
})
}
}
},

1、承载平台不同

H5就是手机网页，可以在网页上承载，也可以嵌入到微信中，通过链接跳转打开。而小程序依托于微信，和微信账号一一绑定，可以一键微信用户绑定的手机号码，但是却无法依托于微信独立存在。

2、难以触达用户

h5商城是去做跳转的，如果在页面上承载的话，使用体验还是非常不错的。但是如果是在微信中配置h5商城的话，要用公众号菜单栏或二维码作为入口来触达用户。小程序也是如此，但是小程序可以跟公众号绑定起来，将公众号的数据作为基础的数据分析，实时了解用户的喜好。

3、访问入口

还要访问入口上的区别，h5的入口有很多，可以防止在页面上也可以放置在小程序商城，小程序商城的入口基本上都是从微信进入的，微信给出的入口就是用户的访问入口。h5店铺每进需要加载n秒。

4、用户留存

在用户留存这一块，小程序商城的用户留存比h5商城要好很多，将整个微信界面下拉之后，就会出现我们曾经使用过的小程序商城。而h5商城法进客户留存，客户还需要保存链接才能再进店铺

---