创投

betway必威官网一篇文章带你快速入门createjs

字号+ 作者:betway必威 来源:未知 2017-12-21 19:38 我要评论( )

绍兴租车提供最新betway必威资讯,betway必威新闻,24小时滚动报道,提供国内各地区betway必威攻略,同时提供betway必威最新活动信息! 起头用createjs这个框架的时候,发觉网上的相关教程仍是挺少的,所以写一篇文章,便利日后查看。 EaselJS:用于 Sprites、动

绍兴租车提供最新betway必威资讯,betway必威新闻,24小时滚动报道,提供国内各地区betway必威攻略,同时提供betway必威最新活动信息!

  起头用createjs这个框架的时候,发觉网上的相关教程仍是挺少的,所以写一篇文章,便利日后查看。

  EaselJS:用于 Sprites、动画、向量和位图的绘制,建立 HTML5 Canvas 上的交互体验(包含多点触控)

  雷同于SoundJS,PreloadJS,若是本人处置起来比力便利的话,也能够本人写,总的来说,它们相当于一个辅帮感化,可选可不选。因而,本文章次要讲解EaselJS的利用。

  绘图形,好比矩形,圆形等用(Shape) 【雷同于改变坐标x,y,添加暗影shadow,通明度alpha,缩小放大scaleX/scaleY都能够做到】

  大致流程:建立显示对象→设置一些参数→挪用方式绘制→添加到舞台→update(),代码如下:

  graphics能够设置一些样式,线条宽度,颜色等等,也能够挪用一些方式绘制图形,好比矩形drawRect,圆形drawCircle等等,具体能够本人查看api。

  写createjs必定会碰到的一个,就是ticker,次要就是按时刷新舞台,抱负的帧速度是60FPS

  stage,contain对象有个children属性代表子元素,是一个数组,里面的元素层级像下标一样从0起头,简单来说就是后面的笼盖前面的,addChild方式是添加到显示列表的最初。

  好比一小我物,他由手,脚,头,身体构成,你能够将这几个部门放正在统一个container中,同一挪动。利用方式也比力简单:

  按照上面的EaselJS的一般的绘制流程来说,上面这段代码该当能够一般显示。可是,只是有些环境下能够一般显示的,这个图像资本需要确定加载成功后才能够new,不然不会有图像正在画布上,若是有做资本预加载,能够间接利用上面的代码,若是没有,则需要正在image加载完成之后才进行绘制

  我们发觉,图片仍是没有变恍惚,缘由是图片添加了filter后stage当即刷新,filter只能连结一帧的结果,第二帧filter则失效了。而利用图片的cache()方式后,能够使得无论舞台怎样刷新,都能够连结住Filter的结果,添加cache还有良多感化,能够提高FPS,缓存等

  好比,你正在canvas内部绘制图片,用x,y轴进行定位,这里的x,y是相对于canvas这个全体。

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评