叶落为重生每片落下的叶子都是为了下一次的涅槃...^_^

2011年9月12日 #

rotate 3D [初识篇]

摘要: 随着前端技术发展,尤其是html5中canvas和svg的应用,开始让web也可以轻易的渲染出各种绚丽的效果。本篇讨论的是基于rotate(旋转)的3d效果的初识。在canvas的getContext('2d')下利用一些变换来模拟。webGL是后话,本篇暂不讨论。【简要原理】由于仍是在2d下模拟,所以所谓的3d最终还是要降到2d的层面来。在坐标上的表现就是,3d的界面应该是有x,y,z三向坐标,2d的就只有x,y二向。那么怎么把3d的z向坐标降到和2d的x,y相关联起来,就是关键。要在2d的界面上展现3d的z方向的层次感,需要一个视井。相信学过绘画的同学应该很清楚,要画透视或 阅读全文

posted @ 2011-09-12 20:10 岑安 阅读(18252) 评论(16) 推荐(15) 编辑

导航