【AS3新手教程】——第2章 最基础的Flash编程介绍

TKCB

第2章 最基础的Flash编程介绍

再开始具体的AS3代码学习之前，我们还是用应该熟悉一些最基础的东西。因为如果你不知道这些，在后面的讲解中你会有一系列问题，编程是什么、动作面板是什么、注释是什么等等。

一、编程是什么？

编程实际就是向计算机下达指令（命令），让计算机按我们的指令去完成一些任务。这就要求我们用计算机能看得懂的语言，也就是编程语言。

举个例子：我们是万能的神，地球是我的计算机，地球中住了黑人、白人、黄种人等等，他们又分为很多国家。我们要命令中国人给我们做一碗香喷喷的面食，得用汉语告诉他们，不然他们听不懂，还需要说清楚我们的要求。当然除了人类，地球还有各种生物，我们这个万能的神可累了，需要学会那么多语言，人类语言，昆虫语言，鸟语，兽语等等。

幸运的是我们不是万能的神，我们是人类，我们分工合作，每个人只需要负责一小部分而已。所以学习编程，从选择自己的语言开始。本教程要教会大家的是神奇的Action Script这门语言。

二、ActionScript是什么？

编程语言有很多种（谁也不知道具体有多少，但肯定的是至少数千种），ActionScript则是其中的一种。它同我们人类的语言一样，只要按照一定的格式书写，就能命令计算机做你想做的事情。为什么不说是命令Flash或Flash Player呢？因为AS还可以和其他语言配合对计算机做更多控制。

但ActionScript仍然主要是针对Flash Player的编程语言,它可以让SWF由动画文件，变成多媒体、程序、APP等等，这都是因为AS无比神奇的特性。

注意，ActionScript有三个版本，1.0、2.0、3.0，我们的教程只会教大家AS3.0编程，因为它是AS语言最优秀的版本。

三、Flash Player和Adobe AIR

Flash Player是专门用来播放Flash制作的SWF文件的播放器，这个做动画的朋友或者对Flash有所了解的朋友都不会陌生。如果你还不理解，就把SWF当做特殊格式的文件，只有用Flash Player这个播放器（软件）才可以打开这个文件。（就像是MP3文件需要音乐播放器，MP4文件需要视频播放器一样）

Adobe AIR又是什么呢？它是Flash Player的升级版本，就像是战士穿上了铠甲，拿起了长毛，更强大了。AdobeAIR可以让Flash Player在电脑（PC）做更多事情，也可以将SWF变成（专业术语叫打包）成APP安装在安卓和苹果手机上，成为一个应用程序。AIR可以理解为SWF的高级播放器，只不过这个播放器不直接播放SWF文件，必须是被打包好的SWF文件才可以用这个播放器播放。

而大家通常在电脑上使用QQ影音、完美解码、暴风影音等等也可以播放SWF文件，那是因为这些播放器内置了Flash Player在播放器中而已，实际使用的仍然是Flash Player。

另外再有一点要说的是，FlashPlayer和AIR都是有不断升级的，所有会有很多版本，当然越新的版本通常越好（2018.1.25统计，最新的版本是Flash Player 28和AIR 28）。

*专业知识：但其实SWF格式因为已经开源（技术公开），所以任何人只要对SWF格式足够了解，可以自己制作SWF格式的播放器（但超级难）。

四、ActionScript写在哪里？

我们要画画，总要一个桌子，一张画质，一根笔。我们电脑Word、PPT、Excel等等软件打开都有默认的文档纸、演示纸、表格区域等等。

ActionScript代码也是这样的，它需要一个书写代码的地方。

1. 写在时间轴的帧上面

如果你用的是Flash软件，通常首先想到的是帧上面。鼠标选择时间轴上面的任意帧，之后右键选择动作，这样就打开了一个称之为动作面板的对话框（见下图）。对于新手来说，代码通常写在这里。不同版本的Flash软件，动作面板稍有不同，但大致是一样的。

当Flash播放到了写有AS3代码的帧的时候，上面的代码就会自动执行了。

2. 写在外部类文件中（不明白请忽略，后续会讲到）

ActionScript可以写在外部的单独文件中，这个文件的格式为“.as”。可以使用Flash或其他任意可以打开文档的工具/软件打开as文件。

当你用TEXT文档打开as文件会发现，其实as代码文件不过就是一堆文字而已。只有这些代码在特定环境下才会发生作用（Flash Player、AIR等）。

五、注释

不知道你们在学校学英语时候是否很痛苦，总是记不住单词的发音和意思，是否会在英语的旁边上写拼音和中文解释呢？其实代码注释也就跟你写拼音和中文解释一样的，是为了理解或者辅助而写的一堆跟英语无关的帮助文字，这样是不是好理解多了。

注释就是给这些代码写一些解释性的文字，帮助自己或者后来修改代码的朋友理解代码的作用而已。注释不是代码，它不会产生任何代码作用。

注释有一定的写法格式，就像写信一样都一些约定的格式（在AS中是强制的格式）。

