Flash CS4制作立体梦幻星空旋转3D地球动画效果

所属分类: 媒体动画 / Flash教程 阅读数: 75
收藏 0 赞 0 分享

本教程向大家介绍利用Flash CS4制作立体梦幻星空旋转3D地球动画效果,教程制作出来的效果非常漂亮梦幻,制作难度不是很大,学习一下,感觉教程很不错,转发过来,喜欢的朋友可以跟着一起制作这个旋转星球!

演示:



本教程用BitmapSphereBasic类,创建改变旋转方向和移动贴图的实例。

1、新建AS3.0 flv文档,文档属性,500*500像素,帧频60fps ,存盘。如图1:

Flash CS4教程:立体梦幻星空旋转3D地球,PS教程,思缘教程网

2、导入制作球体和背景的图片到库中,右键单击球体贴图图片,命名为Earth。如图2:

Flash CS4教程:立体梦幻星空旋转3D地球,PS教程,思缘教程网

3、创建名为dotClip的影片剪辑,图层1绘制15*15笔触黑色,填充色为#cccccc的圆形,第2帧插入关键帧。添加图层2,在第2 帧插入关键帧,绘制5*5无笔触,颜色为黑色的圆形。图层结构如图3:

Flash CS4教程:立体梦幻星空旋转3D地球,PS教程,思缘教程网

4、返回场景1,图层1拖入背景图片。

5、添加as层输入代码:


复制代码
代码如下:
//导入BitmapSphereBasic类
import com.flashandmath.cs4.BitmapSphereBasic;
//创建一个行星
var board:Sprite = new Sprite();
//添加到显示列表
this.addChild(board);
//生成 datatype BitmapSphereBasic 的一个函数。
// 设定函数初始值。
var ball:BitmapSphereBasic;
//旋转的一个布尔值的函数。
var autoOn:Boolean = true;
//两个函数为鼠标旋转。
var prevX:Number;
var prevY:Number;
//行星的位置.
var ballX:Number = 250;
var ballY:Number = 250;
//贴图
var imageData:BitmapData = new Earth(800,548);
ball = new BitmapSphereBasic(imageData);
board.addChild(ball);
ball.x = ballX;
ball.y = ballY;
//滤镜
ball.filters = [new GlowFilter(0xB4B5FE,0.6,32.0,32.0,1)];
this.addEventListener(Event.ENTER_FRAME,autoRotate);
board.addEventListener(MouseEvent.ROLL_OUT,boardOut);
board.addEventListener(MouseEvent.MOUSE_MOVE,boardMove);
board.addEventListener(MouseEvent.MOUSE_DOWN,boardDown);
board.addEventListener(MouseEvent.MOUSE_UP,boardUp);
function autoRotate(e:Event):void {
if (autoOn) {
ball.autoSpin(-1);
}
}
//三个侦听为旋转和鼠标。
function boardOut(e:MouseEvent):void {
autoOn = true;
}
function boardDown(e:MouseEvent):void {
prevX = board.mouseX;
prevY = board.mouseY;
autoOn = false;
}
function boardUp(e:MouseEvent):void {
autoOn = true;
}
function boardMove(e:MouseEvent):void {
var locX:Number = prevX;
var locY:Number = prevY;
//取反
if (! autoOn) {
prevX = board.mouseX;
prevY = board.mouseY;
ball.rotateSphere(prevY - locY, - (prevX - locX),0);
e.updateAfterEvent();
}
}

6、把附件中的com解压到同一目录下,完工测试。

Dot.rar

com.rar

教程结束,以上就是Flash CS4制作立体梦幻星空旋转3D地球动画效果,希望大家喜欢本教程!

更多精彩内容其他人还在看

Flash怎么制作纸飞机环形飞行的动画效果?

Flash怎么制作纸飞机环形飞行的动画效果?Flash cs4中想要制作一个飞机环形飞行的效果,该怎么制作这个效果呢?下面我们就来看看详细的教程,需要的朋友可以参考一下
收藏 0 赞 0 分享

Flash CS4怎么设计一款立体的文字字体?

Flash CS4怎么设计一款立体的文字字体?flash中想要设计一款立体的文字,该怎么设计呢?下面我们就来看看flash cs4立体字体的制作方法,需要的朋友可以参考一下
收藏 0 赞 0 分享

flash怎么绘制羊头?

flash怎么绘制羊头?flash中想要画一个简笔画羊头并上色,该怎么上色呢?下面我们就来看看flash绘制羊头的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash怎么随机输出小于10的整数?

Flash怎么随机输出0-9的数值?Flash中想要实现文本框中随机出现是个0-9的数据,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash CS4怎么制作一个文字幻影的动画效果?

Flash CS4怎么制作一个文字幻影的动画效果?Flash CS4中想要直走一个文字闪烁出现幻影的动态效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash cs6怎么用按钮控制数值转换为二进制数值?

Flash cs6怎么用按钮控制数值转换为二进制数值?flash舞台中输入的字符可以判断是否为数值,如果是数值直接转换为二进制数,该怎么实现这个功能呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画小龙虾? flash手绘小龙虾的教程

flash怎么画小龙虾?很喜欢吃小龙虾,想要手绘一只小龙虾,该怎么画小龙虾呢额?下面我们就来看看flash手绘小龙虾的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash8中怎么制作制作矩形翻动动画?

flash8中怎么制作制作矩形翻动动画?flash8中想要想要制作一个矩形沿着长方体边翻转的动画,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash cs6怎么使用网页格式改变文本颜色?

Flash cs6怎么使用网页格式改变文本颜色?Flash cs6中输入的文字想要改变颜色,方法有很多,今天我们就来介绍一种使用网页格式控制字体颜色的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash cs6中怎么创建视频? Flash视频的制作方法

Flash cs6中怎么创建视频?Flash cs6中想要创建视频文件,该怎么创建呢?下面我们就来看看Flash视频的制作方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多