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

展示地址在此：http://blog.258754.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循环方式带来的控制问题

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 微场景微场景 微信场景微信场景
相关日志: