as3学习从头开始(一)

 开发工具

         毫无疑问:首选开发工具即:FlashBuilder4.X(http://bbs.9ria.com/thread-107221-1-1.html)FlashCs5.Xhttp://club.topsage.com/thread-2178530-1-1.html),下载安装即可,工具内附带有SDK

 

两者开发工具区别大概是:

1.         FlashBuilder4.X 更多面向开发人员,不用参与设计界面的相关人员。优点就是更易用的代码编辑器。

2.         FlashCs5.X 更适合动画设计人员,同时需要编程控制内部元素的相关人员。优点是可以直接设计效果,但是代码编辑器真的很烂,一般必须使用的话,可结合flashbuilder的编辑器来使用,效果不错。

时间轴编程-HelloWorld

1.       我们先使用flashCs5新建一个as3.0文档。

        as3学习从头开始(一)_第1张图片

 

2.       选中时间轴第一帧,右键单击[动作],弹出代码编辑框,输入代码

trace(“hello world!”);然后Ctrl+Enter,可看到效果。

 as3学习从头开始(一)_第2张图片

 

 

 as3学习从头开始(一)_第3张图片

运行效果:

 

             as3学习从头开始(一)_第4张图片

As3.0面向对象编程-第一个元件

1.       首先使用矩形工具,画一个矩形。

2.       右键->转换为元件。

如果我们要控制该[矩形],那么它必须是元件,即我们即将讲到的MovieClip

 

          as3学习从头开始(一)_第5张图片

 

         as3学习从头开始(一)_第6张图片

 

这时,刚才的矩形会变成ReckTangle类的一个实例,并显示在舞台上。接下来我们就可以控制这个[矩形]了。但是我们想控制这个矩形,得给它取一个实例名,这样我们才能引用得到它。

 

         as3学习从头开始(一)_第7张图片

 

那么怎么控制它呢,比如说控制它的位置。我们在刚才的编辑器那里,输入:

reckTangle.x = 0;

reckTangle.y = 0;

Ctrl+Enter,看看吧,它的位置回到了(0,0)点。

 

 

那么我们该怎么跟它进行鼠标相关的交互呢?很简单。

我们对它添加鼠标监听事件,并且在侦听函数里打响应。

 

import flash.events.MouseEvent;

trace("hello world!");
reckTangle.x = 0;
reckTangle.y = 0;

reckTangle.addEventListener(MouseEvent.CLICK,mouseHandler);

function mouseHandler(e:MouseEvent):void{
	trace("click me!");
}

  

 

 

这个时候你也许就发现了这个编辑器确实不怎么好使吧。

 

 as3学习从头开始(一)_第8张图片

 

你可能感兴趣的:(as3)