Flash 特效原理:图片圆柱墙

3d墙

 

网上也有这种不错的图片圆柱的效果,它有一些交互做得不错,采用cs4 或者3d引擎可以创造出这种图片圆柱墙的效果。这种效果主要涉及到圆的分布,借用这种圆的轨迹,我们可以实现这种圆柱图片墙的效果。是不是说错了?我们讨论的圆柱 而为什么提及到圆?那是因为圆这种数学模型在flash 当中是非要实现而基础的应用技术,从图片中看起来会像圆柱形状,但是实际上,我们只是重复复制两个圆,而他的高度只是不同而已。 如果细心会发现,你会发现到这种会更加像一种扭曲的二维阵列。和图片平面墙的做法是相同的。采用两个循环来复制图片。

 

for (var i:int=0; i<2; i++)
    for (var j:int=0; j<num; j++)

{

   创建图片

   配置图片的位置和高度

}

 

为了让其有不同的图片,我们需要进行外部加载,下面有一种比较傻瓜的做法,但是不提倡,因为只是重用性不够强,只是演示代码。

private function addImages(...args):void://加载图片

 

加载完毕之后,需要进行保存,采用数组来进行,然后对其不同的图片进行位置分布。

private function createSprite(array:Array):void;//创建图像

 

 

实现圆柱的做法:

myphoto.x=R*Math.cos(angle*j);
myphoto.z=R*Math.sin(angle*j); 
    
myphoto.y=i*80+10;//为其指定不同的高度

这样就能实现一种圆柱的效果

我们把核心的东西记住了就可以了,创建这些程序的时候,能够灵活地结合其他的方式进行交互。

 

扩展:

对图片进行交互,增加鼠标的对图片交互!

 

 

 

代码清单:这段代码是比较偷懒的做法,需要进行改造。只要把核心的地方弄明白了,其他的都可以进行修改。

建议和xml结合使用。会增加交互应用。

 

 

 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值