28-08-2014, 07:44 AM
Si tu as une image de fond qui représente le décor, je conseillerai plutôt SVG, qui te permettra de dessiner des cercles (pour les portées), des points (pour les personnages), des flèches (pour les directions) et de leur donner des couleurs (pour les équipes) sans difficulté.
De plus, ces éléments feront partis du DOM et seront donc manipulables par CSS également (et pas uniquement par javascript).
Enfin, il sera possible d'y poser des liens (balises <a>) qui permettront au joueur d'interagir avec d'autres éléments dessinés sur la carte (et ainsi, de ne pas se prendre la tête à se dire "c'est onclick? ontouch? ontap? onspeak? on...?).
SVG me semble parfaitement adapté pour une mini-map dont le fond serait une image du serveur (ou dont le fond est dessiné en canvas car là canvas a parfaitement sa place ).
De plus, ces éléments feront partis du DOM et seront donc manipulables par CSS également (et pas uniquement par javascript).
Enfin, il sera possible d'y poser des liens (balises <a>) qui permettront au joueur d'interagir avec d'autres éléments dessinés sur la carte (et ainsi, de ne pas se prendre la tête à se dire "c'est onclick? ontouch? ontap? onspeak? on...?).
SVG me semble parfaitement adapté pour une mini-map dont le fond serait une image du serveur (ou dont le fond est dessiné en canvas car là canvas a parfaitement sa place ).