Phaser 3 Faire en sorte que les placeholders s'intègrent dans le fond blanc

Question

J'ai donc un problème avec mon projet. Mon projet utilise le framework Phaser 3, et le problème que j'ai est que j'ai utilisé rexUI pour ajouter une table de grille pour faire une table avec 3 colonnes, cependant, les choses à l'intérieur de la table de grille sortent comme montré dans l'image.

Je voudrais le décaler de manière à ce qu'il s'insère parfaitement dans le tableau de la grille, mais je ne sais pas comment faire.

Le code ci-dessous est la façon dont j'ajoute le placeholder dans la scène. J'ai essayé d'ajuster la taille du placeholder, mais je ne vois aucun changement même si j'effectue les modifications extrêmes.

let placeholder = this.add
      .sprite(905, 360, "placeholder")
      .setScale(0.6, 0.4);

et le code ci-dessous est le code utilisé pour créer le tableau ainsi que pour ajouter les éléments dans le tableau.

var tabs = this.rexUI.add
      .tabs({
        x: 1103,
        y: 450,
        panel: this.rexUI.add.gridTable({
          x: 1103,
          y: 450,
          width: 977,
          height: 550,
          scrollMode: 0,
          background: placeholder,
          table: {
            cellWidth: 300,
            cellHeight: 255,
            columns: 3,
            mask: {
              padding: 2,
            },
            reuseCellContainer: true,
          },
          slider: {
            track: this.rexUI.add.roundRectangle(0, 0, 20, 10, 10, 0x737373),
            thumb: this.rexUI.add.roundRectangle(0, 0, 0, 0, 13, 0xbcbcbc),
          },
          space: {
            left: 20,
            right: 20,
            top: 20,
            bottom: 20,
            table: 10,
          },

Si quelqu'un peut m'aider, ce serait très apprécié.

Answer 1

Je ne suis pas rexUi et, vous ne faites que partager une partie de votre code, mais je pense que vous pourriez résoudre ce problème en définissant la couleur et la largeur du trait à partir de l'écran d'accueil. placeholder panneau.

  // placeholder.setStrokeStyle(lineWidth, color, alpha);
  placeholder.setStrokeStyle(10, 0xffffff, 1);

Voici le lien : à la documentation