2012年7月11日

css3 内贴图 360度环绕视角

摘要： 之前经常看到有人发用css3做立方体的博文，心想如若能把视角拉到立方体里面，岂不是就能做一个环绕的视角效果了么。今天试着做了一下，发现这个视角还真不是那么好调的，毕竟标准制定的时候应该没人想到有人会这么玩的。chrome下显示不正常，safari下基本正常，但是景深还是有问题，仔细观察上图你会发现有扭曲~~~~代码分享如下，求完美解决方案：（测试图片可以在相册内下载，6张）<!doctype html><html><head> <title></title> <meta charset='utf-8' /> 阅读全文

posted @ 2012-07-11 18:04 shawn.xie 阅读(2201) 评论(3) 推荐(0) 编辑

构建canvas动画框架（二）——灵与肉的结合

摘要： 今天一直在弄css3的立体效果，发现如果结合canvas和css3的3d，可以做出很多不可思议的效果来，大家可以发挥想象力！接着上节讲canvas动画框架：1.通用类的提取：动画对象与帧对象2.灵与肉的结合：便于拆卸的运动方程3.进度条的实现：canvas的图片预加载4.demo测试：通过一个demo测试框架这一节我们先来说说运动方程的叠加。之前写过的一个动画框架，并没有把运动独立出来。这样造成的后果就是，每个动画对象没有自己的运动个性！如果我们批量创建一百个动画对象，并且想让它们每一个都拥有自己的运动属性，将非常麻烦。所以，将运动与形式相分离，是最好的解决方案。上节提到过，我们为Aniele 阅读全文

posted @ 2012-07-11 17:42 shawn.xie 阅读(3688) 评论(0) 推荐(0) 编辑

构建canvas动画框架（一）——通用类的提取

摘要： 最近一直在做canvas动画效果，发现canvas这个东西做动画不是不可以。相对于flash，它太底层。如果有给力的编辑器或者给力的框架的话，它就能发挥出更大的威力。于是决定自己写一个简单一点的动画框架，以便能更方便地构建出一些动画效果。我将分几个章节来讲述我这个小动画框架的实现：1.通用类的提取：动画对象与帧对象2.灵与肉的结合：便于拆卸的运动方程3.进度条的实现：canvas的图片预加载4.demo测试：通过一个demo测试框架这一节我们先来说说通用类的提取。其实上一篇文章我已经用到了这种从flash借鉴来的思路：一个动画对象（类似flash中的元件），一个帧对象（类似flash中的帧）。 阅读全文

posted @ 2012-07-11 00:15 shawn.xie 阅读(14009) 评论(8) 推荐(6) 编辑

导航

百度流量统计：