Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

Good Job — Tue, 03 Jul 2012 23:16:49 GMT

Very well done. My favorite part is that you can make the player moon walk by pressing 'd' then the left arrow key, or the right arrow key then 'a'.

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

Meet — Wed, 13 Jun 2012 04:43:53 GMT

Nice Article David...

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

David Rousset — Fri, 13 Apr 2012 18:53:33 GMT

Thanks Alexei! :)

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

Alexei — Wed, 11 Apr 2012 17:33:31 GMT

Very Good article David, congratulations. Too bad there are many annoying people commenting here.

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

David Rousset — Tue, 10 Apr 2012 07:30:48 GMT

@test, I've modified the article to add a 100% width & height rule. But I'm registering to the resize event this way to prepare later code that handles the ratio.

David

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

David Rousset — Mon, 09 Apr 2012 07:17:11 GMT

@Jens: well, some CSS3 specs before being finalized must be prefixed. It's still a standard but it's a draft. Moreover, in my case, it doesn't break in other browser thanks to degradation

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

David Rousset — Mon, 09 Apr 2012 07:11:19 GMT

@p: I'm using -o everywhere except for the 3dt thing. I'll add that asap. It's funny to see people spotting immediatly such missing where as no one cares about on line demos without -ms!

David

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

David Rousset — Mon, 09 Apr 2012 07:07:35 GMT

@hoopz: the anti-aliasing is done for you by the gpu in this case. That's why I'm using this terminology. Maybe I should have more clear in my article.

David

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

hoopz — Sun, 08 Apr 2012 21:18:35 GMT

Using the word "anti-aliasing" to describe upscaling an image is really stretching the terminology. Please don't do that.

re: Modernizing your HTML5 Canvas games Part 1: hardware scaling & CSS3

Jens — Sat, 07 Apr 2012 14:22:43 GMT

Note: I’ve also added the prefixes versions –moz, –webkit & –o for Mozilla, Webkit & Opera to be compatible with the other browsers. Never forget to do the same!

I think we talk about standards? Aou do not work in standards, you work in draft an properitary Languages.