search

digitalfruit / limejs

HTML5 game framework for web and iOS
http://www.limejs.com
Apache License 2.0
1.39k stars 278 forks source link

spritesheet canvas rendering in chrome #90

Open ghost opened 11 years ago

ghost commented 11 years ago

Hi it's us again,

we created spritesheets with "texture packer pro". most of the time they don't work on google chrome if the renderer is set to "canvas". sometimes they work. if we switch the renderer to DOM everything is there, but very laggy. so, this is not an option for us.

https://github.com/Fannon/IA6.Medienprojekt/tree/master/client/obacht

Example: File World.js - Lines 56-63.

tonistiigi commented 11 years ago

What do you mean by "most of the time" they don't work? Again, a small contained sample would help.

Also you can try the no-dom or random-opts branch. It may have better performance for canvas drawing.

Fannon commented 11 years ago

Hi!

is the no-dom branch somewhat stable? Android Performance is really bad with so much DOM Elements so it would help us alot to do everything with Canvas. Could it even work in CocoonJS then?

The Problem moal321 mentioned was that when we rotated graphics from a spritesheet or animating a Charakter with Spritesheets with Renderer set to CANVAS, it flickers, sometimes it does not appear at all (missing Frames in the Character animation), and sometimes it just works. This is just happening in Google Chrome.

Greets, Simon