首页 网页制作网络编程脚本专栏数据库网站运营网络安全平面设计CMS教程

FLASH 3D相册之利用BitmapData类制作

所属分类： 媒体动画 / Flash教程 阅读数： 129
收藏 0 赞 0 分享
/do/uploads/allimg/080906/1902130.jpg
FLASH相册不计其数。但像这种3D类相册，貌似还不是很多吧。呵呵。喜欢吗？如果喜欢，就学着给自己做一个吧。缺点就是只能放六张图片。因为只有六个面嘛。不过，如果您有创意，也可以试一下，八个面。或者十个面。呵呵。
制作方法。由于这个相册，主要运用到ActionScript。所以，前面动画部分就简略了。
1、先导入事先准备好的六张图片。点“文件”-"导入"-“导入到库”。
/do/uploads/allimg/080906/1902131.jpg

2、选择事先处理好的图片，然后依次导入。我们这里处理的图片大小为200*199。
/do/uploads/allimg/080906/1902132.jpg

3、导入后，然后打开库面板。
/do/uploads/allimg/080906/1902133.jpg

4、然后在导入的图片上击右键。选择“链接”。
/do/uploads/allimg/080906/1902134.jpg

5、在弹出的对话框中，输入"image0"。并且勾选如下图所示的两个复选框。
/do/uploads/allimg/080906/1902135.jpg

6、依照此方法，依次对其他五张图片进行设置。分别为"image0"、"image1"、"image2"、"image3"、"image4"、"image5"。
7、然后，可以在场景中绘制一个背景。颜色填充参考如下。这步不是必须的，呵呵。可以省略。
/do/uploads/allimg/080906/1902132.jpg

8、新建一AS层，添加代码。
/do/uploads/allimg/080906/1902137.jpg

9、代码及详细注释如下：

