Forum Discussion
3D rotation on x, y,z axis of shapes and texts
I am trying to rotate a shape and text a different z-axis angle, options are limited in storyline to x -axis while PowerPoint has this, even if I try to import from PowerPoint storyline straightens the object. Need to do it, trying a star wars effect.
- MathNotermans-9Community Member
Finetuned the Starwars text intro. Now it uses a GSAP timeline. To show how GSAP timelines can be speed up and slowdown i added code for that too.
GSAP timeline is probably the best solution for animating easily with Javascript and keeping it easily editable.
https://360.articulate.com/review/content/ba69712d-da72-41b0-9326-88523d89a8e9/review - WaltHamiltonSuper Hero
If you just want the effect, and don't need the learner to be able to do it, do it in Ppt, and export it as a video.
- MathNotermans-9Community Member
Use GSAP javascript. As i love this kind of things...set a basis up for you to play and continue with.
https://360.articulate.com/review/content/ca3aa22c-ffea-4c85-a78d-305898432776/review
You need some CSS, HTML5 and Javascript skills to get it exactly the way you want. But as you can see in the sample...and in the added Storyline..it is possible in Storyline with some GSAP help.
Kind regards,
Math - MathNotermans-9Community Member
As said... i love this kind of challenges...
So improved the previous one a bit... Now its a complete editor to test your effect.
https://360.articulate.com/review/content/6f5a9366-a733-4478-9401-efbe9711cdc2/review
First click the 'Set Transform' button, that makes a text 3d... then you can change the duration and z-distance to animate it Starwars like....
And here is the Storyline...