WikiFan

MapHowTo

HomeFan :: DerniersChangements :: DerniersCommentaires :: ParametresUtilisateur :: Vous êtes ec2-23-23-2-137.compute-1.amazonaws.com
plutot testé sur Mozilla 1.1 et 1.6 et IE 5 (win98)
merci de signaler tous disfonctionnements
par rapport au comportement attendu

Comment créer/modifier une carte


remarque: la présente notice concerne la version actuelle 0.2
(préliminaire et "compliquée") de l'éditeur de cartes.

pour éditer une carte vous devez déjà avoir créé un monde et un tileset:
TileSetHowTo
Ou utiliser un des tileset préexistant par exemple du monde bacasable
(un monde pour faire des patés de maisons)

Aller sur le gestionnaire de monde:
http://www.teleferique.org/projects/fan/imagesfan/tilegame/proto/world_manager.php
sélectionner votre monde et cliquer gérer

Apparaissent la liste des tilesets du monde et la liste des cartes (maps)
entrer un nom pour la carte et cliquer créer -> entrer dans l'éditeur de carte.

L'éditeur


Là il y a encore des bugs d'initialisation (un 0 apparait en haut à gauche...)


Il faut d'abord descendre dans les paramètres de la carte et indiquer le nom du
tileset à utiliser (qui doit apartenir au même monde que la carte) et aussi modifier
la taille de la carte si nécessaire (par défaut 16x12 mais du 20x15 ou 24x18 ou
d'autres formats peuvent convenir) + commentaire éventuel

parammap

!!attention taille maximale limitée!!
j'ai oublié de préciser ici mais la taille des cartes ne doit pas dépasser
disons grosso modo 500 tuiles en tout (largeur fois hauteur), ceci est lié à la
limitation du nombre d'éléments autonomes (ou calques) que les browser (mozilla en particulier)
peuvent gérer sans trop de problème. Au delà ça devient très long à charger
et instable.

pour que les cartes soient accessibles à tout le monde il vaut mieux considérer
que 24 par 18 est un maximum ( ce qui avait motivé le choix de la taille de tuile:
TileGameDessinerTuiles ) Il est qud même possible de jouer sur le format, par
exemple une carte très fine de 10 par 48 est valable (10x48=480 < 500)
encore qu'elle risque à terme de poser des problèmes de scroll si elle ne tient
pas en entier dans la fenêtre. Donc le format privilégié est vraiment au 4/3
avec 24x18 comme maximum. Par contre plus petit ne pose aucun problème.


cliquer sauver


Poser les tuiles

posetuile

le temps que la page se recharge et maintenant il est possible d'éditer.
si la première tuile du tileset est définie (tuile par défaut correspondant
au caractère ascii espace) celle ci rempli l'espace de la carte.

l'espace graphique de la carte est en correspondance avec l'espace
textuel en dessous, en le sélectionnant on peut vérifier qu'il est plein
de blanc. En remplaçant un de ces caractères blanc par un autre
caractère correspondant à une tuile définie du tileset, on insère
l'élément graphique correspondant dans la carte. Pour valider/visualiser
le changement il faut cliquer à coté de la fenêtre textuelle.

pour l'instant il est pratique d'avoir une deuxième page ouverte (ou imprimer)
sur l'éditeur de tileset pour retrouver les correspondances caractères/images.
Les tuiles sans élément graphique définis apparaissent sur la carte par
leur symbole ascii, mais en mode visualisation (visite) elles sont complètement
invisibles.

Une autre manière pour éditer la carte directement est de taper
le caractère d'une tuile dans la petite boite en bas à gauche de
la carte (à coté de la boite à cocher auto clav), il suffit ensuite
de cliquer sur la carte pour insérer cette tuile.

Enfin si la boite auto clav est cochée on change de mode et
il suffit d'appuyer sur une touche pour obtenir la tuile correspondante
sous le pointeur de souris. expérimental (problèmes de stabilité et de
scroll/focus avec ce mode) re-cliquer sur la carte si ça ne réagit pas.

Il reste de nombreuses imperfections qui devraient aller en s'arrangeant.


Autres paramètres

param

en bas de la zone d'édition se trouvent les champs de saisie des paramètres.
la modification de ces champs n'entraine une modification de la carte
qu'après validation (bouton sauver). A ce niveau il est possible de changer
une carte de monde (en mettant directement le nom d'un autre monde)

- champs explicites...
- statut: pour définir si la carte est destinées à être protégée en écriture...
- liens: pour définir les noms des cartes adjacentes
- choses: pour poser des choses ou des comportement (insertion de javascripts)
- déco: pour modifier l'apparence de la page
(pour plus de détails voir TableMaps)

pour l'instant seul ce dernier champ déco est utilisé, il est inséré dans la page
entre des balises style et permet donc en particulier de définir une couleur
de fond de page ou une image en arrière plan sur l'élément body.

par exemple

body{
background-color: #308030;
}


ou (non testé)

body{
background-image: url(../world_toto/fonds/aufond.png);
}


(et)ou encore pour accéder au style du bloc qui encadre la carte (qui utilise le style .cl_main_frame)

.cl_main_frame{
border: 4px solid red;
}


je donnerais la liste des noms des classes spécifiques aux cartes dès que le code sera stable.
pour plus de détails sur les styles en général, voir les standards css1 et css2:
http://www.w3.org/TR/REC-CSS1
http://www.w3.org/TR/REC-CSS2

(si quelqu'un connait une bonne doc francophone en ligne la dessus merci d'indiquer)


Les éléments qui débordent


il est possible d'insérer des éléments graphiques plus gros que la taille des tuiles.
pour voir comment et pourquoi, éditer le tileset banal dans le monde bacasable
puis la carte banaland du même monde.

La disposition des couches suppose que les rangées les plus basses sont devant
celles qui sont au dessus. ça ne marche bien que pour les débords montants.

debord


Voir et montrer

pour voir la carte dans son milieu naturel, retourner sur l'accueil du gestionnaire
de monde, sélectionner le monde et cliquer sur "visiter" (ou laisser la boite de nom
de monde vide pour avoir tout) -> liste des cartes (les plus récentes en haut)
avec des liens, il suffit de cliquer dessus.

les adressent peuvent être bookmarkées ou copiées, par exemple :
http://www.teleferique.org/projects/fan/imagesfan/tilegame/proto/map_editor.php?action=visit&world=devel&map=banaland

robin
22/07


Bug report (ajouter vos remarques)


- format de carte trop gros non testé (chargement trop long, plantages navigateur)
mettre un test avec une limite explicite ?

- toujours des problèmes avec les quotes dans les champs form initialisés en place.
ne pas utiliser de quotes " ou ' ni de \ dans les commentaires et noms de carte/tileset/world ...

- des incohérences dans la profondeur (z-index) entre images qui s'étendent latéralement ou vers le bas.

- IE et Mozilla ne gèrent pas les cadres de la même manière, IE rogne sur le contenu
par exemple sur le style .cl_main_frame ci dessus.

- n'arrive pas à neutraliser l'autowrap dans les champs textarea en bas de l'editeur

- les tuiles dépassent du cadre sous i.e, mais je crois que c'est l'une des remarques faite ci-dessus. Sous firebird ça passe. (voir world_greentech/map02)


Bugs résolus

pour l'instant ne pas utiliser les symboles de quotation ' et " et ` ni \ pour éditer des cartes:
mysql les avale de travers (j'ai escapé à la sauvegarde mais pas unescapé à la restitution...)


bon en fait il n'y a pas besoin d'escaper explicitement les caractères balises de blocs
vu que php le fait automatiquement pour toutes les variables passant par Get Post ou Cookies:
c'est la directive magic_quotes_gpc. C'est à la fois sympa et chiant parce qu'il faut faire
la différence entre différentes origines des variables: variables passée par un formulaire
a addslashes tandis que même variable récupérée de la base de données non...

le problème semble résolu en ce qui concerne les données de la carte (champ matrix)
qui est défini dans le formulaire par une attribution js (genre form...data.value=data )
mais pas les paramètres qui sont initialisés localement (genre <input value="<? echo $data ?>"...)
bref, toujours des histoires avec les métadonnées dans les données (on ne peut s'en passer)
Commentaires [Cacher commentaires/formulaire]
http://mammouthland.free.fr/cours/css/ pour les css
-- AnCel (2004-08-09 16:42:51)