Breaking News: Grepper is joining You.com. Read the official announcement!

load .svg into this.load.atlas phaser

Harry Fox answered on September 29, 2022 Popularity 1/10 Helpfulness 1/10

answer load .svg into this.load.atlas phaser

load .svg into this.load.atlas phaser

Comment

// In the scene
loadAtlasSVG(key, svgURL, jsonURL, scale){
      scale = scale || 1;
      // Step 1
      this.load.svg(key, svgURL, {scale: scale});

      // Step 2
      this.load.json(key, jsonURL);

      this.load.on('complete', () => {
          const jsonData = this.cache.json.get(key);
          const frameKeys = Object.keys(jsonData.frames);

          frameKeys.forEach( frameKey => {
            const frame = jsonData.frames[frameKey].frame;
            for(const prop in frame){
              frame[prop] = frame[prop] * scale;
            }
          });
          
          // Step 3
          // For JSON Array format you must use JSONArray function
          Phaser.Textures.Parsers.JSONHash(this.textures.get(key), 0, jsonData);
      });
  }

Popularity 1/10 Helpfulness 1/10 Language whatever

Source: phaser.discourse.group

Tags: load phaser whatever

Link to this answer
Share Copy Link