Direction of Rotation

178 views
Skip to first unread message

jordy...@icasting.com

unread,
Sep 2, 2015, 8:56:39 AM9/2/15
to Google Web Designer beta
Hello,

As we speak I am creating some new web banners. There just seems to be a problem defining the direction of rotating my objects. As you can see in my attachment, I want the music notes to start out small. Then come out of the singers mouth, and spiral in one direction around his head with it's size increasing.

I just can't seem to get it right. Soon as the marker hits the 180 the image is rotated from the wrong direction. Is there a way to fix this?

Thanks in advance,

Jordy

iCasting 300 x 600 Singer Male.zip

Google Web Designer beta

unread,
Sep 2, 2015, 4:20:24 PM9/2/15
to Google Web Designer beta
Hi, Jordy

The file you posted looks like a published file that can not be open in GWD.
Could you send me your source file (project folder) so that I can take a look at it?

Which part of the animation you see that is rotated from the wrong direction?

Thanks,
Mariko (GWD team)

jordy...@icasting.com

unread,
Sep 3, 2015, 4:00:19 AM9/3/15
to Google Web Designer beta
Hi Mariko,

I've zipped the original file so you can take a look at it. The part with the musical notes around the 2:80 marker is the part that doesn't preview well in the browser. If I play it through the timeline it does actually rotate in the right direction. I am talking about rotation around the Z axis.

Hope you can help me out.

Jordy

ZIP.zip

Mariko Ogawa

unread,
Sep 3, 2015, 12:55:52 PM9/3/15
to Google Web Designer beta
Hi, thank you for posting your file.
GWD team is aware of 360 degree rotation/animation issue and the team is working to fix the issue.

In the meanwhile, could you take a look at the file attached?
I used -webkit-transform:rotate (deg); instead of 3d matrix in the keyframe animation for the music notes animation.
That seems that it is rotating fine on all the browsers.

Could you try that and see if you can use that code to your creative?
Please let me know if you have more questions,

Thanks,
Mariko(GWD team)
360 rotation.zip

hahai...@gmail.com

unread,
Sep 21, 2015, 3:15:55 AM9/21/15
to Google Web Designer beta
Hello,

I've got this kinda rotate problem.
I wanted to rotate my objects clockwise, n everything was ok when I previewed on GWD.
But, I publish to HTML5 doc, a part of the motion turned to counterclockwise.

I wonder is any solution?
("Attach a file" doesn't work at this moment)

Thanks,
Joan

Reply all
Reply to author
Forward
0 new messages