如何创建“形象建筑”效果

时间:2010-03-01 23:25:43

标签: javascript silverlight animation

我正在寻找一种方便的方法在Web应用程序中创建这样的效果:我有一些图片,它的分辨率不是很高,我希望它在一些随机的部分中显示为粒子云屏幕,然后移动到它的位置。

我可能会失去一些分辨率(我不认为1x1px粒子很好;))。

我想使用silverlight / canvas或processing-js / canvas。

有什么想法吗? THX。

1 个答案:

答案 0 :(得分:0)

当您的silverlight应用程序加载图片时,您可以做的是将其拆分为图块。您为每个图块使用一个对象,并存储此图块的正常位置(即它最初位于图片中的位置)。然后,为每个图块赋予一个随机位置,并使用一个循环将图块从随机位置移动到其正常位置。这看起来像一个云,可以解析为正确的图片。

然后你可以玩瓷砖的大小和数量,以及它们如何移动到正确的位置(你可以让它们减速,或者跟随曲线而不是直线)。