设为首页 加入收藏 网站搜索 繁體中文 中国建站网 — 站长资源分享平台

纵深空间效果

来源:136z.Com 作者:佚名 时间:2005-09-09 00:33:01

看一下效果先(打开有点慢):
点击浏览该文件


它的效果有:
先是远离观众,一段时间后自动停止,接下来慢慢地靠近观众,单击文字,文字会移动到屏幕中心,并加速靠近,直到超过屏幕范围,“穿过”观众。^_^

制作思路:

基本思路就在于改变文字对象的Z坐标。而对于文字朝观众迎面而来的效果,实例上是将观众所在的位置制作了一个camera对象,来模拟照相机的功能,即文字离观众越近,文字越大,然后不断改变camera对象和文字在Z轴方向上的距离。

1.创建文字对象

首先制作响应鼠标单击的按钮元件,要求该按钮透明。

(1) 新建文档,定义背景为黑色,大小为600*337像素。

(2) 在场景1下创建一个句为txtbtn的按钮元件。

(3) 进入按钮txtbtn的编辑状态,将“点击”帧转换成空白关键帧,使用矩形工具绘制一个边色为无、填充黑色,大小为100*10的矩形,中心对齐舞台中心。

(4) 保持其其余各帧空白,退出txtbtn的编辑状态,Ok!
按此在新窗口浏览图片

接一下来创建文字对象。

(1) 在场景下创建一个名为txtline的影片剪辑

(2) 进入影片剪辑txtline的编辑状态,将层1更名为text.

(3) 选择层text的第一帧,使用文字工具在舞台中央创建一个文字对象,保持内容为空。在属性面板中设置该文字对象的属性如图所示,中心对齐舞台中心。

按此在新窗口浏览图片

(4) text层上新建一个名为button的层,选择该层的帧1,从库中拖曳1个按钮txtbtn的实例到舞台,中心对齐舞台中心,属性面板中实例名为btnSquare

按此在新窗口浏览图片

(5) button层上新建一个名为definition的层。选择该层的帧1,打开动作面板,写代码

#initclip
//构造器
function Spaceword() {
//设置按钮的功能
this.btnSquare.onPress = function() {
//将照想机朝向单词
Object.environment.cam.dx = this._parent.x;//如果被点击就把该文字设为cam的目标
Object.environment.cam.dy = this._parent.y;
Object.environment.cam.dz = this._parent.z+Object.environment.fl*.9;
this.enabled = false;//被单击后就禁用按钮
this._visible = false;//隐藏按钮
};
this.onEnterFrame = this.render;
Spaceword.prototype = new MovieClip();
Spaceword.prototype.render = function() {
var zActual = Object.environment.fl+this.z-Object.environment.cam.z;//this.z=cam.z时并不是说文字充满整个相机。这时文字显示出来的还是14号字体大小。它比例还是100%,并没有放大。
//让单词在相机后移动
if (zActual>0) {
//对象仍旧可见时,则计算其大小
var scale = Object.environment.fl/zActual;
this._x = (this.x-Object.environment.cam.x)*scale;
this._y = (this.y-Object.environment.cam.y)*scale;
this._xscale = scale*100;

[1] [2] [3]  下一页

Tags:

  • 好的评价 如果您觉得好,就请您
      0%(0)
  • 差的评价 如果您觉得差,就请您
      0%(0)
  • 相关文章
    广告赞助

    文章随便看看 设计素材 建站学院 网页模板 视频教程

    网友评论

    共有 0 位网友发表了评论,得分 0 分,平均 0 分    查看完整评论

    用户名: 查看更多评论

    分 值:100分 85分 70分 55分 40分 25分 10分 1分

    内 容:

             通知管理员 验证码: