animated hotspot with svg
Posted: Thu Jan 10, 2013 11:31 pm
hi all,
Hotspot is important stuff in every tour, the more it designed well, the more effect in user experience
The default hotspot is quite ugly, i must admit
The customer sometimes required branding property, u know what i mean, and some companies goes for it with a "spinning 3D logo"
That "spinning 3D logo" is good, and i created it with swift3D, message me if you want to know about it
However recently i switches to HTML5 version, and that "spinning 3D logo" (.swf file) not work anymore, and even the .gif is useless
The hotspot should be animated, and i find the only option for HTML5 is using of .svg file
I have tried the .svg file converted from swiffy.googlelabs.com and it not work
i have tried to "coded" the basic .svg with SMIL animation but it displayed not well (more specific, it, some kind of, scale wrong at the first tour, but when i go to 2nd tour, it worked well back)
I have search alot of GUI tool to create the animated .svg but can not find the good one, i not ready enough to learn code SVG completely
However, i haved download the animated version of simplex's hotspot, i see it work like a charm, but don't know how to create the one by my own
I see it created by inkscape, but the inkscape can't create animated .svg, that's all i know
So can you share the way or tool to create an animated .svg ? it would be appreciated
Thanks in advanced
P/S: In case you wonder what "spinning 3D logo" is, check this vtour http://wonav.com/vtour/wam/index.html
Hotspot is important stuff in every tour, the more it designed well, the more effect in user experience
The default hotspot is quite ugly, i must admit
The customer sometimes required branding property, u know what i mean, and some companies goes for it with a "spinning 3D logo"
That "spinning 3D logo" is good, and i created it with swift3D, message me if you want to know about it
However recently i switches to HTML5 version, and that "spinning 3D logo" (.swf file) not work anymore, and even the .gif is useless
The hotspot should be animated, and i find the only option for HTML5 is using of .svg file
I have tried the .svg file converted from swiffy.googlelabs.com and it not work
i have tried to "coded" the basic .svg with SMIL animation but it displayed not well (more specific, it, some kind of, scale wrong at the first tour, but when i go to 2nd tour, it worked well back)
I have search alot of GUI tool to create the animated .svg but can not find the good one, i not ready enough to learn code SVG completely
However, i haved download the animated version of simplex's hotspot, i see it work like a charm, but don't know how to create the one by my own
I see it created by inkscape, but the inkscape can't create animated .svg, that's all i know
So can you share the way or tool to create an animated .svg ? it would be appreciated
Thanks in advanced
P/S: In case you wonder what "spinning 3D logo" is, check this vtour http://wonav.com/vtour/wam/index.html