| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > ActionScript教程 > 文章正文 用户登录
如何加入透明Flas
为新浪博客添加fl
flashget下载联盟
265联盟:“Flash
新易网络提供100M
龙太极/100m/asp/
无限网络提供50M 
霞光科技50M/Htm/
苏能科技100M/FTP
悠博科技50M/FTP/

用AS控制MC的倾斜属性           

用AS控制MC的倾斜属性

作者:佚名 来源:闪吧 作者: HBrO 更新:2007-1-13 20:45:59 错误报告 我要投稿

在FLASH里,MC的倾斜属性可以通过手动的办法来设定.在FLASH里,倾斜是实现3D效果的重要方面.
但是AS里头就没有倾斜属性的代码,尽管现在模拟3D的代码已经有很多人做出来,但是目前一般都是局限在坐标点的模拟方面.对于物体,位图的简单3D效果,哪怕就一个倾斜,AS都还没能做到.
为了解决这个问题(这问题,经典里一位用户也曾问过),本人花了近一周的时间来研究:
废话少说,还是转入正题吧.
1一个简单的试验:
在FLASH里,画一个矩形(不要转成元件),然后把该矩形稍作旋转.
接着把转了的矩形在水平方向做一下缩放,你就看到矩行实际上是倾斜了.
因此,利用AS里的_XSCALE和_ROTATION属性就可以让MC动态地倾斜了.

2把该试验应用到AS中
不妨写个代码试试看:
制作一个MC(越复杂可能效果会越明显)
往MC里写代码:

onClipEvent(enterFrame){
_rotation=30;
_xscale=30;
}

测试一下,没有倾斜效果,仔细看一下会发现在MC旋转以后,缩放的坐标也跟着旋转.
可惜啊!
难道就没有办法了吗?答案是否定的!
既然MC旋转以后,缩放坐标跟着旋转,那么,我们就把旋转了的MC再转为MC,那么不就有两个坐标系了吗?不就可以达到小测试的效果吗?
笔者也许比较笨,这个小问题也给卡住了3分钟.
言归正传,我们继续说吧.
把刚才的MC的代码清空,命名为myMC,然后把他转换为影片剪辑.
往转换了的影片剪辑输入代码:

onClipEvent(load){
myMC._rotation=30
_xscale=30
}

再测试一下,倾斜效果出来了!
笔者以为这样就可以大功告成,想自己动态设置MC倾斜30度,却发现,上述的代码虽然是倾斜了,但是倾斜并不是30度,上面两个属性跟倾斜属性还存在着对笔者来说是比较复杂的数学关系.
笔者花了近一周的时间研究这种关系,尽管有点晕,但最终还是给弄出来了.
把上面的代码替换为:

onClipEvent (load) {
    function setSkewx(anglex) {
        var angx = anglex%360;
        var tx = 1/Math.tan(angx*(Math.PI/180));
        var alfax = (Math.tan(angx*(Math.PI/180)) == 0) ? Math.PI/2 : (Math.asin((Math.sqrt(tx*tx+1)-1)/tx));
        myMC._rotation = -45;
        _xscale = 100*Math.sin(alfax);
        myMC._xscale = 100/Math.sqrt(1/2*(Math.pow(Math.sin(alfax), 2)+1));
        myMC._yscale = 100/Math.sqrt(1/2*(Math.pow(Math.sin(alfax), 2)+1));
        _rotation = Math.atan(1/Math.sin(alfax))/(Math.PI/180);
        if (Math.cos(angx*(Math.PI/180))<0) {
            myMC._yscale *= -1;
        }
    }
    function setSkew(anglex, angley) {
        setSkewx(anglex-angley);
        _rotation += angley;
    }
}
onClipEvent (enterFrame) {
    an = (an+1)%360;
    setSkew(an,0)
}

就看到效果了.
从前面的简单测试,到写成这段代码,可谓艰辛至极.但不管怎样也好,代码写成了,也希望能让大家从中学到一些东西.
至于从简单的测试代码到上面的代码是怎么推出来的,里头的语句意义何在,我将在这段时间给大家作出解释.

文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。