百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> 迅速入门createjs实例教程-
分享文章到:

迅速入门createjs实例教程-

发布时间:08/01 来源:未知 浏览: 关键词:
开端用createjs这个框架的时候,发明网上的相干教程还是挺少的,所以写一篇文章,利便往后查看。?createjs简介官网:http:www.createjs.cccreatejs中包括下列四个局部:EaselJS:用于Sprites、动画、向量和位图的绘制,新建HTML5Canvas上的交互体验(包括多点触控)TweenJS:用于做动画结果SoundJS: 开端用createjs这个框架的时候,发明网上的相干教程还是挺少的,所以写一篇文章,利便往后查看。 createjs简介官网:http://www.createjs.cc/createjs中包括下列四个局部:EaselJS:用于 Sprites、动画、向量和位图的绘制,新建 HTML5 Canvas 上的交互体验(包括多点触控)TweenJS:用于做动画结果SoundJS:音频播放引擎PreloadJS:网站资源预加载 相似于SoundJS,PreloadJS,要是本人处置起来比拼利便的话,也可以本人写,总的来说,它们相当于一个辅助作用,可选可不选。因而,本文章主要解说EaselJS的运用。 1. EaselJS的大致api
  • 绘图片用(Bitmap)

  • 绘图形,比方矩形,圆形等用(Shape) 【相似于转变坐标x,y,添加暗影shadow,透亮度alpha,缩小放大scaleX/scaleY都可以做到】

  • 画文字,用(Text)

  • 还有容器Container的概念,容器可以包括多个显示对象

2. EaselJS画图的大致流程大致流程:新建显示对象→设定一些参数→调取办法绘制→增加到舞台→update(),代码如下:

    打赏
    



    

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板