搜索
FlashActionScript编程制作物理课件实例教程第1页共78页FlashActionScript编程制作物理课件实例教程（内部资料）山东大学宋洪晓2007年4月FlashActionScript编程制作物理课件实例教程第2页共78页目录写给自己的话……………………………………………………………………………………3第一课细节决定品质——Flash动画制作中的绘图技巧拾遗………………………………4第二课ActionScript基础………………………………………………………………………10第三课第一个ActionScript编程动画…………………………………………………………18第四课数值计算与编程动画实例………………………………………………………………24第五课变量的调整与动态复制…………………………………………………………………32第六课流程控制——分支语句…………………………………………………………………38第七课流程控制——循环………………………………………………………………………44第八课ActionScript语法概述…………………………………………………………………50第九课常用函数及对象实例……………………………………………………………………62第十课从构思到制作——完整课件制作实例…………………………………………………71附录1：参考书目…………………………………………………………………………………74附录2：常见字体变化形式………………………………………………………………………75附录3：关于字体符号的规定……………………………………………………………………76附录4：有关物理量和符号的国家标准…………………………………………………………79FlashActionScript编程制作物理课件实例教程第3页共78页【写给自己的话】（利用FlashActionScript制作物理课件第一版前言）很久以来就想把在张老师的网络课程《物理学》项目中积累起来的经验和做的一些有益的探索整理成文字，以纪念那一段逝去的时光和告慰那一番付出的心血。但是却因为各种各样的原因，始终未曾动笔。这个寒假，在女友的催促和鼓励下，终于坐在电脑前面开始了挤牙膏的过程。回想起自己学习Flash和跟随何希庆老师、张承琚老师一步步摸索如何利用Flash制作物理课件以及与王宁、汤茂建等同学一起学习、探讨Flash技术的过程，真的是感慨万千。99年初的那个寒假第一次看关于Flash的入门书；99年暑假开始在物理学院网站里使用Flash制作网站徽标；2000年9月去北京参加《新世纪网络课程》的立项申请；2001年暑假在四楼多媒体教室加班制作；2002年底网络课程项目基本完成……直到现在，还能记得第一次见到国外使用AttachMovie复制元件的动画，兴奋地探索源文件的情景；还能记得为了三维坐标转换，四处搜索数学公式，抓住张旭逼他计算结果的情景；还能记得用asv拆解了台湾王建忍先生的“颜色的叠加”课件，在火车上抱着打印的代码凝思苦想的情景；还能记得绘制曲线时为了解决旋转线段的长度和粗细，在实验室通宵苦苦调试的情景；还能记得暑假里项目组的同学们加班制作课件时，一手拿着盒饭，一手拿着鼠标的情景……现在，网络课程《物理学》、《物理学（第二版）电子教案》已经被高教出版社出版，原来项目组的同学、朋友们也陆续毕业，各奔东西。突然想起罗大佑的歌了：春天的花开秋天的风以及冬天的落阳，忧郁的青春年少的我曾经无知的这么想，风车在四季轮回的歌里它天天地流转，风花雪月的诗句里我在年年的成长……谨以本文献给我的老师、同学、朋友们。宋洪晓2005.1FlashActionScript编程制作物理课件实例教程第4页共78页第一课细节决定品质——Flash动画制作中的绘图技巧拾遗我们在制作Flash动画，尤其是Flash课件中，需要注意到画面的细节。我们下面通过几个例子，来回顾一下这些我们当初可能一略而过的内容。注意这些细节性的东西，对于提高我们课件制作的水准，还是有非常巨大的意义的。【例1-1：游标卡尺的刻度绘制】1、新建Flash文档，大小设为550*400，背景设为白色，帧速12fps。2、点“插入”菜单，“新建元件”。名称处填“ruler”，类型选“影片剪辑”。3、在影片剪辑ruler内，找到代表中心的“十”字。4、使用铅笔工具在十字附近绘制一条竖线。使用选择工具选取这条竖线。点“窗口”菜单，选择“信息”面板。将元件位置处修改为如下面的右图。5、点“窗口”菜单，“属性”小菜单，选择“属性”面板。如果属性面板是这样没有展开，点击右下角展开按钮，将属性面板展开。6、依次将所选线段的属性设为，宽：0.0；高：40.0；X：0.0；Y：20.0。FlashActionScript编程制作物理课件实例教程第5页共78页7、继续使用线条工具添加第二根、第三根刻度线……使用属性面板准确定位，使他们间距为10象素，顶端对齐，高度分别为20、20、20、20、30、20、20、20、20、40……8、可以用这样的方法绘图效率比较低，我们需要借助一些绘图技巧。点“视图”菜单，“网格”小菜单，“编辑网格”。选中“显示网格”和“贴紧至网格”，水平和竖直间距都填“10px”。保存默认值，确定。此后我们显示网格作为默认的编辑环境。9、显示网格后，我们绘制线段时只需要贴近网格按下鼠标，Flash就会自动显示一个靠近提示的圆圈，绘制长度和位置整十的线段就变得非常简单了。10、除了一根一根绘制之外，绘制好几根之后，批量复制、粘贴出来的线段使用选择工具整体移动也很方便。11、绘制相当于6cm的主尺即可，然后延0高度绘制一条水平线。用文本工具添加上刻度。12、新建影片剪辑元件：vernier。在ruler中复制一组线段，粘贴到vernier中。点窗口菜单，变形。打开变形面板，宽度改为90％，高度50％，旋转，180度，敲回车。FlashActionScript编程制作物理课件实例教程第6页共78页13、使用选择工具把变形后的线段左下角移动到影片剪辑0点。14、回到主场景，把图层1层标签改为main。点‘窗口“菜单，库。打开库面板，将ruler和vernier两个元件分别拖入主场景，使两个实例的注册点在同一直线上。15、保存，发布。同学们课后可自行将游标卡尺的外形线条绘制完成。【例1-1说明】本例中使用不同的方法绘制（调整）线段的位置，方法繁简程度差别巨大。使用合适的方法进行绘制，可以提高绘图的效率和精度。进行下一个例子之前，我们来重温一下Flash中的割断属性。当使用铅笔、钢笔、线条、椭圆、矩形或刷子工具来绘制一条与另一条直线或已涂色形状交叉的直线时，重叠直线会在交叉点处分成线段。可以使用选取工具来分别选择、移动每条线段并改变其形状。上图分别是一个填充；一条直线穿过的填充；分割形成的两个填充和三条线段。【例1-2：电表表盘的绘制】1、新建Flash文档，大小设为550*400，背景设为白色，帧速12fps。（以后不特别声明，本讲义中所有的实例均使用此设置。）2、新建影片剪辑元件：dial。在dial中绘制一根长150象素，底部在中心十字的竖直线。FlashActionScript编程制作物理课件实例教程第7页共78页3、选择任意变形工具，点击选择线段，将中心点的标志从中间拖到线段最下角（影片剪辑的中心十字处），如右图。4、点“窗口”菜单，变形。打开变形面板，选旋转，10度。点击右下角的复制并应用变形按钮（图中光标处）。5、不停点击复制并应用变形按钮，就可依次复制出旋转10度、20度、30度……的线段。6、进行类似3到5步的操作，复制出向左放旋转的线段。7、选椭圆工具，线条颜色选黑色，填充颜色选无（如下左图），绘制一个空心圆。注意圆不要与刚刚绘制的线条相交，如下中图。FlashActionScript编程制作物理课件实例教程第8页共78页8、选选择工具，确保选中了刚才绘制的圆，并检查一下信息面板的元件位置选择中心（如上右图）。打开属性面板，分别填入宽：280；高：280；X：0；Y：0。9、进行类似7到8步的操作，绘制宽高分别为250和265的两个圆。10、使用选择工具，分别选取被不需要的部分，一一删除。只保留电表刻度需要的部分。这个操作中如果画面太小不易操作，可使用缩放工具放大画面。10、使用文本工具，给表盘添加刻度和电表标志。下图为放大200％以便鼠标操作。11、保存。这个例子中制作的表盘我们将在后面的例子中用到。【例1-2说明】这个例子制作比较繁琐，为了减少工作量，我们制作的刻度比较稀疏，利用类似的方法完全可以制作出刻度稠密的表盘或者欧姆表这样刻度不均匀的表盘来。使用变形面板“复制并应用变形”的方法和图像的割断属性相结合的方法，是用来制作旋钮、表盘等旋转部件的绝佳方法，希望同学们认真体会、掌握。【关于字体和字符】FlashActionScript编程制作物理课件实例教程第9页共78页Flash中的字体和字符单独拿出来说明一下，这是因为制作物理课件时，公式、符号是不可缺少的，有的老师、同学制作课件时对公式、字符的标准化注意不够。对于科学符号，国家标准GB3102-1993专门作出了详细的规定。如果你的课件想参加评比或者到出版社出版，那么就必须严格遵守国家标准。我们在制作《物理学网络课程》和《大学物理教学资源库》过程中，对此印象特别深刻。也领略了出版社审阅编辑的严格、细致和眼光锐利。简单来说，出版物的汉字正文使用宋体，汉字标题可使用黑体或宋体加粗，注释或附录性文字使用楷体或仿宋，其他字体在正文中较少出现。英文正文和阿拉伯数字使用TimesNewRoman字体。公式中的希腊字符，使用Symbol字体。为了表示不同的信息，比如人名、专用名次、矢量等，字符可以使用白体、斜体、粗体、粗斜体等不同的变化。为了增加对字体字型的感性认识，附录2是字体各种形式的变化。附录3是字体变化的规则，和查阅相应的国家标准，附录4是关于量和符号的国家标准清单。科技出版社和高教出版社最近几年出版的教材里的字体符号都是经严格审查的，权威性较高，在制作Flash动画时如果不能确定字符变化形式，可作为标准参考。另外，word自带的公式编辑器输入公式和特殊字符也是很规范的，可在公式编辑器编辑公式的状态下全选、复制、粘贴到Flash中，这样能够保持矢量字体的可编辑特性。打开公式编辑器的方法是在word中点插入菜单，对象，在新建对象类型的列表中找到“Microsoft公式3.0”，点确定。FlashActionScript编程制作物理课件实例教程第10页共78页第二课ActionScript基础追溯FlashActionScript的历史要从Flash2开始，经过Flash3、Flash4的不断发展，Flash5开始支持面向对象编程；FlashMX(Flash的第6个版本)就已经发展为比较成熟的面向对象编程语言；FlashMX2004(Flash的第7个版本)引入了ActionScript2.0的概念，使习惯于在C++或者java下编程的程序员可以在自己熟悉的编程习惯下工作；Flash8进一步加强了安全方面的限制；在Flash将要发布的下一个版本Flash9中，将引入ActionScript3.0。FlashActionScript版本频繁的升级，在带给我们越来越强大的功能的同时，保持了不错的向下兼容特性，但是或多或少使我们的学习ActionScript编程的难度增大了。Flash中的最基本的ActionScript是按钮事件和对影片时间轴进行控制的语句，最初的一些语句从Flash2版本起就存在了，因此在Flash中有很深远的影响，很多Flash的入门书至今也只有这一部分的内容，这当然是远远不够的。Flash中使用动作面板来输入ActionScript程序，如果动作面板没有打开，我们可以选择“窗口”菜单，“动作”；或者在需要添加ActionScript的帧或实例上点右键菜单，选“动作”；动作面板的快捷键是F9。打开的动作面板如图。我们