Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by pyalot2 on Monday September 16, 2013 @04:29AM
(#6392195)
Well in CSS you can't do anything about it, that's just how the browser works.
If you'd be doing WebGL you can do some things like using square power of two textures and enabling mipmapping and if available anisotropic filtering.
You can also do things like using signed distance field fonts or draw fonts by rasterizing (in the fragment shader) the bezier curves, which can be made to nicely anti-alias (using standard derivatives).
Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by ghayes on Monday September 16, 2013 @04:37AM
(#6392220)
Is this to say that CSS 3D transformations on text are bound to be aliased [in similar circumstances]? Is there a suggestion to the spec such as a "mipmap hint" that could (one day) be added to reduce this flaw without the need for other technologies?
Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by pyalot2 on Monday September 16, 2013 @05:30AM
(#6392362)
It's not just 3D transforms, a simple scale down will exhibit aliasing as well.
There's no flag to control aliasing migitating strategies for CSS in the spec, nor is there any discussion about it as far as I know.
Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by capisce on Monday September 16, 2013 @06:33AM
(#6392512)
We call this a leaky abstraction :)
Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by derefr on Monday September 16, 2013 @11:45AM
(#6393813)
> draw fonts by rasterizing (in the fragment shader) the bezier curves
So, ideally, browsers would be doing this themselves, after applying the transform to any non-text in the texture, and then compositing with the combined texture?
Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by gnoway on Monday September 16, 2013 @07:26AM
(#6392685)
Could be the speed, content, or something else, but the text at http://fotcorn.github.io/StarRSS/ doesn't seem to shake (as much, anyway) as it fades.
Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by ygra on Monday September 16, 2013 @07:31AM
(#6392701)
Exhibits exactly the same issue here. Horrible flickering of horizontal lines because those alternate between being a pixel and no pixel wide.
Re:Star Wars opening crawl from 1977 in HTML/CSS/JS
by jcampbell1 on Monday September 16, 2013 @12:15PM
(#6393977)
You could make everything oversized, then apply a scale of .25. That will improve the aliasing a bit.
Same for the logo. The scale transform should never exceed 1.0.
Thanks in advance.