验11 按钮控制(P267)

  按钮控制(互动游戏:实例的移动、显示、隐藏)

 文档属性:大小:800*600,背景:天宫。

  按钮控制孙悟空在天宫中移动、显身、隐身。

 按钮层:上、下、左、右、显身、隐身按钮。

 角色层:孙悟空.gif,实例名 swk

 背景层:天宫

 向上按钮动作命令:

  on (release) {

      setProperty("swk",_y,Number(getProperty("swk",_y))-30);

   }

 向下按钮动作命令:

  on (release) {

      setProperty("swk",_y,Number(getProperty("swk",_y))+30);

   }

 向左按钮动作命令:

  on (release) {

      setProperty("swk",_x,Number(getProperty("swk",_x))-50);

   }

 向右按钮动作命令:

  on (release) {

      setProperty("swk",_x,Number(getProperty("swk",_x))+50);

   }

 显身按钮动作命令:

 on (release) {

     if(Number(getProperty("swk",_alpha))<100){

        setProperty("swk",_alpha,Number(getProperty("swk",_alpha))+20);

       }

   }

 隐身按钮动作命令:

 on (release) {

     if(Number(getProperty("swk",_alpha))>5){

        setProperty("swk",_alpha,Number(getProperty("swk",_alpha))-20);

       }

   }

 

实验12 视频广告(P283)

  视频广告 spgg.rar江山如画:东西南北)

 故事板:相片(300*200)上海世界博览会、西藏布达拉宫、海南天涯海角、北京八达岭长城。

场景 1 场景 2

200

北 300
BJcc_x.JPG (13290 字节)
北京
八达岭长城
  场景 3

SBzgg_x.jpg (10615 字节)
上海
世界博览会
西
XZbdlg_x.jpg (13558 字节)
西藏
布达拉宫

HNtyhj_x.jpg (8234 字节)
海南
天涯海角

BJcc_x.JPG (13290 字节)
北京
八达岭长城
200 西
XZbdlg_x.jpg (13558 字节)  
西藏
布达拉宫

 
SBzgg_x.jpg (10615 字节)
上海
世界博览会
- BJcc_x.JPG (13290 字节)
北京
八达岭长城
        200 南 300
HNtyhj_x.jpg (8234 字节)
海南
天涯海角
   

1.文档属性:大小 800*600,背景 深绿色。

  编辑网格:视图—网格—编辑网格 100 * 100 px。

2.场景 1 :逐一移动水平排列“东、西、南、北”风景。

移动、渐显风景间隔 10 帧,保持画面 10 帧。

  场景 2 :风景排列成上北,下南,左西,右东。

排列风景间隔 10 帧,保持画面 10 帧。

  场景 3 :逐一堆迭“东、西、南、北”风景。

堆迭风景间隔 10 帧,保持画面 10 帧。

3.风景到位时,增加文字和声音 mp3.MP3 提示。

画板上分布的“东、西、南、北”风景相坐标

0

200

200

 

400

 

600     800

 


SBzgg_x.jpg (10615 字节)
上海
世界博览会
西
XZbdlg_x.jpg (13558 字节)
西藏
布达拉宫

HNtyhj_x.jpg (8234 字节)
海南
天涯海角

BJcc_x.JPG (13290 字节)
北京
八达岭长城
400

600

 

 

 

 

 

 

场景 1 

风景相大小 200*200,水平排列。

坐标与帧的对照表

0 10 20 30 40 50 60 70 80 91-100
北坐标             0,200 600,200
透明             0% 100% 100%--0%
文字               北京 八达岭长城
透明               0% 100% 100%--0%
南坐标         0,200 400,200
透明         0% 100% 100%--0%
文字           海南 天涯海角
透明           0% 100% 100%--0%
西坐标     0,200 200,200
透明     0% 100% 100%--0%
文字       西藏 布达拉宫
透明       0% 100% 100%--0%
东坐标 0,200
透明 0% 100% 100%--0%
文字   上海 世界博览会
透明   0% 100% 100%--0%
声音   mp3.MP3   mp3.MP3   mp3.MP3   mp3.MP3    

场景 2 

风景相大小 300*200,上北,下南,左西,右东排列。

坐标、地图与帧的对照表

100 110 120 130 140 150 160 170 180 191-200
北坐标 600,200 250,0
文字   北京 八达岭长城
透明   0% 100% 100%--0%
南坐标     400,200 250,400  
文字       海南 天涯海角
透明       0% 100% 100%--0%
西坐标             200,200 0,200  
文字               西藏 布达拉宫
透明               0% 100% 100%--0%
东坐标         0,200 500,200  
文字           上海 世界博览会
透明           0% 100% 100%--0%
声音   mp3.MP3   mp3.MP3   mp3.MP3   mp3.MP3    
背景               中国地图

场景 3 

风景相大小 300*200,中间排列。

堆迭风景相与帧的对照表

200 210 220 230 240 250 260 270 280 291-300
北坐标             250,0 250,200
文字               北京 八达岭长城
透明               0% 100%  
南坐标         250,400 250,200        
文字           海南 天涯海角      
透明           0% 100%      
西坐标     0,200 250,200            
文字       西藏 布达拉宫          
透明       0% 100%          
东坐标 500,200 250,200                
文字   上海 世界博览会              
透明   0% 100%              
声音   mp3.MP3   mp3.MP3   mp3.MP3   mp3.MP3    

 

