Discussions

QSubpixel animation [CSS/Canvas]

One of the really annoying things about CSS animations is that it is locked to pixels - there is no subpixel aliasing when you are doing slow animations, which limits the effective FPS.

Has anyone got any solutions for this problem, using canvas, or SVG/VML..?

AAnswer to: Subpixel animation [CSS/Canvas]

kyo_ago

I did not know the meaning of "locked to pixels".
Do you have a sample code?

danpeddle

Thank you for the reply - here is sample code:

http://jsdo.it/danpeddle/bj3L/fullscreen

when you make the transition speed very slow (site.transitionMilliseconds = 128000 etc) then cloud movement is very jerky (low fps) because movement is not anti-aliased, but jumps from pixel to pixel. This is what I meant by 'locked to pixels'.

Mrdoob clouds are amazing example:

http://mrdoob.com/131/Clouds

Post a question

You can post JavaScript, HTML, CSS related questions with attached reference to actual codes and get the answers likewise.

Ask a question

  • 1. Click the ‘Post a question’ above

  • 2. Enter question details, reference code, and click ‘Add question’ button

  • 3. Question will be paired with the code on display

Add an answer

  • 1. Choose a question

  • 2. Enter answer details, attach the reference code and click ‘add answer’ button

  • 3. Your answer will accompanied with attached code

Tag