Flash CS4教程:立体梦幻星空旋转3D地球

疯子___张

疯子___张

2016-02-16 19:30

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的Flash CS4教程:立体梦幻星空旋转3D地球教程,一起来看看吧!超容易上手~

演示:
 



 

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

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

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/flash/)

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/flash/)

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

展开更多 50%)
分享

猜你喜欢

Flash CS4教程:立体梦幻星空旋转3D地球

FLASH flash教程 autocad教程
Flash CS4教程:立体梦幻星空旋转3D地球

Flash CS4制作旋转立体字教程

FLASH flash教程 autocad教程
Flash CS4制作旋转立体字教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

flash教程3D旋转和3D位移

电脑应用
flash教程3D旋转和3D位移

Flash CS4 3D工具打造滚动的照片立方体

FLASH flash教程 autocad教程
Flash CS4 3D工具打造滚动的照片立方体

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Flash CS4中的3d工具,deco工具和骨骼工具

FLASH flash教程 autocad教程
Flash CS4中的3d工具,deco工具和骨骼工具

Flash实例教程:3D旋转图片-Flash实例教程

FLASH flash教程
Flash实例教程:3D旋转图片-Flash实例教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CorelDRAW绘制绿色的森林一角场景

CorelDRAW绘制绿色的森林一角场景

3DMAX实例教程:制作韩国游戏战士角色

3DMAX实例教程:制作韩国游戏战士角色
下拉加载更多内容 ↓