验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);
}
}
故事板:相片(300*200)上海世界博览会、西藏布达拉宫、海南天涯海角、北京八达岭长城。
场景 1 | 场景 2
200 |
北
300 北京 八达岭长城 |
场景 3 | |||||
东![]() 上海 世界博览会 |
西![]() 西藏 布达拉宫 |
南![]() 海南 天涯海角 |
北 北京 八达岭长城 |
200 | 西![]() 西藏 布达拉宫 |
东![]() 上海 世界博览会 |
- | 北京 八达岭长城 |
200 | 南
300![]() 海南 天涯海角 |
1.文档属性:大小 800*600,背景 深绿色。
编辑网格:视图—网格—编辑网格 100 * 100 px。
2.场景 1 :逐一移动水平排列“东、西、南、北”风景。
移动、渐显风景间隔 10 帧,保持画面 10 帧。
场景 2 :风景排列成上北,下南,左西,右东。
排列风景间隔 10 帧,保持画面 10 帧。
场景 3 :逐一堆迭“东、西、南、北”风景。
堆迭风景间隔 10 帧,保持画面 10 帧。
3.风景到位时,增加文字和声音 mp3.MP3 提示。
画板上分布的“东、西、南、北”风景相坐标
场景 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 |
网页切换(圣诞贺卡、天门天宫):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();
MTV 短片 MTV.rar(帧分段切换:片头、播放、片尾、重播)
实验步骤:
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 |
Camera Shutter |
|||
文字 | 加载文件 |
|
火箭击中飞机 |
|
飞鱼追上飞鸽 |
|
按钮 |
火箭射飞机 |
|
飞鱼追飞鸽 |
|
|
点击重播 |
3.选择模拟声音
用 Beam Scan 模拟飞机轰轰声,
用 Camera Shutter 模拟飞鸽吱吱叫,
用 Cloth Rip 模拟飞鱼跳水声。
用 Metal Klank 模拟爆炸声。
网站页面(静态、动态、超链接)网站页面1、导航框架。
北京永定门到钟鼓楼的南北向8公里中轴线偏离子午线,指向内蒙锡林浩特。
1.文档属性:大小 1000*700,背景 深绿色。
编辑网格:视图—网格—编辑网格 100 * 100 px。
2.网站标题层:
输入文本“北京中轴线”,并转换为按钮元件。
动作命令:on (release) {
getURL("http://www.wltd828.com/jttx/bjzzx.htm","_blank");
}
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();