3 Nov 2011 10:14 PM #1
Strange "Diagonal Blanking" of animation in Safari
Sencha Animator for the most part works beautifully for our purposes.
However, we have encountered a mysterious effect when running an animation on Safari on the Mac or iPad. A diagonal blanking effect obscures part of the image. The animation loops infinitely, so it blanks for awhile, then shows in full again, then blanks again.
This effect does not appear running in Chrome. We put a screencap here: http://demo.aerbook.com/senchasafari/
Sencha Animator 1.0 Build 41 on Safari 5.1.1. Note that it runs quite smoothly; the odd hue and jerkiness are due to the screencap.
Happy to send along the project file if that would help - not at liberty to post it publicly, but could email it, etc. We just discovered this problem, days from deadline! Glad it was discovered, but still mystified. We tried deleting various elements, and were able to stop the effect if we deleted the static background upon which the various layers move. But that produced another effect: "Ripple" layers behind the coconut appeared atop the coconut.
I know, sounds odd. But you'll see what I mean about coconuts, ripples, and diagonal blanks when you view the video. Thanks for any help you might provide us!
4 Nov 2011 5:53 AM #2
- Join Date
- Mar 2007
- Gainesville, FL
- Vote Rating
Looks like a Safari problem keeping up.Mitchell Simoens @LikelyMitch
Sencha Inc, Senior Software Engineer
Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/
Need more help with your app? Hire Sencha Services firstname.lastname@example.org
Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!
When posting code, please use BBCode's CODE tags.
4 Nov 2011 6:56 AM #3
If you PM the project file I'll take a brief look at it.
*Update*: For those interested, this was a 3D issue. The object in question had a rotation applied around the X & Y axis during part of the animation, causing part of the object to appear behind the background.