Re: [Flashcoders] Re: A funny little hover problem with CSS
Mostly on rounded rectangles and things with arcs. Kinda limited but the rounded rectangle is a unique case because 1-pixel rounded rects have always been a problem. Course, with the 0.5 rule, not so much (unless you're tweening). best, jon On Dec 17, 2008, at 4:41 PM, Ashim D'Silva wrote: Now that is odd. Is 0.5 the general rule to follow or is it simply different for every object you put down? 2008/12/18 Jon Bradley One of the most interesting tests is to create a rounded rectangle and add a 1 pixel border line around it. Notice it looks funky and isn't smooth. Position the rounded rectangle on a half pixel (+0.5 on x and y). It's all nice and smooth again. ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
Now that is odd. Is 0.5 the general rule to follow or is it simply different for every object you put down? 2008/12/18 Jon Bradley > > On Dec 16, 2008, at 10:49 PM, Ashim D'Silva wrote: > > I always round everything I place. That was one of the first things I >> checked. Rotated bitmaps and text often have this problem, which is fair >> enough because half pixels don't exist. >> > > Actually, they do. The native coordinate space for Flash is a twip, which > is 1/20th of a pixel. The rasterizer in Flash has to do some funky stuff > anyway with rotated content. > > There are some really annoying display bugs in Flash for this - consider a > nice vector shape that's rotated through AS very, very slowly. You'll > actually see it jump around when zoomed up. I discovered this one when > rendering content for a 1080p animation project ... so annoying. > > One of the most interesting tests is to create a rounded rectangle and add > a 1 pixel border line around it. Notice it looks funky and isn't smooth. > Position the rounded rectangle on a half pixel (+0.5 on x and y). It's all > nice and smooth again. > > cheers, > > > jon > > ___ > Flashcoders mailing list > [email protected] > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > -- The Random Lines My online portfolio www.therandomlines.com ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
On Dec 16, 2008, at 10:49 PM, Ashim D'Silva wrote: I always round everything I place. That was one of the first things I checked. Rotated bitmaps and text often have this problem, which is fair enough because half pixels don't exist. Actually, they do. The native coordinate space for Flash is a twip, which is 1/20th of a pixel. The rasterizer in Flash has to do some funky stuff anyway with rotated content. There are some really annoying display bugs in Flash for this - consider a nice vector shape that's rotated through AS very, very slowly. You'll actually see it jump around when zoomed up. I discovered this one when rendering content for a 1080p animation project ... so annoying. One of the most interesting tests is to create a rounded rectangle and add a 1 pixel border line around it. Notice it looks funky and isn't smooth. Position the rounded rectangle on a half pixel (+0.5 on x and y). It's all nice and smooth again. cheers, jon ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
I always round everything I place. That was one of the first things I checked. Rotated bitmaps and text often have this problem, which is fair enough because half pixels don't exist. Cheers though. 2008/12/17 Taka Kojima > p.s. make sure all of the textfield's parents also have their x,y values as > whole pixels. > > -Taka > > On Tue, Dec 16, 2008 at 4:18 PM, Taka Kojima wrote: > > > I think I know the solution > > > > It's quite a different approach... but a lot of times text has shifting > > problems on hovers and whatnot when their x,y's are not set at exact > pixels. > > > > Maybe try changing the positioning on the stage so that the elements use > an > > exact x,y value, or do a Math.round() if you're positioning them through > AS. > > > > Hope this helps. > > > > -Taka > > > > > > On Tue, Dec 16, 2008 at 4:05 PM, Ashim D'Silva >wrote: > > > >> Wow. Thanks. I wouldn't have thought rotating a text field would make it > >> better. Whenever I need to rotate text I usually render it to a bitmap > and > >> rotate that. > >> Help is much appreciated. > >> > >> Ashim > >> > >> 2008/12/17 Jon Bradley > >> > >> > > >> > On Dec 14, 2008, at 8:04 PM, Ashim D'Silva wrote: > >> > > >> > Right. I recreated everything slowly in a new file, introducing > things > >> one > >> >> by one and here's the culprit - Advanced Anti-Aliasing.Now I really > >> would > >> >> like to use advanced, because text looks dramatically better, but > there > >> >> has > >> >> to be a solution, doesn't there? > >> >> > >> > > >> > The issue affects more than just static fields (with hovers). It > >> > dramatically affects applications where users are allowed to rotate > and > >> > scale dynamic text fields. In that instance, the kerning, leading and > >> > character positions are offset and randomly jump around in value. The > >> > kerning is the worst - as a field is scaled the kerning will jump > >> anywhere > >> > between 0-2 em on the characters ... randomly between each. > >> > > >> > The only work around is to have the text field rotated by a small > amount > >> > (0.01, for example). I submitted this bug to Adobe quite while back, > >> along > >> > with the 'workaround.' > >> > > >> > Sorry to be the bearer of bad news. At least you can give the rotation > >> of > >> > the field a shot. You may need to use AS to set the rotation via a > >> Matrix. > >> > > >> > var m:Matrix = new Matrix(); > >> > m.rotate(0.01); > >> > myTextfield.transform = m; > >> > > >> > The rotaion might need to be tweaked a tad - I don't have my bug app > >> open > >> > right now to check out the exact value that I ended up using. > >> > > >> > - jon > >> > > >> > ___ > >> > Flashcoders mailing list > >> > [email protected] > >> > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > >> > > >> > >> > >> > >> -- > >> The Random Lines > >> My online portfolio > >> www.therandomlines.com > >> ___ > >> Flashcoders mailing list > >> [email protected] > >> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > >> > > > > > ___ > Flashcoders mailing list > [email protected] > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > -- The Random Lines My online portfolio www.therandomlines.com ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
p.s. make sure all of the textfield's parents also have their x,y values as whole pixels. -Taka On Tue, Dec 16, 2008 at 4:18 PM, Taka Kojima wrote: > I think I know the solution > > It's quite a different approach... but a lot of times text has shifting > problems on hovers and whatnot when their x,y's are not set at exact pixels. > > Maybe try changing the positioning on the stage so that the elements use an > exact x,y value, or do a Math.round() if you're positioning them through AS. > > Hope this helps. > > -Taka > > > On Tue, Dec 16, 2008 at 4:05 PM, Ashim D'Silva > wrote: > >> Wow. Thanks. I wouldn't have thought rotating a text field would make it >> better. Whenever I need to rotate text I usually render it to a bitmap and >> rotate that. >> Help is much appreciated. >> >> Ashim >> >> 2008/12/17 Jon Bradley >> >> > >> > On Dec 14, 2008, at 8:04 PM, Ashim D'Silva wrote: >> > >> > Right. I recreated everything slowly in a new file, introducing things >> one >> >> by one and here's the culprit - Advanced Anti-Aliasing.Now I really >> would >> >> like to use advanced, because text looks dramatically better, but there >> >> has >> >> to be a solution, doesn't there? >> >> >> > >> > The issue affects more than just static fields (with hovers). It >> > dramatically affects applications where users are allowed to rotate and >> > scale dynamic text fields. In that instance, the kerning, leading and >> > character positions are offset and randomly jump around in value. The >> > kerning is the worst - as a field is scaled the kerning will jump >> anywhere >> > between 0-2 em on the characters ... randomly between each. >> > >> > The only work around is to have the text field rotated by a small amount >> > (0.01, for example). I submitted this bug to Adobe quite while back, >> along >> > with the 'workaround.' >> > >> > Sorry to be the bearer of bad news. At least you can give the rotation >> of >> > the field a shot. You may need to use AS to set the rotation via a >> Matrix. >> > >> > var m:Matrix = new Matrix(); >> > m.rotate(0.01); >> > myTextfield.transform = m; >> > >> > The rotaion might need to be tweaked a tad - I don't have my bug app >> open >> > right now to check out the exact value that I ended up using. >> > >> > - jon >> > >> > ___ >> > Flashcoders mailing list >> > [email protected] >> > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders >> > >> >> >> >> -- >> The Random Lines >> My online portfolio >> www.therandomlines.com >> ___ >> Flashcoders mailing list >> [email protected] >> http://chattyfig.figleaf.com/mailman/listinfo/flashcoders >> > > ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
I think I know the solution It's quite a different approach... but a lot of times text has shifting problems on hovers and whatnot when their x,y's are not set at exact pixels. Maybe try changing the positioning on the stage so that the elements use an exact x,y value, or do a Math.round() if you're positioning them through AS. Hope this helps. -Taka On Tue, Dec 16, 2008 at 4:05 PM, Ashim D'Silva wrote: > Wow. Thanks. I wouldn't have thought rotating a text field would make it > better. Whenever I need to rotate text I usually render it to a bitmap and > rotate that. > Help is much appreciated. > > Ashim > > 2008/12/17 Jon Bradley > > > > > On Dec 14, 2008, at 8:04 PM, Ashim D'Silva wrote: > > > > Right. I recreated everything slowly in a new file, introducing things > one > >> by one and here's the culprit - Advanced Anti-Aliasing.Now I really > would > >> like to use advanced, because text looks dramatically better, but there > >> has > >> to be a solution, doesn't there? > >> > > > > The issue affects more than just static fields (with hovers). It > > dramatically affects applications where users are allowed to rotate and > > scale dynamic text fields. In that instance, the kerning, leading and > > character positions are offset and randomly jump around in value. The > > kerning is the worst - as a field is scaled the kerning will jump > anywhere > > between 0-2 em on the characters ... randomly between each. > > > > The only work around is to have the text field rotated by a small amount > > (0.01, for example). I submitted this bug to Adobe quite while back, > along > > with the 'workaround.' > > > > Sorry to be the bearer of bad news. At least you can give the rotation of > > the field a shot. You may need to use AS to set the rotation via a > Matrix. > > > > var m:Matrix = new Matrix(); > > m.rotate(0.01); > > myTextfield.transform = m; > > > > The rotaion might need to be tweaked a tad - I don't have my bug app open > > right now to check out the exact value that I ended up using. > > > > - jon > > > > ___ > > Flashcoders mailing list > > [email protected] > > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > > > > > > -- > The Random Lines > My online portfolio > www.therandomlines.com > ___ > Flashcoders mailing list > [email protected] > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
Wow. Thanks. I wouldn't have thought rotating a text field would make it better. Whenever I need to rotate text I usually render it to a bitmap and rotate that. Help is much appreciated. Ashim 2008/12/17 Jon Bradley > > On Dec 14, 2008, at 8:04 PM, Ashim D'Silva wrote: > > Right. I recreated everything slowly in a new file, introducing things one >> by one and here's the culprit - Advanced Anti-Aliasing.Now I really would >> like to use advanced, because text looks dramatically better, but there >> has >> to be a solution, doesn't there? >> > > The issue affects more than just static fields (with hovers). It > dramatically affects applications where users are allowed to rotate and > scale dynamic text fields. In that instance, the kerning, leading and > character positions are offset and randomly jump around in value. The > kerning is the worst - as a field is scaled the kerning will jump anywhere > between 0-2 em on the characters ... randomly between each. > > The only work around is to have the text field rotated by a small amount > (0.01, for example). I submitted this bug to Adobe quite while back, along > with the 'workaround.' > > Sorry to be the bearer of bad news. At least you can give the rotation of > the field a shot. You may need to use AS to set the rotation via a Matrix. > > var m:Matrix = new Matrix(); > m.rotate(0.01); > myTextfield.transform = m; > > The rotaion might need to be tweaked a tad - I don't have my bug app open > right now to check out the exact value that I ended up using. > > - jon > > ___ > Flashcoders mailing list > [email protected] > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > -- The Random Lines My online portfolio www.therandomlines.com ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
On Dec 14, 2008, at 8:04 PM, Ashim D'Silva wrote: Right. I recreated everything slowly in a new file, introducing things one by one and here's the culprit - Advanced Anti-Aliasing.Now I really would like to use advanced, because text looks dramatically better, but there has to be a solution, doesn't there? The issue affects more than just static fields (with hovers). It dramatically affects applications where users are allowed to rotate and scale dynamic text fields. In that instance, the kerning, leading and character positions are offset and randomly jump around in value. The kerning is the worst - as a field is scaled the kerning will jump anywhere between 0-2 em on the characters ... randomly between each. The only work around is to have the text field rotated by a small amount (0.01, for example). I submitted this bug to Adobe quite while back, along with the 'workaround.' Sorry to be the bearer of bad news. At least you can give the rotation of the field a shot. You may need to use AS to set the rotation via a Matrix. var m:Matrix = new Matrix(); m.rotate(0.01); myTextfield.transform = m; The rotaion might need to be tweaked a tad - I don't have my bug app open right now to check out the exact value that I ended up using. - jon ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
Re: [Flashcoders] Re: A funny little hover problem with CSS
We had a similar issue triggered by scaling. When we rescaled objects with Advanced Anti-Aliasing text, they wouldn't recompute their size properly and would truncate themselves with "..." at the end at some scales but not at others. We ended up just turning it off. It's true that it looks better, but if it doesn't work, it doesn't work. :-/ Dave On 12/14/08, Ashim D'Silva wrote: > > Right. I recreated everything slowly in a new file, introducing things one > by one and here's the culprit - Advanced Anti-Aliasing.Now I really would > like to use advanced, because text looks dramatically better, but there has > to be a solution, doesn't there? > > 2008/12/15 Ashim D'Silva > > > > Hi all, > > I'm having a really odd problem, that I haven't been able to find > anything > > about. I have a multiline, word wrapped TextField that uses CSS (built as > > objects), with content coming from HTML in an XML file. > > It all works fine, but for some reason, when I hover over a link (whether > I > > have CSS for hover or not) it moves a pixel or two. Sometimes only the > first > > time, sometimes all the time. > > If I have a a:hover in the CSS it definitely moves every time. > > > > Has anyone encountered this, got a solution or have any idea why this > would > > happen? > > > > Thanks, > > > > Ashim > > > > -- > > The Random Lines > > My online portfolio > > www.therandomlines.com > > > > > > -- > The Random Lines > My online portfolio > www.therandomlines.com > ___ > Flashcoders mailing list > [email protected] > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > ___ Flashcoders mailing list [email protected] http://chattyfig.figleaf.com/mailman/listinfo/flashcoders