//导入BitmapData类
import flash.display.*;
//使 Flash 内容的尺寸固定
Stage.scaleMode = 'noScale';
//屏蔽右键
var my_mc:ContextMenu = new ContextMenu();
//隐藏右键
my_mc.hideBuiltInItems();
_root.menu = my_mc;
//创建一个空的影片剪辑，用于显示3D相册
_root.createEmptyMovieClip("my_blank_mc", 1);
//初始化旋转角度
var my_xuanzhuandushu = {x:0, y:0, z:0};
var my_Box_daxiaos = [{x:-100, y:-100, z:-100}, {x:100, y:100, z:-100}, {x:-100, y:100, z:-100}, {x:-100, y:-100, z:100}, {x:100, y:-100, z:100}, {x:100, y:100, z:100}];
//设置相册在舞台中的位置
my_blank_mc._x = 180;
my_blank_mc._y = 170;
//定义加载图片的函数
function my_getImages() {
  //由于立体相册只有六个面，所以这里复制六个图片；
  for (var i:Number = 0; i<6; i++) {
    //创建两个空影片MC
    my_blank_mc.createEmptyMovieClip("image"+i, i);
    my_blank_mc["image"+i].createEmptyMovieClip("my_blmc", i);
    //调用Bitmap
    my_blank_mc["image"+i].my_blmc.attachBitmap(BitmapData.loadBitmap("image"+i), 1, false, true);
  }
}
my_blank_mc.onEnterFrame = function() {
  //让相册旋转的力度，数字越小越快
  my_xuanzhuandushu.x -= this._ymouse/12000;
  my_xuanzhuandushu.y += this._xmouse/12000;
  var my_Box_zhuang_point = pointsTransform(my_Box_daxiaos, my_xuanzhuandushu);
  my_GetTransform(this.image0, my_Box_zhuang_point[2], my_Box_zhuang_point[0], my_Box_zhuang_point[3]);
  my_GetTransform(this.image1, my_Box_zhuang_point[5], my_Box_zhuang_point[1], my_Box_zhuang_point[2]);
  my_GetTransform(this.image2, my_Box_zhuang_point[0], my_Box_zhuang_point[2], my_Box_zhuang_point[1]);
  my_GetTransform(this.image3, my_Box_zhuang_point[4], my_Box_zhuang_point[3], my_Box_zhuang_point[0]);
  my_GetTransform(this.image4, my_Box_zhuang_point[3], my_Box_zhuang_point[4], my_Box_zhuang_point[5]);
  my_GetTransform(this.image5, my_Box_zhuang_point[1], my_Box_zhuang_point[5], my_Box_zhuang_point[4]);
};
function pointsTransform(points, my_xuanzhuandushu) {
  var my_Pointss = new Array();
  var sx = Math.sin(my_xuanzhuandushu.x);
  var cx = Math.cos(my_xuanzhuandushu.x);
  var sy = Math.sin(my_xuanzhuandushu.y);
  var cy = Math.cos(my_xuanzhuandushu.y);
  var sz = Math.sin(my_xuanzhuandushu.z);
  var cz = Math.cos(my_xuanzhuandushu.z);
  var x, y, z, xy, xz, yx, yz, zx, zy;
  var i = points.length;
  while (i--) {
    x = points[i].x;
    y = points[i].y;
    z = points[i].z;
    xy = cx*y-sx*z;
    xz = sx*y+cx*z;
    yz = cy*xz-sy*x;
    yx = sy*xz+cy*x;
    zx = cz*yx-sz*xy;
    zy = sz*yx+cz*xy;
    my_Pointss[i] = {x:zx, y:zy};
  }
  return my_Pointss;
}
function my_GetTransform(mc, a, b, c) {
  mc._visible = my_TransifVisi(a, b, c);
  if (!mc._visible) {
    return;
  }
  var m = mc.transform.matrix;
  m.tx = b.x;
  m.ty = b.y;
  m.a = (a.x-b.x)/mc.my_blmc._width;
  m.b = (a.y-b.y)/mc.my_blmc._width;
  m.c = (c.x-b.x)/mc.my_blmc._height;
  m.d = (c.y-b.y)/mc.my_blmc._height;
  mc.transform.matrix = m;
}
function my_TransifVisi(a, b, c) {
  var db = b.x-a.x;
  if (!db) {
    return (a.y>b.y == c.x>a.x);
  }
  var dc = c.x-a.x;
  if (!dc) {
    return (a.y>c.y == b.x<a.x);
  }
  return ((b.y-a.y)/db<(c.y-a.y)/dc) != (a.x<b.x == a.x>c.x);
}
my_getImages();
//右下角的AD
my_url.onRelease = function():Void {
  getURL("http://www.taoshaw.com", "_blank");
};
stop();
更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的，因为这节的内容很多书上或者网上资料都有，而且写的比我要详细正规得多。但后来想想，还是写吧！为啥？凑篇幅呗～啊哈哈～而且后面几节要结合接宝的范例游戏，具体分析它的几个CLASS，所以，还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数：拆分数字和文字的函数. 以下为引用的内容： /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明：本人大菜鸟一个，刚接触AS3不久，许多理念还没来得及灌输，这些case都是从网上down的，但因为解说是英文的，不利我们学习，我就充当一个translater，顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程：用Flash AS制作逼真的下雨动画效果 先看下效果：（附.swf文件） 制作过程 一、新建一图层，大小随意； 二、新建元件（影片剪辑）： 1、制作雨滴并下落。使用直线工具（颜色设为灰色，1像素）画一短直线，使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明：本人大菜鸟一个，刚接触AS3不久，许多理念还没来得及灌输，这些case都是从网上down的，但因为解说是英文的，不利我们学习，我就充当一个translater，顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

　　本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同，它和CS3自带的组件一样能够双击进入组件里面编辑，是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。 　　制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章：通过实例学习AS3.0——案例三 首先声明：本人大菜鸟一个，刚接触AS3不久，许多理念还没来得及灌输，这些case都是从网上down的，但因为解说是英文的，不利我们学习，我就充当一个translater，顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章：通过实例学习AS3.0 --案例一 首先声明：本人大菜鸟一个，刚接触AS3不久，许多理念还没来得及灌输，这些case都是从网上down的，但因为解说是英文的，不利我们学习，我就充当一个translater，顺便可以让自己巩固一下知识。 水平有限，错误难免，欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明：本人大菜鸟一个，刚接触AS3不久，许多理念还没来得及灌输，这些case都是从网上down的，但因为解说是英文的，不利我们学习，我就充当一个translater，顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明：本人大菜鸟一个，刚接触AS3不久，许多理念还没来得及灌输，这些case都是从网上down的，但因为解说是英文的，不利我们学习，我就充当一个translater，顺便可以让自己巩固一下知识。 水平有限，错误难免，欢迎大虾小虾，大鸟小鸟指正。 下面进入正题：
收藏 0 赞 0 分享
查看更多

网络赚钱

更多

站长故事

更多
建站极客
合作伙伴
在线工具
建站极客移动版
聚合全网技术文章，根据你的阅读喜好进行个性推荐
© 2012 - 2020 www.zhanzhang360.cn Some Rights Reserved.
沪ICP备13040166号-22