Looping movement

How do you create a looping movement of an asset that is not an animation?

Is there a way to make for instance the background on the first page of 'Not without bear' to start its movement over when it reaches its end?

I want to create a snowfall effect using a tiling snow graphic.
1 person has
this question
+1
Reply
  • Hi Klas,

    I have seen the snowfall effect in several books, along with a steam effect, rain effect etc., basically many of these effects are produced by "particle generators" and Composer does not have that yet.

    My thought would be to create a long vertical jpeg in Photoshop, then when you add it to Composer, add 2 versions of it and hide the 2nd one, and position it above your page. Then have the 1st one fade in (change opacity) and change its position over time to slowly slide over the page, then add a wait behavior and have the 2nd version of the snowfall fade in and begin to slide down over the page and have the 1st one fade out so they overlap. Add an "add wait" behavior to the 1st one so that after the time it takes for it to fall and fade out, it will "reset for repeatable motion", then do the same thing as soon as the 2nd one is almost about to drift off the page and fade out, so that it fades in and overlaps the 2nd one, then add the same wait and reset for repeatable motion for the 2nd one. I would think 2 or 3 cycles of this would be plenty, and remember behaviors don't take hardly any page memory.

    The other way you could do it is to create 2 square snow image objects and place the center just off the sides of the page, so that both of them overlap. Then hide them and upon the trigger, have them rotate inward as they fade in so it looks like slow drifting snowfall, with one rotating clockwise and the other rotating counterclockwise. This way you would have continuous snowfall for as long as you make the rotation. When I want a long rotation, I multiply 360 times 8 or 9, then make that the change rotation value, and change the time to something really long, like 5-6 minutes, and adjust either value until you get the right speed. For the counterclockwise rotation (which would be the one on the right side of the page in this scenario), make the rotation value a negative number. Remember to add a change opacity from 0.00 to 1.00 over maybe 5 seconds so you see the snowflakes gently appear and begin "falling."

    The third way to do it would be to create several different snow objects, positioned off the page, and have them change location going down at various angles slowly so that it seems more natural motion. You could create a "course for each object that takes it from above the page, down across the page, then around the outside edge and back up to where it was, then back down, and using add wait and reset for repeatable motion behaviors, make those loops.

    Those are all I can think of.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited indifferent, undecided, unconcerned

  • Another way you might try this is a series of "Set Hidden ON" and "Set Hidden OFF" events. Essentially, the showing and the reset and hiding of one image triggers the movement of the second image. This creates an endless loop of moving images down the page.

    To start I built up a page with two snow fall images, 'Snow fall 1' and 'Snow fall 2'. Both were hidden to start with. Both were very long images and I aligned them to the bottom left corner with the extra image extending up the top of the page out of view.

    To kick everything off I had a page behaviour, "IF Page Did Appear, THEN Set hidden OFF for Snow fall 1"

    For Snow fall 1 I had the following sequence of behaviour:

    IF Snow fall 1 Shown THEN:
    - Move Snow fall 1 down the page (Change Y position over 5 seconds)
    - Wait 5 seconds
    - Hide Snow fall 1
    - Show Snow fall 2
    - Wait 0.01 second
    - Reset Snow fall 1 for repeatable motion

    This has the effect of making Snow fall 1 visible, making it look like snow is falling down a page, hiding and reseting Snow fall 1 and then making Snow fall 2 visible.

    For Snow fall 2 I had the following sequence of behaviour:

    IF Snow fall 2 Shown THEN:
    - Move Snow fall 2 down the page (Change Y position over 5 seconds)
    - Wait 5 seconds
    - Hide Snow fall 2
    - Show Snow fall 1
    - Wait 0.01 second
    - Reset Snow fall 2 for repeatable motion.

    This has the effect of making Snow fall 2 visible as Snow fall 1 resets and hides, making it look like snow is falling down a page, hiding and reseting Snow fall 2 and then making Snow fall 1 visible, which restarts the sequence.

    The images have to be painted or assembled in a way that one leads correctly to the other.
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited indifferent, undecided, unconcerned

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. indifferent, undecided, unconcerned happy, confident, thankful, excited kidding, amused, unsure, silly sad, anxious, confused, frustrated

  • Worked like a charm. Sweet! If i could live with a .01 second blink, i could just loop the one picture, right?
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited indifferent, undecided, unconcerned