手机微场景制作的完整案例-swiper+TimelineMax

展示我制作的一个微场景动画演示--设计是一个朋友做的,我完成前端代码。


展示地址在此:http://www.contactu.cn/2015/ffjr/iframe.html

 

在性能较差的安卓手机中,注意几点:

1、CSS3的box-shadow、text-shadow等尽量不要用。

2、3D变形尽量少用-比如swiper的3D Flow插件

 

3、其实动画都要尽量少用

 


 

还发现如下一些事实:

1、微信浏览器(6.1)的流畅度远弱于UC浏览器,据说QQ浏览器也够呛,但微场景很多人都是在微信中打开,所以要高度重视流畅度问题

2、苹果5S手机表现很好。

3、微信6.1之后更新了分享接口,原来的分享代码已经失效。目前情况是:

分享标题:就是页面title

分享正文:就是页面url

分享小图:这个比较奇怪,似乎是位于可见位置的第一张宽于200像素的图片

 


 

已实现的功能点:

包括切换的3D变化、特效变化、擦拭效果、背景音乐控制、内部图横向滚动、时间线控制等。

 

待实现的功能点:

逐帧动画(比如那个著名的白云乱飞动画)

 

相关链接:

idangerous.swiper.js的loop循环方式带来的控制问题



[本日志由 admin 于 2015-02-06 12:57 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 微场景 微信场景
相关日志:
评论: 0 | 引用: 0 | 查看次数: 4319
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 300 字 | UBB代码 关闭 | [img]标签 关闭