Forum Discussion
Animation in Storyline through the Morph Transition
Some time ago, PowerPoint came out with a transition called Morph that literally morphs shapes, colors, strokes, graphics, etc. from one slide to the next. In other words, if you build a design on one slide, duplicate the slide, and make changes to the shapes on the second slide, the Morph transition will smoothly deform the shapes from the first slide to the next.
This transition is POWERFUL for animation. I feel that small animations of this kind are especially important for a product like Storyline. In a sense, the ability to build animations is one of the key features that I feel is missing from Storyline. If Articulate would consider adding the Morph transition to Storyline, it would allow users to animate the graphics on the screen with triggers, and I believe that would open up new worlds of possibility with Storyline.
Is this something you all would consider adding to Storyline?
Hi Tina and Julia,
We treat all replies, comments, and + 1's in these E-Learning Heroes Discussions as "feature requests" too. That way we're capturing the voice of our users across multiple input points and truly looking to have many diverse voices represented. We take each submission, comment, and reply seriously to understand the value it would bring to all our customers.
Given the continued conversations in this discussion, our team will be discussing this feature again. That's one of many steps in our process, but I hope it reaffirms that we're here and we're listening.
If there is anything else we can do to help, please let us know.
I would also like to add my vote for Morph in transitions. I use it all the time in ppt and I think it would be yet another gamechanger in Storyline - I'll even open a bottle of champagne to add bubbles to help it rise to the top of the wish list if that helps!
For sure...get started with GSAP first... check my profile...and go learn GSAP. Then when your somewhat familiar with Javascript in Storyline... visit the GSAP site...
https://greensock.com/gsap/
Get a Club Greensock account and download the plugins needed... because off the bat not all the extra plugins are included in Storyline... only the bare bones GSAP is... MorphSVG is one of those extra plugins you need to get this working...
If your at that point...having access to GSAP's plugins... and need help... im here :-)Yes this would be a great addition. A few people have mentioned the work 'Clunky' and I agree.. Articulate Storyline is quite limited for the price we pay.
I'll add to the discussion:
- There is no Trigger to "Move [this object] to [this position (X, Y)]".
- There is no Trigger to "Rotate [this object] to [this degree] / by [these degrees]".
- There is no Trigger to "Scale [this object] by [this percentage] / to [width / length]".
- There is no Trigger to "Change the opacity of [this asset] to [this percentage]".
As much as people would like a Morph animation, there are also basic omittions.
Storyline 360 has default GSAP3 loaded. So all the things you want you can do easily.
Moving an element:
var pageElement = document.querySelector("[data-acc-text='someImage.png']");gsap.to(pageElement, {duration:2,x:"+=100",y:"+=100"});
Rotating an element
var pageElement = document.querySelector("[data-acc-text='someImage.png']");gsap.to(pageElement, {duration:2,rotation:45});
Scaling:
var pageElement = document.querySelector("[data-acc-text='someImage.png']");gsap.to(pageElement, {duration:2,scale:1.65});
Opacity:
var pageElement = document.querySelector("[data-acc-text='someImage.png']");gsap.to(pageElement, {duration:0.5,autoAlpha: 0.65});
And using GSAP timelines and sequencing you can do amazing stuff.
https://greensock.com/gsap/Math, great response I look forward to playing with.
For content-focussed ID's we would want this integrated into the design and publishing tool in a WYSIWYG preview standard that people are now familiar with from other tools.
For the OP, to import PPT to SL360 and retain morph, taking a work around following from Tom "Rapid E-Learning" Kuhlman patterns of using Powerpoint for rapid development:
- you could use video recordings of the morph transitions
- put into the timeline with the static imported non-morphed slides to port it to SL360
- while retaining the maintainable source for the transitions in the PPT.I'm keen to do a duplicate task with the GSAP option above, timed against equivalent with PPT as video into SL360. I will test that out at next opportunity it arises, likely tomorrow =D
Came here hoping to read about how to do it, but seems it is still a dream years later. MORPH would be a gamechanger for me. I'm spending far too much time with motion paths and it is clunking at best. I'm also finding that those reviewing my courses have become so familiar with their live PowerPoints that I've built for them that they can't figure out why I can't do the same look in Articulate.
Would like to see those PowerPoints Patrick.
Thanks for the thoughtful reply, Math! I am definitely looking at ELB (along with others) with a very careful eye, and your input is exactly why. Building a comprehensive learning platform now requires a number of moving parts, of which course authoring software is only one component.
For a while, Captivate was the only game in town, even though it was difficult to learn and had security protocols that didn't always play nice with Enterprise sized systems. Then Articulate moved in with a more intuitive approach and a less steep learning curve, and sliced into Captivate's market by targeting the middle-of-the-road customer who didn't need the might of Captivate. But both were the big players in town.
Now, I'm seeing more and more "portmanteau" learning platform offerings, where course authoring software is one of a number of tools available to design and deliver content. If your course authoring needs are fairly straightforward, and you don't regularly design complex, highly triggered, multi branched material, we have choices now. And with separate microlearning software, and adaptive learning services like Qstream, course authoring software will be one of many, or just a starting point in the "which approach will we take?" analysis.
Companies like ELB are building by buying up other companies that offer tools in each major area of their proposed platform. https://www.reworked.co/learning-development/elb-learning-makes-acquisition-rebrands-next-day/amp/ It's intriguing, but it also can mean a lack of cohesive company support, and a squashing together of different corporate cultures that may not initially fit. And I don't want to be their guinea pig. So I'm carefully watching with an eye to the future.
Meanwhile, Articulate's failure to continue to support its initial customer base with basic industry-standard feature growth while pursuing a roadmap intended (I think) to make it look innovative has left it standing in the middle of the road. Platform integrated authoring tools are going to be no-brainers in the future, and if they can offer even roughly what Articulate does now, then companies are going to start having those conversations...soon.
To put it another way, Articulate has made it possible for instructional designers to outgrow it.
I know I'm late to the conversation but please add morph to storyline!
Greensock Animation Platform. It is build into Storyline360 and in the background realizes all animations you make in Storyline. Motion paths, transitions and animations. Do check my posts about GSAP as it makes animations 1000 times better.
Do we have an update on this request?
