您好!欢迎您光临纯脚本歌卡的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>纯脚本歌卡的制作原理与方法
纯脚本歌卡的制作原理与方法
发表日期:2013/8/23 23:32:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 1221

 

纯脚本歌卡的制作原理与方法

 

 

    教学目的:通过本节教学了解和掌握动态文本实例名称、变量的输入,按钮的创建、动作面板及帧as语句的添加,通过巧妙的设计制作,进而实现纯脚本歌卡之动画效果。

    教学对象:本教材是针对有一定动画制作基础和对属性面板、动作面板、as语句,工具箱及相关界面有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学重点:动态文本、实例名称、变量、按钮、动作面板、as语句。

     

 

    作前准备

    1.准备规格为100*320的装饰图片舞者和mm各一张,和透明无背景的动态蝴蝶、彩框的glf图片各一张,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

    2.准备30首缓冲效果较好、有效期久远的mp3绝对地址,保存到指定的文件夹待用。 

    制作过程

    1.启动flash8软件。

    2.确立文档属性 设置动画尺寸为700*400,背景颜色随意,其它默认,点击确定,进入场景1。如图1所示:


图1

    3.首先将准备好的图片素材导入库中,待用。




 

(素材图)

    3.创建按钮元件

    选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    (1)选择图层1第4帧(点击)插入空白关键幀,用矩形工具在舞台拖一个规格为30*30的、无边线的正方形,颜色随意,全居中。 如图2所示:



图2

    4.组织编辑场景

    返回场景1,添加八个图层,共九个图层。自下而上命名为,如图3所示:

图3

    (1)选择歌曲图层第一帧,用动态文本工具在舞台拖一个动态文本框,规格约280*217,居中偏下。如图4所示:



图4

点击该文本框,在属性面板填写其实例名称为:cuibai 。如图5所示:

图5

其它参数可参考,如图6所示:



图6

在第2幀插入幀。

    (2)选择彩框图层第一帧,从库中拖出素材图片彩框到舞台,规格改为401*294,将其放置在歌曲动本框处,调整好位置。在第2幀插入幀,上锁。如图7所示:

图7

    (3)选择下载图层第一帧,用动态文本工具在彩框下方拖一个动态文本框,水平中齐。如图8所示:



图8

点击该文本框,在属性面板填写其变量为:txt2 。其它参数可参考,如图9所示:



图9

在第2幀插入幀。

    (4)选择进度图层第一帧,用动态文本工具在下载文本框的左侧拖一个动态文本框,并列对齐。如图10所示:



图10

点击该文本框,在属性面板填写其变量为:timeline 。其它参数可参考,如图11所示:


图11

在第2幀插入幀。

    (5)选择比率图层第一帧,用动态文本工具在下载文本框的右侧拖一个动态文本框,并列对齐。如图12所示:



图12

点击该文本框,在属性面板填写其变量为:txt1 。其它参数可参考,如图13所示:



图13

在第2幀插入幀。锁定以上三个实例的图层。

    (6)选择按钮图层第一帧,从库中拖出“隐钮”按钮元件到舞台,规格不变,将其放置在舞台的左上角处,调整好位置。如图14所示:

图14

点击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 play();

}

在第2幀插入幀,上锁。

    (7)选择装饰图层第一帧,分别依次从库中拖出蝴蝶、舞女、mm素材图片到舞台,将其放置在彩框的两侧适当位置,调整好规格、位置。如图15所示:

图15

    (8)选择文本图层第一帧,用文本工具,在舞台的适当位置上输入作品的题目和相关链接、提示,并在按钮上输入“静音”两个字。各文本的字体、规格、颜色自定,调整好位置。如图16所示:

图16

在第2幀插入幀,上锁。


    (9)选择AS图层第一帧,按f9,打开动作面板,在as编辑区输入,如下语句:

    **见边框下方

在第2幀插入空白关键幀,点击该幀,按f9,打开动作面板,在as编辑区输入,如下语句:

stop();
stopAllSounds();

