Swipe - 360 spin
Oct 22, 2016
By
Rais Omar
I've been trying to create the swipe effect since SL1 and finally managed to really try it out and apply it - works on both flash and html 5. This is for a current project I am working on and I've changed the content for this demo.
Here's the demo:
1 Flash
2 HTML5
To spin the car, you can:
1) swipe the screen
2) use the left/right button
3) click on the markers
4) input the frame no. on the bottom right box
5) use the default slider
Note: Info only appears when users click on the markers or input the frame no.
Cheers!
9 Replies
This works nicely in Flash and HTML5 on a desktop. Unfortunately, on a mobile device (at least on the one I tried) it's unuseable, but that's not your fault :-)
Thanks Matthew.
Hi Michael,
Thank you.
Yeah I've tried on a few ios devices - iphone 5, ipad mini, ipad3. It works but not as responsive as the real swipe. A friend tested on his android phone and he said it actually works better on his android phone than his ipad. I've yet to test on androids myself but of course we've to consider that the content and usability for mobile devices with smaller screen sizes would be different from a desktop version.
I hope the new SL version will provide more gesture functions/triggers.
Hi Rais, I guess it depends what device and OS you use ( I tried on a Samsung Galaxy S6 with Android 6.0.1) and that's part of the problem with the current HTML5 content. Anyway, it's a great example of a 360 degree interaction, well done!
Nice example, Rais. I like the use of variables to jump to specific points in the rotation.
Thanks David.
Very nice example Rais, thanks for sharing it here, very inspiring!
Thanks Brian.
Great job Rais. Thanks for sharing
This discussion is closed. You can start a new discussion or contact Articulate Support.