ActionScript中注释有两种形式：//（行注释）、/**/（块注释）。

“//”行注释顾名思义就是一行形式文字的注释，双斜杠后面的文字都为注释文字，如果在Flash软件中，通常注释的文字都是灰色的。

“/**/”块注释是多行形式文字的注释，“/*”与“*/”中间的文字都是注释文字，和行注释一样，块注释在Flash软件中也通常为灰色显示的。

这是我之前写的，AS3常用英语单词大全（献给所有英语差的朋友） ，传送门

六、trace

本来这里不应该讲代码的，但是后面肯定会经常用的这句最基础的代码，所以还是说下trace()代码吧。

当SWF在运行的时候，我们是没办法知道代码具体的运行情况的，这就像开车的司机不知道汽车是如何一步步的产生动力推动轮子行驶的。

当然我们可以通过按钮是否可以点击、时间轴有没有跳转等最直接的结果知道代码是否执行了，但是如果我们代码书写错误，但是想要进行检测呢？有没有像是电笔、听诊器一样的代码来帮助我们知道代码的运行的情况呢？

有的，那就是trace()函数（不懂什么是函数不要紧，后面会介绍的）。

trace()函数会将我们指定的一些代码，打印在专门的输出面板（见下图），这样我们可以通过查看输出面板的信息，知道我们的代码状况，是生病了，还是哪里不舒服。

上图是我们在Flash时间轴第一帧编写的代码，只有短短一句。当使用调试发布之后，就会在输出面板输出我们的“Hello world”这句话了。

trace("Hello world" );

这是一句非常经典的程序输出代码，有兴趣可以百度搜索"Hello world"。

虽然说了这么多，可能有的同学还不理解trace，但没关系，这里只是为了简单的说下，不想后面用到的时候，大家什么都不知道。

七、总结

在本章大致介绍了一下内容，为了不让新手过于负担，并没有讲太多专业概念，我也觉得有些概念不适合新手直接学习。

1. 编程是什么？

2. ActionScript是什么？

3. FlashPlayer和Adobe AIR

4. ActionScript写在哪里？

5. 注释

6. trace

最后记住我这句话：代码没有那么可怕！用的多了大概就知道概念了，不用死记硬背概念。

TKCB

1. 大家可以如果觉得哪里写的不够好（或者一些建议），可以随时提出，帖子的方便之处，就是可以随时更新！！！！
2. 如果有大家有什么讨论的，或者不懂得，可以留言进行交流。


返回总贴：【AS3新手教程】——Animate & Flash Action Script 3.0 编程教程

叶颗

概念这个吧，我觉得基础知识虽然看起来会很麻烦很痛苦，但是会好理解一点呀我只会写这样的面板的，最简单的hello  world，写在帧上没有过

TKCB

叶颗 发表于 2018-2-27 11:19
概念这个吧，我觉得基础知识虽然看起来会很麻烦很痛苦，但是会好理解一点呀我只会写这样的面板的，最 ...

2018？难道创建AS3动画文件，需要输入类名？

叶颗

TKCB 发表于 2018-2-27 11:26
2018？难道创建AS3动画文件，需要输入类名？

创建as文件需要，我记得2017那个版本都不需要的

TKCB

叶颗 发表于 2018-2-27 11:53
创建as文件需要，我记得2017那个版本都不需要的

之前是可以创建AS类文件，也可以创建AS文件，，，难道2018直接取消了创建AS文件的选项？

叶颗

TKCB 发表于 2018-2-27 13:44
之前是可以创建AS类文件，也可以创建AS文件，，，难道2018直接取消了创建AS文件的选项？ ...

file:///C:/Users/Administrator/Desktop/1.png
file:///C:/Users/Administrator/Desktop/2.png
file:///C:/Users/Administrator/Desktop/3.png
file:///C:/Users/Administrator/Desktop/4.png

叶颗

TKCB 发表于 2018-2-27 13:44
之前是可以创建AS类文件，也可以创建AS文件，，，难道2018直接取消了创建AS文件的选项？ ...

链接：https://pan.baidu.com/s/1kW5Fgqz 密码：0e5c
AnimateCC2018
来自贴吧http://tieba.baidu.com/p/5236483820

TKCB

叶颗 发表于 2018-2-27 14:16
链接：https://pan.baidu.com/s/1kW5Fgqz 密码：0e5c
AnimateCC2018
来自贴吧http://tieba.baidu.com/p/5 ...

file:///C:/Users/Administrator/Desktop/1.png
file:///C:/Users/Administrator/Desktop/2.png
file:///C:/Users/Administrator/Desktop/3.png
file:///C:/Users/Administrator/Desktop/4.png

这些是图片吗？都看不到呀~~你没有上传到论坛的吧

叶颗

TKCB 发表于 2018-2-27 14:29
file:///C:/Users/Administrator/Desktop/1.png
file:///C:/Users/Administrator/Desktop/2.png
file:// ...

把网址复制到网页看的……我可以看到，不是这么传的吗？那么这儿的图片地址是指路径还是什么我不会呀，为什么不能一点直接选……