Making a "mosaic" effect in php & javascript -


I am trying to create a mosaic type script in javascript and PHP, which is a large, The image creates this idea with small square tiles, "imitation" effect due to keeping the image of the background and laying tiles above it, and making its opacity 50% or more. It works properly, but it certainly does not look as good as I want.

My question is, does anyone have any suggestions on the options of this method? I know that there are definitely ways to do this in Flash, such as Mario Limousux Mosaic:

But if possible, I want to save from flash.


Edit: Live example added

So I have not touched JS layer yet, this is all server-side stuff. There is no case in which a pre-loader or anything really makes it more useful, which will come soon but even that which I have achieved:

Small image tiles are created from any user-uploaded images, and they are run through the class I created, to generate them, to make them grayscale using GD2 Sub Industry so that they can absorb better the image of the background, and I do image "Piksellet" background in Photoshop.

If anybody wants to see any part of the code then tell me and I will add it to this post. Apart from this, when this project is done, I intend to make it fully available on Github, whichever one wants to do it. Perhaps the fact that your demo HTML 733KB can immerse you from this special point of view.

I think that if you want to do something like this, then you should actually work the canvas element and work in any kind of "AJAX" loading. It can be really interesting though, if you are going to generate this very HTML ... you can do client-side scripts if possible. Just a few thoughts ...

Comments