原文:A Beginner’s Introduction to CSS Animation
译文:一个初学者对CSS动画的介绍
译者:dwqs
现在,越来越多的网站使用了动画,并且形式多样,如GIF、SVG、WebGL、背景视频等等。当在web中恰当使用动画时,它可以给网站注入活力和良好的交互性,给用户提供额外的一层反馈和体验。
在这篇文章,我将向你介绍CSS动画,随着浏览器对动画支持的改善,一种高效率的做事方式变得越来越流行。考虑到基础知识,我将快速建立一个从正方形变成圆形的动画案例。
先看看效...
分类:
Web程序 时间:
2014-12-02 08:58:50
阅读次数:
301
原文:A Beginner’s Introduction to CSS Animation译文:一个初学者对CSS动画的介绍译者:dwqs现在,越来越多的网站使用了动画,并且形式多样,如GIF、SVG、WebGL、背景视频等等。当在web中恰当使用动画时,它可以给网站注入活力和良好的交互性,给用户提...
分类:
Web程序 时间:
2014-12-02 08:56:32
阅读次数:
225
最近下载了GoodReader App,发现GoodReader中打开的页面不仅支持WebGL,同时还允许跨域访问资源,以前不少HT for Web手册的例子需要Web服务器发布的方式才能访问,否则需采用《矢量组件设计之道(四)》列举的几种...
分类:
Web程序 时间:
2014-11-29 17:44:21
阅读次数:
246
最近下载了GoodReader App,发现GoodReader中打开的页面不仅支持WebGL,同时还允许跨域访问资源,以前不少HT for Web手册的例子需要Web服务器发布的方式才能访问,否则需采用《矢量组件设计之道(四)》列举的几种解决跨域访问图片或3D的OBJ等资源的技巧。而现在GoodR...
分类:
Web程序 时间:
2014-11-29 17:20:16
阅读次数:
179
最近下载了GoodReader App,发现GoodReader中打开的页面不仅支持WebGL,同时还允许跨域访问资源,以前不少HT for Web手册的例子需要Web服务器发布的方式才能访问,否则需采用《矢量组件设计之道(四)》列举的几种解决跨域访问图片或3D的OBJ等资源的技巧。而现在GoodReader中直接打开就可以玩了,加上GoodReader自身对文档管理的方便性,这1块钱的价格真是物超所值!...
分类:
Web程序 时间:
2014-11-29 16:02:01
阅读次数:
134
Scene是场景对象,所有的对象,灯光,动画,骨骼等都需要放置在场景内.Scene对象的功能函数采用定义构造的函数原型对象来实现....
分类:
Web程序 时间:
2014-11-28 18:25:12
阅读次数:
274
Camera是相机对象的抽象基类,当创建相机时都从这个类继承.Camera对象的功能函数采用定义构造的函数原型对象来实现.
THREE.Camera = function () {
THREE.Object3D.call( this ); //调用Object3D对象的call方法,将原本属于Object3D的方法交给当前对象Camera来使用.
this.matrixWorldInverse = new THREE.Matrix4(); //为相机设置属性matrixWorldInverse,这...
分类:
Web程序 时间:
2014-11-28 16:26:21
阅读次数:
170
BufferGeometry类用来和BufferAttribute配合使用,更多细节可以参考官方的样例http://threejs.org/
这个类是另一种创建几何体对象的方式,它将所有的数据包括顶点位置,法线,面,颜色,uv和其它的自定义属性存在缓冲区,
这样可以减少GPU的负荷,BufferGeometry同样也比Geometry对象复杂,增加了使用的难度,这里的属性都是存放在数组中,
比如顶点位置不是Vector3对象,颜色也不是color对象,而是数组.需要访问这些属性,需要从属性缓冲区中读原...
分类:
Web程序 时间:
2014-11-28 16:25:03
阅读次数:
447
BufferAttribute类用来存储于bufferGeometry相关联的属性数据,更多细节可以参考官方的样例http://threejs.org/
这个类用来存储内置属性例如顶点位置,法线,颜色,等,但也可以用于存储bufferGeometry对象的自定义属性.
BufferAttribute对象的功能函数采用定义构造的函数原型对象来实现.
TODO:增加一个基类setAttr(index,item,itemSize)根据跟多不同的属性相长度设置属性...
分类:
Web程序 时间:
2014-11-28 16:23:52
阅读次数:
228
OrthographicCamera方法根据 left, right, top, bottom, near, far 生成正交投影相机.OrthographicCamera对象的功能函数采用
定义构造的函数原型对象来实现.
OrthographicCamera
指明相对于垂直平面的左侧坐标位置
指明相对于垂直平面的...
分类:
Web程序 时间:
2014-11-28 16:22:38
阅读次数:
162