AS 制作倒计时原理与方法.docVIP

as制作倒计时的原理与方法 ??? ??? 教学目的：通过本节教学了解和掌握动态文本的输入、设置和as语句的添加使用，进而运用这些原理制作倒计时的动画效果。 　　教学对象：本教材是针对有一定动画制作基础和对工具箱、动作面板及as语句有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。 ??? 教学要点：动态文本、实例名称、变量、动作面板、脚本添加。 ? ? ???? 作前准备：准备一张规格为550*400背景图片，经过制图软件（ps、fw）处理后保存到指定的文件夹待用。??? 　　?制作步骤 ??? 1.启动FLASH8?软件。 ??? 2.确立文档属性 设置动画尺寸为550*400，背景颜色黑色，其它默认,点击确定，进入场景1。 如图1所示： 图1 ??? 3.编辑制作场景 添加三个图层，共四个图层。自下而上分别命名为背景，边框，文本，as。 ????（1）选择边框图层第一帧，用矩形工具在舞台拖一个红色的，规格为550*50，无边线的矩形，上对齐，水平中齐。右键该实例将其转换为图形元件。从库中拖出矩形图形元件到舞台，下对齐，水平中齐。上锁。如图2，图3所示： 图2 图3 ????（2）选择文本图层第一帧，用文本工具，选定动态文本，填写实例名称为：shuchu? 变量为：outtime1 ，其它参数，如图4所示： 图4 在上边框上拖一个动态文本框，规格约512*35，水平居中。如图5所示： 图5 再用文本工具，选定动态文本，填写实例名称为：shuchu? 变量为：outtime2，其它参数，如图6所示： 图6 在下边框上拖一个动态文本框，规格约505*32，水平居中。锁定该图层。如图7所示： 图7 ????（3）选择背景图层第一帧，导入已准备好的背景图片到舞台，规格为550*400，全居中。上锁。如图8所示： 图8 ????（4）选择as图层第一帧，按f9，打开动作面板，在as编辑区输入，如下语句： function aoyuntimelist() {?nowdate = new Date();??year = nowdate.getFullYear();??month = nowdate.getMonth()+1;??date = nowdate.getDate();??day = nowdate.getDay();??hour = nowdate.getHours();??minute = nowdate.getMinutes();??second = nowdate.getSeconds();??enddate = new Date(2009, 1, 14, 0, 0, 0);??shijiancha = (enddate.getTime()-nowdate.getTime())/1000;??if (shijiancha=0) {????shengyutian = Math.floor(shijiancha/(3600*24));????shengyuxiaoshi = Math.floor((shijiancha-shengyutian*24*3600)/3600);??shengyufen = Math.floor((shijiancha-shengyutian*24*3600-shengyuxiaoshi*3600)/60);??shengyumiao = Math.floor(shijiancha-shengyutian*24*3600-shengyuxiaoshi*3600-shengyufen*60);??if (month10) {???month = 0+month;??}??if (date10) {???date = 0+date;??}??if (hour10) {???hour = 0+hour;??}??if (minute10) {???minute = 0+minute;??}??if (second10) {???second = 0+second;??}??if (shengyutian10) {???shengyutian = 0+shengyutian;??}??if (shengyuxiaoshi10) {???shengyuxiaoshi = 0+shengyuxiaoshi;??}??if (shengyufen10) {???shengyufen = 0+shengyufen;??}??if (shengyumiao10) {???shengyumiao = 0+shengyumiao;??}??outtime1 = 2009年情人节距今天还有+Stri