Créer un écran de chargement en HTML5

Je vais avoir quelques problèmes pour trouver un tutoriel décent pour la génération d'un chargement de style écran en ce qui concerne le HTML5. Pour être tout à fait honnête, je ne sais pas exactement par où commencer...

Mon projet est essentiellement un simple HTML5 jeu, où je vais être en cours de chargement dans diverses feuilles sprite et tilesets. Ils vont être raisonnablement petit, mais j'aimerais vous montrer un peu le chargement spinner au lieu d'un écran vide alors que toutes les ressources sont chargées.

Apprécié si quelqu'un pouvait me diriger dans la bonne direction, que ce soit décent, des liens ou des exemples de code pour m'aller...mon Google-fu fait défaut aujourd'hui!


Pour plus de précisions, j'ai besoin de comprendre comment charger les ressources elles-mêmes, par opposition à la recherche d'un spinner. Par exemple, comment calculer que X% a chargé.


Edit 2

Idiot moi, je peux juste vérifier <variable>.image.complete. A voté pour les fermer.

source d'informationauteur espais