• 2015-02
    09
    [ Other ] [ 2 ]

    从写代码开始,中文导致的问题不计其数,本次也不例外。

    WebGL里要用中文有两种方式:
    一、新建一个Canvas写上中文,然后再添加到WebGL里,优点是不用额外加载特定字体,网页能用什么字体它就能用什么字体,而且只要使用普通DOM Api刷新DOM内容,WebGL里render后就能渲染最新DOM内容,方便调试维护。缺点是这种方式还是2D的方式,没有完全发挥3D的效果。
    二、每一个字体都是一个3D模型,优点是完全发挥3D效果可以配合3D实现原理能做出很炫的效果,缺点是这种方式需要额外准备字体模型库,然后还要载入页面中。

    如果采用第二种方式,那么一个中文字体有通常常用的也有五六千个字,整个字体文件大小三十多兆,怎么优化才能快速载入网页呢?

    [...]
  • 2014-09
    08
    [ JavaScript ] [ 0 ]

    requestAnimationFrame是一个监听帧的API,即每绘制完一帧后就执行一下requestAnimationFrame函数。

    很多浏览器显示频率是16.7ms,所以相当于1秒60帧,这个帧速是很多动画帧率的最低要求值。高于60就有丢帧发生了,所以setTimeout/setInterval推荐最小值为17ms。requestAnimationFrame则不用理会这个速率,如果你是10ms频率,那么久每10ms绘制一帧,如果是20ms就每20ms绘制一帧。

    [...]
  • 1