锁定所有图层。


    5.本作业完成后的时间轴,如图17所示:



图17

    6.测试存盘。

 
    说明:
 
    1.制作中如果增减歌曲可按照脚本中的歌曲名称与歌曲地址的规律性而增减,但歌曲名称和该歌曲的地址,必须一一相对,不可错位。
 
    2.教程中动态文本(歌曲名称)文字的大小和正在播放的歌曲名称颜色及鼠标触摸点击歌曲的名称颜色变化与文字的大小由脚本指令,与该文本在属性面板的参数设置无关(未播放和为点选的歌曲名称颜色除外)
 
    3.本教程作品演示中的日期是通过滤镜-投影处理。
 
    4.歌卡的形状、色彩可根据作品的需要和自己的喜好而设计。
 

最终效果显示:


http://hsb345.16789.net/domName/hsb345/201381914365751552.swf

 

全屏下载

 

祝你成功

 

进入更多教程

 

 

stop ();
function loadsound(x)
{
    played = 0;
    aa = 0;
    paused = false;
    key = true;
    s = new Sound();
    s.loadSound(x, true);
    trackname = id + 1 + "." + mp3name[id];
    s.start();
    s.onSoundComplete = function ()
    {
        id = id == mp3name.length - 1 ? (0) : (id + 1);
        loadsound(mp3[id]);
    };
    mix.gotoAndStop(1);
    cp.gotoAndPlay(1);
    addList();
}
function getid(i)
{
    id = int(i);
    addList();
    clearInterval(poll);
    loadsound(mp3[id]);
}
function addList()
{
    Name = "";
    for (var _loc1 = 0; _loc1 < mp3name.length; ++_loc1)
    {
        num = int(_loc1) + 1;
        num = num < 10 ? ("0" + num) : (num);
        if (id != _loc1)
        {
            Name = Name + "<a href=\"asfunction:getid," + _loc1 + "\">" + num + "." + mp3name[_loc1] + "</a><BR>";
            continue;
        }
        Name = Name + "<a href=\"asfunction:getid," + _loc1 + "\"><font color=\"#99FF00\">" + num + "." + mp3name[_loc1] + "</font></a><BR>";
    }
    cuibai.styleSheet = myStyleSheet;
    cuibai.htmlText = Name;
}
var j = 0;
var mp3name = ["相亲相爱一辈子","想你 想你","爱你一生不变","鱼水情歌 陈瑞 许强","梨花情","我爱你不是因为你爱我", "爱上你这样的女人", "火辣辣的爱", "今生无缘来生再聚", "走进我梦里", "不要再来伤害我", "放下难舍的缘", "忘不掉你的美", "你在你的梦里遇见谁", "我是真的真的爱你", "一生无悔", "我要抱着你", "想着你亲爱的", "邂逅", "那年的情书", "电话情缘", "遇上你是我的缘", "今世有缘", "想思渡口", "长相爱 贵相知", "自由飞翔-恰恰", "山里妹子真漂亮", "多想做个幸福的女人", "喜欢你没道理 ", "你是我今生最爱的女孩"];
var mp3 = ["http://www.duliya.com/UploadFiles/User/222/201211/2012111022271658115.mp3","http://www.duliya.com/UploadFiles/User/238/201212/2012120821384527007.mp3","http://www.duliya.com/UploadFiles/User/229/201211/2012110910102283029.mp3","http://www.duliya.com/UploadFiles/2012-10/2/2012102609531563461.mp3","http://www.duliya.com/UploadFiles/User/223/201211/2012110915262278370.mp3", "http://www.duliya.com/UploadFiles_F/User/309/201303/2013032114491098322.mp3", "http://www.duliya.com/UploadFiles_F/User/659/201303/2013031619522058798.mp3", "http://www.duliya.com/UploadFiles_F/User/659/201303/2013031123125732505.mp3", "http://www.duliya.com/UploadFiles_F/User/516/201303/2013031120331599127.mp3", "http://www.duliya.com/UploadFiles/User/309/201212/2012122910101255022.mp3", "http://www.duliya.com/UploadFiles/User/516/201212/2012122112540119448.mp3", "http://www.duliya.com/UploadFiles/User/309/201212/2012121409383265496.mp3", "http://www.duliya.com/UploadFiles/User/309/201211/2012112608131845876.mp3", "http://www.duliya.com/UploadFiles/User/309/201211/2012111301032285275.mp3", "http://www.duliya.com/UploadFiles/User/370/201210/2012102100214935087.mp3", "http://www.duliya.com/UploadFiles/User/384/201210/2012102116334463483.mp3", "http://www.duliya.com/UploadFiles/User/222/201210/2012100422555728890.mp3", "http://www.duliya.com/UploadFiles/User/222/201210/2012100413432749460.mp3", "http://www.duliya.com/UploadFiles/User/353/201209/2012092817562679079.mp3", "http://www.duliya.com/UploadFiles/User/222/201208/2012082022533513786.mp3", "http://www.duliya.com/UploadFiles/User/248/201208/2012081116002037428.mp3", "http://www.duliya.com/UploadFiles/2012-08/admin/2012080616383831687.mp3", "http://www.duliya.com/UploadFiles/2012-08/admin/201208061633341261.mp3", "http://www.duliya.com/UploadFiles/2012-08/admin/2012080616252736067.mp3", "http://www.duliya.com/UploadFiles/2012-08/admin/2012080616194924595.mp3", "http://www.duliya.com/UploadFiles/User/248/music/201207130110349692.mp3", "http://www.duliya.com/UploadFiles/User/248/music/2012071302455856779.mp3", "http://www.duliya.com/UploadFiles/User/248/music/2012071401550260474.mp3", "http://www.duliya.com/UploadFiles/User/248/music/2012073114423999900.mp3", "http://www.duliya.com/UploadFiles/User/248/201208/2012080214082664636.mp3"];
var s = new Sound();
var id = 0;
var played = 0;
var key = true;
cssText = "a:link{text-decoration: none;font-size:14px;} a:hover{color:#CC9933; text-decoration: underline;font-size:14px;} a:active{color:#0000ff;text-decoration: none;font-size:14px;}";
myStyleSheet = new TextField.StyleSheet();
myStyleSheet.parseCSS(cssText);
loadsound(mp3[id]);
var time1 = time2 = time3 = time4 = 0;
var yyy = yyt._x;
this.onEnterFrame = function ()
{
    l = s.getBytesLoaded();
    loading._width = l / m * 313;
    m = s.getBytesTotal();
    b = int(l / m * 100);
    txt1 = b + "%";
    txt2 = int(l / 1000) / 1000 + "m" + " | " + int(m / 1000) / 1000 + "m";
    time1 = int(s.position / 60000) < 10 ? ("0" + int(s.position / 60000)) : (int(s.position / 60000));
    time2 = int(s.position / 1000 % 60) < 10 ? ("0" + int(s.position / 1000 % 60)) : (int(s.position / 1000 % 60));
    time3 = int(s.duration / 60000) < 10 ? ("0" + int(s.duration / 60000)) : (int(s.duration / 60000));
    time4 = int(s.duration / 1000 % 60) < 10 ? ("0" + int(s.duration / 1000 % 60)) : (int(s.duration / 1000 % 60));
    timeline = time1 + ":" + time2 + " | " + time3 + ":" + time4;
    aa = s.position;
    bb = s.duration;
    yyt._x = int(aa) / int(bb) * 313 + yyy;
    if (int(s.position) <= 1000)
    {
        ldmc.play();
        aa = aa + 1;
        if (aa >= 300)
        {
            ldmc.gotoAndStop(11);
        }
    }
    else
    {
        ldmc.gotoAndStop(10);
        ldmc.preload._width = l / m * 118;
    }
};

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



zhanganin
(2014/1/26 23:14:00) [125.68.98.]

翠柏老师跟着你的教程做了个播放器,可是我的鼠标在框内滑动怎么就没反应呀?(歌单不往下滑)望老师指点

 发表评论:共有 1 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