Flash特效原理:图片圆柱墙
2010-03-02 00:00:00 来源:WEB开发网核心提示:查看原图(大图)网上也有这种不错的图片圆柱的效果,它有一些交互做得不错,Flash特效原理:图片圆柱墙,采用cs4 或者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;//为其指定不同的高度
- ››FLASH不等于运算符!=的使用实例
- ››FLASH不全等运算符!==
- ››FLASH字符串分隔符运算符
- ››FLASH% 模运算符
- ››Flash+、++、+= 加法运算符
- ››Flash, 逗号运算符
- ››flash中的-、--、-=减法运算符
- ››Flash的-Infinity 常数、.点运算符、/ 除法运算符...
- ››Flash两种注释方法/*..*/ 和// 注释行分隔符运算符...
- ››Flash的/=除法赋值运算符、=赋值运算符、== 等于运...
- ››Flash之?: 条件运算符、^ 按位 XOR 运算符、^= 按...
- ››Flash的_framesloaded代码示例
更多精彩
赞助商链接