Dans la palette Propriétés, l’option qui permet de centrer un élément sur la scène ne fonctionne que pour positionner le coin supérieur gauche d’un élément, au centre de la fenêtre. Si cet élément est petit, on ne voit pas le décalage obtenu. En revanche, si on souhaite positionner le centre d’un élément (de plus de 100 pixels) au centre de la fenêtre, il faut dans ce cas saisir le script ci-dessous dans la fenêtre de code qui gère l’évènement resize.
largeurScene = sym.$(window).width();
sym.$("personnages").css({left:(largeurScene/2)-52}); // 52 car largeur des personnages : 104
sym.$("barre").css({left:(largeurScene/2)-100});
Dans cet exemple, un objet de 104 pixels est placé sur la scène. Pour le repositionner au centre de la scène, nous cherchons à connaitre la largeur de la scène, puis nous divisons la valeur obtenue par deux (pour connaitre la position du centre de la scène). Pour supprimer le décalage dans le centrage de l’élément, nous le ramenons vers la gauche de la moitié de sa largeur.