摘要：长久以来，小弟在做js动画的时候都是使用setTimeout和setInterval，这两个是js里的经典方法了，听过把函数放入执行队列，可以循环我们要的函数 但是这两个方法也有很大的问题，最明显的一点就是不能保证回调函数按时执行（丢失帧），导致画面效果不流畅（话说chrome这方面倒是优化的很不错，时间挺准的），现在有一个新的方法，requestAnimationFrame，这个方法的使用类似setTimeout requestId = window.requestAFrame(render);这样就会在下一帧的时候执行render方法，而且你可能注意到了，这个方法没有设置回调时间，因... 阅读全文

摘要：近来有想弄弄有趣的东西，3D的页面效果，自然会想到webGL，但是介于以前一直没用过，这次也算是初体验了。初体验的话总是让人有激情，但是这次让我太难受了。。。。。。 为什么呢？因为webGL的初始化太蛋疼了，入门就要比canvas麻烦很多，而且如果用原生api的话各种不会看不懂啊！！！！！。好吧，抱怨完了，写在我们如果要开始webGL之旅需要一些什么　创建一个canvas元素　获取canvas的上下文　初始化视口（viewport）创建一个或者多个包含渲染数据的数组（通常为顶点数组）　创建一个或者多个矩阵，将顶点数组变换到屏幕空间中创建一个或者多个着色器来实现绘制算法使用参数初始化着色器... 阅读全文