360 degree view of any kind of product using a sprite sheet

[Bruno Frank]

Hello everybody,

I've been trying to create the same animation described at http://spritespin.ginie.eu/ but I can not do it yet.

Could anybody help me?

The sprite sheet is attached.

Thanks!

[Sukhbir Kaur]

Hi Bruno,

You can try SpriteSheet component in Google Web Designer. Please see more details in our Help document here .

Also see this youtube video .

Here is a  sample file with SpriteSheet for your reference.

I hope this helps!

Thanks

Sukhbir

(Google Web Designer Team)

[Bruno Frank]

I don't know why, but my last message was excluded.

I will reply again. As I had told, I know the SpriteSheet Component. What I want to do is more than animate a sprite sheet. I want to make a 360º view of a product with the possibility of manipulation. As shown at the link provided (http://spritespin.ginie.eu/) I want the animation stops when I click over and stars going backwards or forwards, depending if I drag the mouse to the left or to the right.

ok?

Thank you for your attention.

Bruno Frank

[Sukhbir Kaur]

Hi Bruno,

Did you try the SpriteSheet Events?You can add events to SpriteSheet component to pause and play, move to previous and next frames.

 or else Try our Gallery components with events. 

--Sukhbir

(Google Web Designer)

[Bruno Frank]

Hi Sukhbir,

Yes, I tried, but didn't work. I will try to figure out how to do it and if I get it done I will let you know.

Regards,

[Sukhbir Kaur]

Hi Bruno,

If you are adding a gesture component over SpriteSheet try the following events in the image below . 

I hope this will work for your scenario.

Thanks

Sukhbir

(GWD Team)

[Bruno Frank]

Hi Sukhbir,

It didn't work for me. Did it work for you? Can you show me the results?

Thanks again for your attention.
Bruno

[Sukhbir Kaur]

Hi Bruno,

See the sample file . You have to swipe left  and right to view previous and next frame. Tap to toggle animation (play/pause state)

Thanks

--Sukhbir

[Bruno Frank]

Hi. Thanks, but it's not like that. The behavior must be like that link I posted first. Probably we have to use javascript too.