Community Tip - Learn all about the Community Ranking System, a fun gamification element of the PTC Community. X
I got an image as a 2D widget to work using css keyframes animation but it doesn't work with 3D images. I wanted to blink the 3d image as well as create a few different animations.
Solved! Go to Solution.
I"m not sure if you can use CSS animations in 3D, but I have seen an example of animating a 3D image. If you watch the PTC demo video of the Howden diaphram compressor here, when they get to the service section (about half way through) you can see the instruction panels above the model shrinking and fading out or growing and fading in. My guess is that this is being done with JS functions rather than CSS, but I"m not certain.
Hello,
There are some interesting other approaches for animations.
For example, you can do this for the blink effect:
https://community.ptc.com/t5/Vuforia-Studio/3D-Image-Blink-in-Experience/m-p/605754
Also, what exactly are those animations that you want?
Best regards,
Stefan.
Hello @tincescu,
Thank you for replying. I have incorporated the blinking effect to a 2D image widget and it works fine. I wanted to further try and create animations like fade out or scale out the 3D images when triggered for visible.
For instance, can the similar animation keyframes for the blinking effect be applicable to any 3D image?
I"m not sure if you can use CSS animations in 3D, but I have seen an example of animating a 3D image. If you watch the PTC demo video of the Howden diaphram compressor here, when they get to the service section (about half way through) you can see the instruction panels above the model shrinking and fading out or growing and fading in. My guess is that this is being done with JS functions rather than CSS, but I"m not certain.
Hello @AllanThompson ,
That is exactly what I wanted. The similar effect of 3D images in the Howden Experience. Thanks anyways. Much appreciated.