木疙瘩导出的H5嵌入到微信小程序

需求：把木疙瘩中制作的H5导出并嵌入在微信小程序的webview中访问。

流程：部署好自己的服务器，并nginx开通https，一定记得小程序还需要开通业务域名。

但是最后小程序访问的时候还是报错：

这就奇怪了，明明访问的不是这个网址，为什么还会报这个错误。

通过浏览器访问发现的确偷偷访问了这个地址：

解决方法：

找到导出的木疙瘩H5源文件，找到关键词里有

https://card.mgd5.com/card/getMsuid.html 的字眼。

最后发现

mugeda_utils_0.2.96.js文件中把

g.src="//card.mgd5.com/card/getMsuid.html"改为g.src=""即可

遮罩动画可实现很多特殊效果，需要至少两个木疙瘩图层，上面是“遮罩层”，下面是“被遮罩层”。遮罩层为显示区域，被遮罩层为显示的内容。具体方法如下：

1、在图层0的第1帧添加一个按钮元素；

2、点击“新建图层”按钮新添加图层1、图层2；

3、鼠标点击图层0第1帧，按住Ctrl+C复制该帧上的物体，点击选中图层2第1帧，按住Ctrl+V粘贴进物体；

4、点击选中图层1的第1帧，在“舞台”上绘制一个白色矩形；

5、调整白色矩形的透明度为40%，选择“变形”工具调整其角度，使其右倾一些，将图层2重命名为“遮罩层”，图层1为“被遮罩层”。

木疙瘩图片按钮交互影集制作使用方法

1、创建与保存作品

*** 作步骤：登陆——单击【创建作品】

保存——输入【保存名称】——单击【保存】，如下图所示。

2、界面介绍

界面包括舞台设置、适配设置、安全框、预览作品、添加页面、添加关键帧动画、设置微信转发标题，如下图所示。

3、一键生成动画

*** 作步骤：把图片拖动到编辑器上——选中图片——单击【添加预置动画】，如下图所示。

PS：在【属性面板】或单击【编辑预置动画】按钮，可对预置动画的效果、是/否自动播放、循环播放、时长、延迟、方向进行设置。

4、关键帧动画

名称解释：

关键帧动画：物体在两个时间点上属性的变化。

*** 作步骤如下面视频所示。

5、添加交互

*** 作步骤：选中图形——单击【添加编辑/行为】——展开【动画播放控制】——单击【下一页】，如下图所示。

6、添加背景音乐

*** 作步骤：不要选中任何物体——单击【属性】——单击【上传】——单击“加号”按钮即可添加音乐，如下图所示。

PS：这个方法可以为整个H5添加背景音乐，如果想单独为某一页添加音乐，点击这里看 *** 作步骤。

7、发布作品

*** 作步骤：保存作品后—单击【发布】。

---