Createjs控件
一、BitMap控件
掌握了BitMap之后,我们可以快速的对图片做处理。
1、首先准备一张我们需要引入的照片,在HTML代码中引入easeljs文件。
<script src="js/easeljs-0.8.1.min.js" type="text/javascript" charset="utf-8"></script>
2、使用canvas标签创建stage
var stage = new createjs.Stage("canvas");
3、创建一个容器Container,并且将该容器放进stage中,代码如下:
var gameView = new createjs.Container();
stage.addChild(gameView);
4、使用控件Bitmap引入我们需要的图片,并且将该图片放进Container中
var bitmap = new createjs.Bitmap("img/image.jpg");
gameView.addChild(bitmap);
5、最后使用
Ticker

本文介绍了Createjs中的Bitmap、MovieClip和Sprite控件的使用。Bitmap用于显示图片,MovieClip用于处理复杂的动画,而Sprite则可以从spritesheet中播放帧序列。文中通过实例详细讲解了如何创建MovieClip动画,包括创建MovieClip,绘制圆并进行动画效果,以及使用Timeline同步动画。最后,展示了如何使用Sprite显示和播放帧序列动画。
最低0.47元/天 解锁文章
4702

被折叠的 条评论
为什么被折叠?



