纵深空间效果
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
|
看一下效果先（打开有点慢）：  点击浏览该文件 它的效果有： 先是远离观众，一段时间后自动停止，接下来慢慢地靠近观众，单击文字，文字会移动到屏幕中心，并加速靠近，直到超过屏幕范围，“穿过”观众。＾_＾ 制作思路： 基本思路就在于改变文字对象的Ｚ坐标。而对于文字朝观众迎面而来的效果，实例上是将观众所在的位置制作了一个camera对象，来模拟照相机的功能，即文字离观众越近，文字越大，然后不断改变camera对象和文字在Ｚ轴方向上的距离。 １．创建文字对象 首先制作响应鼠标单击的按钮元件，要求该按钮透明。 （１） 新建文档，定义背景为黑色，大小为600*337像素。 （２） 在场景１下创建一个句为txtbtn的按钮元件。 （３） 进入按钮txtbtn的编辑状态，将“点击”帧转换成空白关键帧，使用矩形工具绘制一个边色为无、填充黑色，大小为100*10的矩形，中心对齐舞台中心。 （４） 保持其其余各帧空白，退出txtbtn的编辑状态，Ｏｋ！ 
接一下来创建文字对象。
（１） 在场景下创建一个名为txtline的影片剪辑
（２） 进入影片剪辑txtline的编辑状态，将层１更名为text.
（３） 选择层text的第一帧，使用文字工具在舞台中央创建一个文字对象，保持内容为空。在属性面板中设置该文字对象的属性如图所示，中心对齐舞台中心。
 （４） 在text层上新建一个名为button的层，选择该层的帧１，从库中拖曳１个按钮txtbtn的实例到舞台，中心对齐舞台中心，属性面板中实例名为btnSquare 
（５） 在button层上新建一个名为definition的层。选择该层的帧１，打开动作面板，写代码#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; this._yscale = scale*100; this._alpha = 100 - 99 * zActual/Object.environment.fl*.5; } else { this.z += Object.environment.fl*2; this.btnSquare.enabled = true; this.btnSquare._visible = true; } }; SpaceWord.prototype.setWord = function(s) {//前面的initialization中的txtword:word; this.txtWord = s; }; SpaceWord.prototype.setPosition = function(x, y, z) { //前面的initialization {txtword:word,x:x,y:y,z:z}; this.x = x; this.y = y; this.z = z; }; Object.registerClass("spaceWord", SpaceWord); #endinitclip （６） 退出影片剪辑txtline的编辑状态，完成编辑。 （７） 在库面板中选择影 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 控制flash前进和倒退下一篇: MovieClipLoader 类
关于纵深空间效果的所有评论
