收藏本站 | 站点地图 | 繁體中文
沭阳乐园
您现在的位置: 沐阳乐园 >> 文章中心 >> 网络教程 >> 动画实例 >> 正文
Flash简单制作旋转的立方体         ★★★
Flash简单制作旋转的立方体
作者:佚名 文章来源:原创 点击数:2142 更新时间:2011-3-26 22:35:53

Flash简单制作旋转的立方体

1、准备6张200*200 JPEG格式图片,作为立方体的六个侧面图片;一张750*560 JPEG格式图片,作为动画的底图,一首MP3音乐作为背景音乐。

2、打开Flash 8.0或者Flash CS3软件,设置动画尺寸为750*560,把准备好的6张200*200图片和1张750*560图片以及MP3音乐导入到库里。

注意:Flash 8.0的软件新建文档画面如下:(点击-创建新项目-Flash文档)

Flash简单制作旋转的立方体

Flash CS3新建文档画面如下:(记住:一定要点击新建-Flash文件(ActionScript 2.0),因为3.0不支持)

3、 把库里的6张200*200图片重新命名,依次命名为:image0  image1  image2  image3  image4  image5 ,如下所示:

Flash简单制作旋转的立方体

4、 鼠标右键放在库里重新命名为image0的图片上,点击鼠标右键的“属性”,在出现的待选项目里,把鼠标放在衔接项目上,点击鼠标左键,出现如下提示:

Flash简单制作旋转的立方体

在“为ActionScript”前面的框里点击,出现绿色的勾,如图所示。

5、 新建一个名字为“语句”的影片剪辑,在第一帧添加动作代码如下(复制-粘帖就可以啦):

function createImages()

{

var _loc1 = 6;

while (_loc1--)

{

theScene.createEmptyMovieClip("image" + _loc1, _loc1);

theScene["image" + _loc1].createEmptyMovieClip("contents", _loc1);

theScene["image" + _loc1].contents.attachBitmap(Flash.display.BitmapData.loadBitmap("image" + _loc1), 1, false, true);

} // end while

} // End of the function

function pointsTransform(points, rotations)

{

var _loc19 = new Array();

var _loc11 = Math.sin(rotations.x);

var _loc9 = Math.cos(rotations.x);

var _loc13 = Math.sin(rotations.y);

var _loc10 = Math.cos(rotations.y);

var _loc14 = Math.sin(rotations.z);

var _loc12 = Math.cos(rotations.z);

var _loc7;

var _loc8;

var _loc5;

var _loc3;

var _loc4;

var _loc2;

var _loc20;

var _loc15;

var _loc16;

var _loc1 = points.length;

while (_loc1--)

{

_loc7 = points[_loc1].x;

_loc8 = points[_loc1].y;

_loc5 = points[_loc1].z;

_loc3 = _loc9 * _loc8 - _loc11 * _loc5;

_loc4 = _loc11 * _loc8 + _loc9 * _loc5;

_loc20 = _loc10 * _loc4 - _loc13 * _loc7;

_loc2 = _loc13 * _loc4 + _loc10 * _loc7;

_loc15 = _loc12 * _loc2 - _loc14 * _loc3;

_loc16 = _loc14 * _loc2 + _loc12 * _loc3;

_loc19[_loc1] = {x: _loc15, y: _loc16};

} // end while

return (_loc19);

} // End of the function

function movieClip3PointTransform(mc, a, b, c)

{

mc._visible = pointsIsVisible(a, b, c);

if (!mc._visible)

{

return;

} // end if

var _loc1 = mc.transform.matrix;

_loc1.tx = b.x;

_loc1.ty = b.y;

_loc1.a = (a.x - b.x) / mc.contents._width;

_loc1.b = (a.y - b.y) / mc.contents._width;

_loc1.c = (c.x - b.x) / mc.contents._height;

_loc1.d = (c.y - b.y) / mc.contents._height;

mc.transform.matrix = _loc1;

} // End of the function

function pointsIsVisible(a, b, c)

{

var _loc4 = b.x - a.x;

if (!_loc4)

{

return (a.y > b.y == c.x > a.x);

} // end if

var _loc5 = c.x - a.x;

if (!_loc5)

{

return (a.y > c.y == b.x < a.x);

} // end if

return ((b.y - a.y) / _loc4 < (c.y - a.y) / _loc5 != (a.x < b.x == a.x > c.x));

} // End of the function

Stage.scaleMode = "noScale";

var rotations = {x: 0, y: 0, z: 0};

var boxPoints = [{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}];

this.createEmptyMovieClip("theScene", 1);

theScene._x = theScene._y = 200;

createImages();

theScene.onEnterFrame = function ()

{

    rotations.x = rotations.x - this._ymouse / 2000;

    rotations.y = rotations.y + this._xmouse / 2000;

var _loc2 = pointsTransform(boxPoints, rotations);

movieClip3PointTransform(this.image0, _loc2[2], _loc2[0], _loc2[3]);

movieClip3PointTransform(this.image1, _loc2[5], _loc2[1], _loc2[2]);

movieClip3PointTransform(this.image2, _loc2[0], _loc2[2], _loc2[1]);

movieClip3PointTransform(this.image3, _loc2[4], _loc2[3], _loc2[0]);

movieClip3PointTransform(this.image4, _loc2[3], _loc2[4], _loc2[5]);

movieClip3PointTransform(this.image5, _loc2[1], _loc2[5], _loc2[4]);

};

备注:**以上蓝色部分里的数值代表图片的大小,就是说200*200的图片,就是这样的设置, 如果是100*100的图片,把数值100改成50就行啦【注意符号(-)不变】,依次类推。

**以上红色部分里的数值代表旋转的速度,数值越大旋转越慢,反之就快,根据个人爱好任意设定。
6、  新建名字为“音乐”的影片剪辑,里面放置音乐。

7、返回场景1的舞台上,在图层1放置背景图片;图层2放置名字为“音乐”的影片剪辑; 图层3放置名字为“语句”的影片剪辑,注意:它是以个小圆点,显示不出立方体的, 位置依自己爱好而定;其余的图层(如雪花,名字等),自定。

8、 Ctrl+回车键测试影片,可用鼠标控制立方体旋转的速度,OK!

点击这里参考制作旋转立方体步骤详讲

文章录入:晴天    责任编辑:清水洗尘 
  • 上一篇文章:
  • 下一篇文章:
  • 【字体: 】 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    广告招商
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    ::发表评论::
     姓 名:
     评 分: 1分 2分 3分 4分 5分
     评论内容:
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用本网服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表网友个人观点,与本网站立场无关。
  • 广告招商
    文章 下载 图片 文字广告
    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告 | 管理登陆

    备案/许可证编号: 闽ICP备16020960号-1号 域名创建于2016年8月
    版权: 沐阳乐园 All Rights Reserved 站长:张萍 邮箱:381415887@qq.com 联系QQ:联系站长