Seguí muchos tutoriales de Phaser en línea con precisión y me aseguré de que la ruta a la imagen sea adecuada, pero me encuentro atascado con un cuadrado verde con un guión en el lugar para mi imagen cuadrado verde .
Tengo sospechas de que tal vez sea la forma en que tengo configurado mi servidor de prueba, estoy usando paquete para esto. He probado muchas implementaciones de carga de imágenes usando la función preLoad() de Phaser, pero incluso la más simple this.load.image('testing','../../assets/user/body/moveRightAtlas.png'); (en precarga) y var testing=this.add.sprite(400,400,'testing'); (en crear) todavía imprime el cuadrado. Para la ruta, probé la ruta absoluta y aún no funciona. Así es como se configuran mis directorios. directorios Mi pregunta es, ¿qué estoy haciendo mal? Soy un novato absoluto en Phaser, por lo que cualquier ayuda es muy apreciada, gracias.
(EDITAR: para la captura de pantalla de los directorios, accidentalmente dije moveRight0, quise decir moveRightAtlas.png)
Después de leer más, parece que la imagen existe pero el servidor web que estoy usando para probar el juego parece que no puede cargarlo. Entonces, es probable que el problema esté en el servidor web. Estoy usando paquetería.
La ruta debe ser relativa al archivo HTML, por lo que en su caso:
this.load.image('testing','assets/user/body/moveRightAtlas.png');Probablemente debería mover el directorio de activos dentro de su src y luego ir desde allí.
Así es como el repositorio de Samme para una configuración de paquete de trabajo está haciendo las importaciones:
[...] import images from './assets/*.png'; [...] this.load.image('space', images.space); [...]En tu caso, probablemente sería algo como:
[...] import moveRightAtlas from './assets/user/body/moveRightAtlas.png'; [...] this.load.image('testing', moveRightAtlas); [...]Verifique también su README para un complemento para copiar los activos.