WEB开发网
开发学院图形图像Flash Flash特效原理:图片圆柱墙 阅读

Flash特效原理:图片圆柱墙

 2010-03-02 00:00:00 来源:WEB开发网   
核心提示:查看原图(大图)网上也有这种不错的图片圆柱的效果,它有一些交互做得不错,Flash特效原理:图片圆柱墙,采用cs4 或者3d引擎可以创造出这种图片圆柱墙的效果,这种效果主要涉及到圆的分布,需要进行保存,采用数组来进行,借用这种圆的轨迹,我们可以实现这种圆柱图片墙的效果

Flash特效原理:图片圆柱墙

查看原图(大图)

网上也有这种不错的图片圆柱的效果,它有一些交互做得不错,采用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;//为其指定不同的高度

1 2  下一页

Tags:Flash 特效 原理

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接