Jump to content
Search Community

Split-screen causing issues with motionPath 'align'

creativeocean test
Moderator Tag

Recommended Posts

I'm building a little driving game and ran into trouble using motionPath's align property. The plan is to have a split-screen view; duplicating much of the SVG. This works well enough, except when I use align the second set of cars align to the first track. Do I just need to make 4 motionPath timelines to work around this?

 

(to play click on the pen, and use your left/up/right arrows)

See the Pen 576b5c1f140ea115cd6e5a87a904e4ee?editors=1010 by creativeocean (@creativeocean) on CodePen

Link to comment
Share on other sites

1 hour ago, creativeocean said:

Do I just need to make 4 motionPath timelines to work around this?

 

I would think so, although I don't know how well that would work performance wise. I'm wondering if you could rework to put everything inside a <symbol> element, and then use a <use> element for the different views? Just thinking of stuff off the top of my head right now. I actually don't know how well that work as <symbol> and <use> elements can be performance intensive.

 

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

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

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...