在php和javascript中制作"马赛克"效果

fii*_*iiv 5 javascript php jquery

我正在尝试在Javascript和PHP中创建一个马赛克类型的脚本,它构成了一个大图像,其中包含许多由小方块制成的不同图像.这个想法是通过制作背景图像并在其上面铺设瓷砖并使其不透明度达到50%左右来"伪造"效果.这很不错,但它看起来并不像我想要的那么好.

我的问题是,有没有人对这种方法的替代品有任何建议?我知道在Flash中肯定有这样的方法,例如Mario Lemieux马赛克:http: //www.mariomosaic.com/mosaic/

但我想尽可能避免闪光.


编辑:添加实例

所以我还没有触及JS层,这一切都是服务器端的东西.没有预加载器或任何真正使其更有用的东西,即将到来.但这是我到目前为止所得到的:

http://www.mtimofiiv.net/mosaic_example/

小的图像切片是由用户上传的图像创建的,并且它们通过我为生成它们而构建的类运行.我使用GD2使它们成为灰度,这样它们就能更好地吸收背景图像的颜色,并且我在Photoshop中"像素化"了背景图像.

如果有人想看到代码的任何部分让我知道,我会将它添加到这篇文章.此外,当这个项目完成时,我打算在Github上将其全部提供给想要做同样事情的人.

Kel*_*tar 1

也许您的演示 HTML 为 733KB 的事实可能会阻止您采用这种特定方法。我认为如果你想做这样的事情,你真的应该使用 canvas 元素,并以某种“ajax”加载方式工作。这实际上可能有点有趣。但是,如果您要生成这么多 HTML...您可能会考虑让客户端脚本来完成它(如果可能的话)。只是一些想法...