WEB开发网
开发学院图形图像Flash Photoshop结合Flash制作瓢虫变色交互动画(3) 阅读

Photoshop结合Flash制作瓢虫变色交互动画(3)

 2007-09-06 11:11:11 来源:WEB开发网   
核心提示: 好,回到舞台中,Photoshop结合Flash制作瓢虫变色交互动画(3)(7),修改第一帧的程序:_root.onEnterFrame=function(){//只要一开始动画,就执行大括号里的程序colora=newColor(_root.sk);colora.setRGB(rgb);

好,回到舞台中,修改第一帧的程序:

_root.onEnterFrame=function(){//只要一开始动画,就执行大括号里的程序
colora=newColor(_root.sk);
colora.setRGB(rgb);
rgb=(r<<16|g<<8|b); //设置色块电影的颜色
r=_root.rr.an._y;  //设置按钮的坐标与红色值相交互
_root.rr.onPress=function(){ //如果在红色按钮上按下鼠标左键
     _root.rr.an.startDrag(true,0,0,0,255); //红色按钮中嵌套的“an”电影实体可以被鼠标拖动,范围是纵向255像素
}
onMouseUp=function(){
     _root.rr.stopDrag(); //如果鼠标松开,停止拖动
}
}

Photoshop结合Flash制作瓢虫变色交互动画(3)

按Ctrl+回车试一下吧,哈哈,红色按钮可以向下拖动啦。并且虫虫随之变色。

Photoshop结合Flash制作瓢虫变色交互动画(3)

只要测试成功一个,其他的就好办,复制部分代码,一改就OK了。看一下最终的代码吧。

_root.onEnterFrame=function(){//只要一开始动画,就执行大括号里的程序
colora=newColor(_root.sk);
colora.setRGB(rgb);
rgb=(r<<16|g<<8|b); //设置色块电影的颜色
r=_root.rr.an._y;  //设置按钮的坐标与红色值相交互
g=_root.gg.an._y; 
b=_root.bb.an._y; 
_root.rr.onPress=function(){
    
_root.rr.an.startDrag(true,0,0,0,255);
}
_root.gg.onPress=function(){
    
_root.gg.an.startDrag(true,0,0,0,255);
}
_root.bb.onPress=function(){
    
_root.bb.an.startDrag(true,0,0,0,255);
}
  
onMouseUp=function(){
    
_root.rr.stopDrag();
    
_root.gg.stopDrag();
    
_root.bb.stopDrag();
}
}

我就不写那么多注释啦,看懂前面的,后面的一看就明白。

Photoshop结合Flash制作瓢虫变色交互动画(3)

这是测试结果,可以自已设置RGB的值。

Photoshop结合Flash制作瓢虫变色交互动画(3)

这里我提供大家我做好的一张背景图,大家也可以自己找找素材,做出更漂亮的背景放在底部。

Photoshop结合Flash制作瓢虫变色交互动画(3)

在最底层,使用导入到舞台的方法,把背景层导入进来并对齐。可以看到,虫虫就融合在背景中啦。

Photoshop结合Flash制作瓢虫变色交互动画(3)

最后导出来SWF文件,使用“文件”-“导出”-“导出影片”,将这个文件导出为最终作品。

上一页  2 3 4 5 6 7 

Tags:Photoshop 结合 Flash

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接