Quantcast
Channel: Pixi.js Latest Topics
Viewing all articles
Browse latest Browse all 3978

Pixi Loader not working

$
0
0

Hi

When i load my textures with the loader and add this to the stage it's not showing. But when i create a texture with PIXI.Texture then works perfectly.

I load in the game.js file the main-scene.js, in the main-scene.js i add some sprites when i create the texture in the mainscene it works fine but when i use the resources from the loader i get no error but the sprite is not displayed.

What i'm doing wrong?

Thank you

game.js

import * as Pixi from 'pixi.js'

import MainScene from './scenes/main-scene/main-scene'

export default class Game extends Pixi.Application {
  constructor (vueContext, config) {
    super()
    // Contexts
    this.vue = vueContext
    this.config = config

    // Add Game view to site
    this.vue.$el.appendChild(this.view)

    // Scenes
    this.scenes = {}

    // Main Scene
    this.scenes.mainScene = new MainScene(this, this.vue, this.config)
    this.stage.addChild(this.scenes.mainScene)

    this.load()
  }
  load () {
    this.loader.add('sprite2', '/static/game/images/sprite2.png')
    this.loader.load(this.setup())
  }
  setup () {
    // Setup Scenes
    this.scenes.mainScene.setup(this.loader.resources)
  }
  run () {
  }
  destroy () {
  }
}

main-scene.js

 

import * as Pixi from 'pixi.js'
import Scene from './../../engine/scene'

export default class MainScene extends Scene {
  constructor (context, vueContext, config) {
    super()
    // Set Contexts
    this.game = context
    this.vue = vueContext
    this.config = config
  }
  setup (resources) {
    // This is wokring
    let Texture = Pixi.Texture.fromImage('/static/game/images/sprite1.png')
    let sprite1 = new Pixi.Sprite(Texture)
    this.addChild(sprite1)

    // This is not working
    let sprite2 = new Pixi.Sprite(resources.sprite2.texture)
    this.addChild(sprite2)
  }
}

Viewing all articles
Browse latest Browse all 3978

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>