实验13 网页切换(P308)

  网页切换(圣诞贺卡、天门天宫):1、2、3 帧切换。

 文档属性:大小:800*600,背景:天门天宫

  首页:孙悟空在天门冲剌

  主页:孙悟空在天宫冲剌、棒打

 1 帧:首页

  背景层:天门

  角色层:孙悟空冲剌

 方向键控制孙悟空移动。

 孙悟空到达“进入天宫”控制范围:控制点(333,210)四边扩展 10。

  移动步级改为:x++,y++

 或者直接赋值:x=333,y=210

    y>0
y-5
   
    y>200
y++
y=210
   

x>323
x=333  
x<343
x>0
x-5
x++
x=333
y=210   x--
x=333
x<580
x+5
   
y<220
y--
y=210
   
    y<500
y+5
   

onClipEvent (enterFrame) {

  if(Key.isDown(Key.LEFT)and this._x>0){

    this._x-=5;

  }

  if(Key.isDown(Key.RIGHT)and this._x<=323)

     this._x+=5; 

    if(Key.isDown(Key.RIGHT)and this._x>323){

          this._x=333;

     }

  if(Key.isDown(Key.UP) and this._y>=220)

     this._y-=4;

 if(Key.isDown(Key.UP) and this._y<220)

     this._y=210;

 if(Key.isDown(Key.DOWN)and this._y<500)

     this._y+=4;

   }

  按钮:“进入天宫”,命令:on (release) {gotoAndplay(2);}

  动作命令:第 1 帧 

   stop();

   if(Number(getProperty("swk",_x))==333  and

      Number(getProperty("swk",_y))==210)

     {gotoAndplay(2);}

 2 帧:主页

  背景层:天宫

  角色层:孙悟空冲剌

  按钮层:“孙悟空对打”,命令:on (release) {gotoAndplay(3);}

  动作命令:第 2 帧 stop();

 3 帧:

  背景层:天宫

  角色层:孙悟空冲剌对应棒打

  按钮层:“孙悟空冲剌”,命令:on (release) {gotoAndplay(2);}

  动作命令:第 3 帧 stop();

 

实验14 MTV 短片(P323)

  MTV 短片 MTV.rar(帧分段切换:片头、播放、片尾、重播)

  飞机 鲤鱼  跳转按钮 tzan1 tzan2

实验步骤:

 1.帧切换按钮(P323)

   右击场景中按钮—动作面板—全局函数—影片剪辑控制—

双击 on 命令—选择 Release—系统添加代码"On (Release) {};"—

时间轴控制—双击 gotoAndPlay 命令—

  系统添加代码"On (Release) {gotoAndPlay()};"—

   设置跳转场景、目标类型(如,帧数)、帧序号(如,21)。

 2.MTV 短片(帧分段切换)制作案例 tzan tzan1 tzan2

帧切换

1—19帧

20关键帧

21—39帧

40关键帧

41—59帧

60关键帧

影片

片头播放
进度条

stop

片中播放
火箭射机

stop

片尾播放
鱼射飞鸽

stop

声音

 

Beam Scan
Metal Klank

Camera Shutter

文字 加载文件

 

火箭击中飞机

 

飞鱼追上飞鸽

 

按钮

火箭射飞机
跳转21帧

 

飞鱼追飞鸽
跳转41帧

 

 

点击重播
跳转1帧

 3.选择模拟声音

  用 Beam Scan 模拟飞机轰轰声,

  用 Camera Shutter 模拟飞鸽吱吱叫,

  用 Cloth Rip 模拟飞鱼跳水声。

  用 Metal Klank 模拟爆炸声。

 

实验15 网站页面(P342)

 网站页面(静态、动态、超链接)网站页面1导航框架

 北京中轴线

北京永定门到钟鼓楼的南北向8公里中轴线偏离子午线,指向内蒙锡林浩特。

1.文档属性:大小 1000*700,背景 深绿色。

  编辑网格:视图—网格—编辑网格 100 * 100 px。

2.网站标题层:

  输入文本“北京中轴线”,并转换为按钮元件。

  动作命令:on (release) {

  getURL("http://www.wltd828.com/jttx/bjzzx.htm","_blank");

    }

3.日期时间 rqsj.rar

 3.1 获取当前的日期:年、月、日和时间:时、分、秒的数值,

动态文本关联日期时间变量:year month date hour minute second。

 3.2 动作/ActionScript 2.0 类(内置类)/

核心/Date/new Date/方法/getDate。

 3.3 引用舞台对象:加上当前舞台主时间轴的说明“_root”。

_root.onEnterFrame=function(){

myd=new Date();

year=myd.getFullYear();

month=myd.getMonth()+1;

date=myd.getDate();

hour=myd.getHours();

minute=myd.getMinutes();

second=myd.getSeconds();

}

4.导航层:8个风景图片(100*60 px)转换为按钮元件。

 如,永定门、前门、天安门广场、天安门、

故宫、景山公园、鼓楼、鸟巢水立方。

 动作命令:如 on (release) {gotoAndplay(5);}。

点击按钮分别转到(1 -- 8)某一帧,并显示相应的风景图片。

5.风景层:1 -- 8 帧分别放置不同的风景图片(1000*600 px)。

每一帧都加入停止命令:stop();

导航框架

北京中轴线   日期时间
ydm.jpg (86900 字节) qm.jpg (98266 字节) TAMgc.jpg (125098 字节) TAMgcx.jpg (50507 字节) gg.jpg (166122 字节) jsgy.jpg (44040 字节) gl.jpg (80001 字节) NC-SLB.jpg (86650 字节)