莆仙生活网
当前位置: 莆仙生活网 > 知识库 >

互动大师

时间:2024-12-18 02:45:18 编辑:莆仙君

如何制作带有翻页效果的免费手机h5页面

方法/步骤1:新建一个手机案例
1
创建手机案例,进入互动大师,点击我的作品——创建作品——手机案例

2
添加两个页面对象,对于舞台大小的设置,手机案例一般默认是640*1040,这是iphone6p的页面大小,这里我们使用640*1008的大小,这是iphone5s的大小,这个大小对于大多数的安卓手机也是适用的。

END
方法/步骤2:单张图片的上传和修改
1
选中页面1,添加上传图片

2
将xy轴设置为0,大小设置为640*1008。这样设置便可以使图片满屏显示。

END
方法/步骤3:制作动画。
1
添加时间轴,将图片复制,粘贴至时间轴下。

2
为图片添加轨迹,并将时间轴设置为1秒左右。设置好图片动画时长,这样就不会出现设置的控制点动画播放完,时间轴仍然继续播放的情况。

3
3.添加2个控制点,选中控制点1,设置透明度为0,控制点2的状态由于在设置控制点1前就已经添加,所以属性状态的透明度是与原来持同的100。这样就做出了一个渐现的效果。


4
页面下添加2个事件,将事件1进行设置,触发对象为动作为显示,目标对象为时间轴,目标动作为从头播放,这样就能做出自动出现动画的效果。

5
设置事件2,触发动作为隐藏,目标对象为时间轴,目标动作为跳至某时刻,设置为0,这样做的目的是使你从下一页返回上一页时动画从头开始,可以避免返回上一页时时间轴动画播放完毕后不再播放。

END
方法/步骤4:制作翻页效果。
1
页面切换更改为上下,滑动效果制作完成。

END
方法/步骤5:更快捷地创建类似的新页面。
复制页面,先复制页面,然后在舞台下粘贴。

2
选中页面2的图片,替换它,上传后的图片坐标和大小会以我们前面设置好的为标准自动适配,如此类推,便可制作多页翻页特效。


如何发布VXPLO互动大师作品?

点击菜单栏上的“预览”按钮确认你的效果OKAY后,回到“我的作品”页面,点击作品封面上的“分享”按钮,通过一个网页链接来将你的案例分享给任何人,或将其嵌入到一个第三方网站(高级用户的权限),或直接使用手机扫描二维码,成为一个手机端HTML5 APP应用1、分享按钮2、复制作品短链接,或是直接对着作品的二维码,用微信的扫扫打开,再在微信中点击右上角按钮发送给微信里的朋友或分享朋友圈VXPLO互动大师的作品有以下三个属性:私 有,公开,允许拷贝。“私有”指只有你自己才可以看到这个作品;“公开”指所有拥有你作品链接二维码的用户可以看到这个作品;“允许拷贝”指别人可以下载查看你的作品。一般建议选择“公开”属性。如何修改自己的作品属性:案例在编辑器内打开,点击右上角的i按钮,选择作品状态。如何将作品发布到微信里面?用微信公共账号可以发送VXPLO的作品嘛?若要使⽤微用信公共账号发送VXPLO互动大师大作品,可以⽤用阅读原⽂文插⼊作入品链接,或是设置⾃动自回复,用户可以输⼊⽐入如比“c”,你推送给用户用⼀个链接