Choose Your E-Learning Challenge #378: Challenge | Recap
Challenge of the Week
This week, your challenge is to choose your e-learning challenge topic and build an example for that challen...
Published 3 years ago
Version 1.0
Blog Post
For some time now I was wondering how I could have a little bird fly through the screen smoothly, also being able to reuse the slide for multiple purposes.
I came up with this: https://360.articulate.com/review/content/e479aa9c-daea-4dcb-acd3-2dd689ef7508/review
I have a background image on the slide with a trigger "show layer when timeline starts" to my layer.
On the layer (approx. 4 seconds long) I imported the bird right to the left, outside of the layer, and added states for each movement - by means of a bulk upload.
Then I moved each bird movement about 20 points to the right, so it actually flies through the image.
(The bird itself with its individual movements I bought from Adobe images (EPS file) and exported each movement with Illustrator).
Then I added triggers:
Existing variable: Slide.ElapsedTime set to 0 if Slide.ElapsedTime is equal or above 100
Own number variable: Add 1 to "Bird" when Slide.ElapsedTime changes, if Slide.ElapsedTime is equal or less than 10.
For each State I added: Set state Bird to Asset 2 when Bird changes, if Bird =value 1, Asset 3 =value 2 etc. (to fill the entire page I had about 45 states).
Then I added: Set Bird to 0 when timeline ends on this layer
Jump to time 0 on this layer when timeline ends on this layer.
I would have shared the open SL file, but since I bought the bird image, I am not allowed to do that.
But I hope my explanation is clear enough? But perhaps there is an easier way to do this?
I came up with this: https://360.articulate.com/review/content/e479aa9c-daea-4dcb-acd3-2dd689ef7508/review
I have a background image on the slide with a trigger "show layer when timeline starts" to my layer.
On the layer (approx. 4 seconds long) I imported the bird right to the left, outside of the layer, and added states for each movement - by means of a bulk upload.
Then I moved each bird movement about 20 points to the right, so it actually flies through the image.
(The bird itself with its individual movements I bought from Adobe images (EPS file) and exported each movement with Illustrator).
Then I added triggers:
Existing variable: Slide.ElapsedTime set to 0 if Slide.ElapsedTime is equal or above 100
Own number variable: Add 1 to "Bird" when Slide.ElapsedTime changes, if Slide.ElapsedTime is equal or less than 10.
For each State I added: Set state Bird to Asset 2 when Bird changes, if Bird =value 1, Asset 3 =value 2 etc. (to fill the entire page I had about 45 states).
Then I added: Set Bird to 0 when timeline ends on this layer
Jump to time 0 on this layer when timeline ends on this layer.
I would have shared the open SL file, but since I bought the bird image, I am not allowed to do that.
But I hope my explanation is clear enough? But perhaps there is an easier way to do this?
- looks great! the movement is really bird-like, it really works...i like the state triggers w/ the variables too.
the one thing i wonder is how this would have worked w/ a Motion Path instead of manually moving the bird (if I understand your explanation).
either way, this is really good.- Hi Nate, thank you!
Yes I thought also about the motion path, however it would then not include the natural wings movement. Or one would have to change state within the motion path? Not sure whether that works though?
