adobe cc开发html5使用的是createjs,找来createjs的api看了看,确实和as很像。
最近createjs官网打不开,可能跟谷歌有关吧,不知道以后是不是也打不开了。好不容易才从GitHub下载了一份源码(百度搜createjs,首页没有,排在好几页之后了,用AOL搜的,第3个就是),总算可以用了,而且不用担心以后上不了官网,看不到更新了。
源文件挺大的,找了半天才找到源文件,在lib文件夹里边。api在docs文件夹里边。源文件里边的-NEXT不知道是什么意思,先不管了。
这篇对应的是api首页的第一个例子:创建一个Stage,创建一个Shape添加到Stage,显示。英文api虽然看不懂,凭借着as的经验,连蒙带猜,也能知道个大概。而且代码还是能看懂的。
这个例子没有什么问题,直接看原文就可以了。下面是api中的例子,自己加了些注释:
//Create a stage by getting a reference to the canvas
//demoCanvass是canvas对象的id,也可以直接传入canvas对象,可以自己试一下。
stage = new createjs.Stage("demoCanvas");
//Create a Shape DisplayObject.
//创建实例都是createjs.类名()。
circle = new createjs.Shape();
//可以连着调用方法,js经常这么干。其实实现起来很简单的,就是在方法的最后return实例本身。颜色值很html中是一样的,和as不一样,不能直接用数值。
circle.graphics.beginFill("red").drawCircle(0, 0, 40);
//Set position of Shape instance.
circle.x = circle.y = 50;
//Add Shape instance to stage display list.
//addChild,好熟悉。而且也有AddChildAt之类的方法,和as很像。具体看api就好了。
stage.addChild(circle);
//Update stage will render next frame
//这里要注意,需要手动调用update才会刷新显示。不是自动刷新的。
stage.update();
第一个例子就做好了,简单吧。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。