Apply multiple color masks to images

skyhirider

New member
I will use webrotate on my rubber stamp selling website. Each stamp can have 6 outer colors and I need to be able to switch between them.

I could create a set of 6 x 36 images, each with a different mask applied that would change the color. But that would mean the customer would have to wait until all those images are loaded, which would be annoying.

Can a color selection button be added webrotate that will simply switch one color on the view to another?

Here's an example of a stamp: http://peciatky.sk/pub/360/trodat-printy.html

I really wish for it to be something like this (but without the image reload and flash) http://razitka.trodat.cz/
 

WebSupport

Active member
Hi there! The 3d party sample you included is done in Flash and it does load all the colored assets / images on page load (behaves somewhat flaky for me here as sometime wouldn't switch colors). Also the average time for loading 36 reasonably sized 360 product images is 2-5 seconds with average cable speeds so it may not be a big of a concern, especially given that there's pretty much no good way to selectively shift colors of images on the fly in web browsers.

We also have a simple in-place reloading mechanism in our core viewer product where different 360 views can be reloaded in place without page refresh like in this sample below. Is this what you are after?

http://www.360-product-views.com/360-vi ... tions.html
 

skyhirider

New member
Yes, that's nice but I already knew about it :)

My point is that I can edit my main set of pictures by replacing a color and then creating a new set with that color.
Or I could upload a single set to the viewer with special areas selected for the viewer to process (let's call it green screen). Now It would not only save time by not needing to create a large batch of pictures, it would also save my bandwidth and the time for the customer as the color replace mask could be applied to an image straight away.

There's an interesting solution for it here: http://stackoverflow.com/a/9303793/1341887

It's an idea, I know it won't be implemented any time soon but it might be an interesting option to consider (as many products have color variations).
 

WebSupport

Active member
I see :) The sample is cool but that technique still has limited browser support unfortunately. There're some other ideas but it's still probably a year before it will be feasible to do across various browsers / devices.
 
Top