3D rotation on x, y,z axis of shapes and texts

Jan 10, 2022

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. 

4 Replies
Math Notermans

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

Math Notermans

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...

Math Notermans

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