bodymovin translateZ();

Question

I created the following animation using aftereffects: https://i.stack.imgur.com/z3nBp.jpg

There is a button on after effects that was used to set the movement along the z-axis: https://i.stack.imgur.com/h9wcJ.jpg

I believe it is this method:

However my resulting html5 export only applies the opacity I set in after effects to the png and ignores translateZ:

I did not see anything about 3d or translate Z in the following documentation that I found:

How do I add the translateZ() to the png inside the exported animation?

score 0 · Answer 1 · answered Dec 30 '18 at 02:22

0

Have you tried using the 'html' renderer instead of the 'svg'?

answered Dec 30 '18 at 02:22

airnan

greetings, airnan, I do not understand your answer. Can you please be more descriptive, what do you mean 'using the html renderer instead of svg?' I am following the following tutorial https://www.youtube.com/watch?v=_YUDOshaFUM I am exporting from after effects using the bodymovin plugin, I have the following files aeffect.json, aftereffectslogo.html, bodymovin.js, index.js, and a folder titled 'images' where it exported the png thats used in the animation The animation is working fine, except it isnt recognizing the translateZ principle as explained above. – grey krav Dec 31 '18 at 21:20
Im still unsure what you mean, but I just tried replacing the value of the renderer key in the animation variable inside the index.js file with the string 'html' instead of the string 'svg'.. did nothing. – grey krav Dec 31 '18 at 21:31

1 Answers1