Question

If I have some card images for a Javascript game, what is the most efficient way to display those images?
Is it best to just create a new object with the same image URL?
Should I preload all images then hide them and clone an instance of the image object?
Is there another method?

Answer 1

• Pre-load them of course.
• Use sprites whenever possible, for instance, you could load each suit in one image. Then you could load each card as the background of a div.
• As long as you load the images from the same URL. The browser should use the clients locally cached file, instead of requesting it from the server.
• Cloning should be good, but itwill have to be a deep clone, otherwise manipulating one will effect all other clones.