23
2015
01

(一) createjs-Stage

adobe cc开发html5使用的是createjs,找来createjs的api看了看,确实和as很像。

最近createjs官网打不开,可能跟谷歌有关吧,不知道以后是不是也打不开了。好不容易才从GitHub下载了一份源码(百度搜createjs,首页没有,排在好几页之后了,用AOL搜的,第3个就是),总算可以用了,而且不用担心以后上不了官网,看不到更新了。

源文件挺大的,找了半天才找到源文件,在lib文件夹里边。api在docs文件夹里边。源文件里边的-NEXT不知道是什么意思,先不管了。

这篇对应的是api首页的第一个例子:创建一个Stage,创建一个Shape添加到Stage,显示。英文api虽然看不懂,凭借着as的经验,连蒙带猜,也能知道个大概。而且代码还是能看懂的。

这个例子没有什么问题,直接看原文就可以了。下面是api中的例子,自己加了些注释:

  1.     //Create a stage by getting a reference to the canvas

  2.     //demoCanvass是canvas对象的id,也可以直接传入canvas对象,可以自己试一下。

  3.     stage = new createjs.Stage("demoCanvas");

  4.     //Create a Shape DisplayObject.

  5.     //创建实例都是createjs.类名()。

  6.     circle = new createjs.Shape();

  7.     //可以连着调用方法,js经常这么干。其实实现起来很简单的,就是在方法的最后return实例本身。颜色值很html中是一样的,和as不一样,不能直接用数值。

  8.     circle.graphics.beginFill("red").drawCircle(0, 0, 40);

  9.     //Set position of Shape instance.

  10.     circle.x = circle.y = 50;

  11.     //Add Shape instance to stage display list.

  12.     //addChild,好熟悉。而且也有AddChildAt之类的方法,和as很像。具体看api就好了。

  13.     stage.addChild(circle);

  14.     //Update stage will render next frame

  15.    //这里要注意,需要手动调用update才会刷新显示。不是自动刷新的。

  16.     stage.update();

第一个例子就做好了,简单吧。

点击查看实例

« 上一篇下一篇 »

相关文章:

使用Typescript开发基于createjs的项目  (2016-8-25 9:54:40)

createjs中文API  (2016-8-18 8:45:24)

pixi和createjs效率对比  (2016-8-2 9:45:21)

createjs中stage.mouseX的bug  (2016-7-12 9:14:44)

createjs启用touch事件  (2016-7-12 9:7:5)

createjs指定文本最大高度  (2016-6-14 10:0:38)

如何使用Createjs来编写HTML5游戏(转)  (2016-2-3 13:57:38)

createjs中Text中文不换行的问题(2)  (2015-11-25 10:58:11)

(十二)createjs游戏-围住神经猫  (2015-11-18 14:7:20)

(十一)createjs游戏-游戏框架  (2015-11-18 11:16:31)

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。