Image Wave

Image Wave这个练习之作尝试将Unity3D这款三维游戏引擎应用于范围更广的网络富媒体应用(RIA),在这片目前Flash一统天下的领域,Unity的优势自然是高质量的真三维交互体验。该作品的灵感来源于bartek drozdz的一篇文章:

http://www.everyday3d.com/blog/index.php/2010/03/09/loading-and-manipulating-images-in-unity3d/

用户通过改变网址中所包含的图像地址参数来控制Unity程序自动加载所指定的图片,并根据该图片每一个像素的亮度和颜色动态生成不同高度、色彩的方块,当鼠标滑过方块时,高低不同的方块也会像琴键一样弹起落下,发出高低各异的音效,汇成一种单纯而不乏趣味的交互体验。

“网址传递参数”技术在Flash和其他RIA应用中非常普遍,它最直接的好处就是A用户只需要分享网址便可以让打开该网址的B用户看到A此前所定制的特殊内容,可以说是最简单快捷的“用户定制内容+分享”的方式,Image Wave的网址参数格式是这样的:

http://spotlightor.com/lab/unity3d/imagewave?url=图片网址

下面列出了一些比较有趣的Image Wave图片效果以及观看这些效果所需访问的网址:

http://spotlightor.com/lab/unity3d/imagewave?url=rb.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=https://secure.avangate.com/images/merchant/35936504a37d53e03abdfbc7318d9ec7/products/gradient.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.colorjack.com/software/media/circle.png

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.dreamwebstore.com/dws/dwsfiles/images/5ee2541dfab1ac2dcbd13c88f361de97063e02a2/fdesddpscs_120707.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.chinese-letter.com/images/fire-ball-black-hot-burning.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://i153.photobucket.com/albums/s216/phyreblade_blog/Weapons/Spiderman/Sword.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://www.thebackyardarmory.com/images/TBYA-shields%20024.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://soulysolar.mudventions.com/wp-content/uploads/2008/07/tri.png

http://spotlightor.com/lab/unity3d/imagewave?url=http://http.developer.nvidia.com/GPUGems/elementLinks/fig16-04.jpg

http://spotlightor.com/lab/unity3d/imagewave?url=http://unity3d.com/images/top-menu/mm_unity_icon.png

更多作品