Jump to content

Code based SVG Animation, Motion graphics

Recommended Posts

I have been working on animated SVG objects for a year now, and I started to embed them into my website and have been working with my code guys to fine-tune the motion graphics and looped animations for the past two months, along the way lots of new ideas for creating an interactive site came up and the results were very promising and also some limitations in the grid-based system and specifically desktop vs mobile portrait and landscape viewing, also a certain functions that are not allowed on iPhone or iPad devices, for example, going full-screen.  here is links to the site and specific area of the site, please note that I am still in the development stages.
https://www.virtualimageinc.com/ try the full screen on the upper right.
Next, try the "Take a Ride button" with rollovers, and after playing click on Works
On that page, I am testing the side menu roll-in/out because on mobile devices I have to use 3 clicks to get to another page, this way on click does it and the entire site menu options are visible. 
Next on the Works page click on Interactive Design, you will see a video simulation and you can click on the "here" link.
Now it will get interesting, please go full screen and only a few items are active
only Bravo on the top left is active, after clicking only the Letters K and B are active, next try the top left "list icon" 
to go back to the start use the main menu icon on the left and do not click on the home button as it will take you back to the main site. 
I will appreciate any feedbacks 

 

Link to comment
  • Replies 1
  • Views 302
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.