Salut, j'essaie d'utiliser phaser.js pour la première fois et en voulant afficher une image ça me donne cette erreur sur la console, j'ai essayé avec opéra et chrome :
main.html:1 Access to XMLHttpRequest at 'file:///E:/stars/jeu/assets/vaiss001.png' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.
phaser.js:108840 GET file:///E:/stars/jeu/assets/vaiss001.png net::ERR_FAILED
XHRLoader @ phaser.js:108840
load @ phaser.js:107005
(anonymous) @ phaser.js:108175
each @ phaser.js:190940
checkLoadQueue @ phaser.js:108161
start @ phaser.js:108111
bootScene @ phaser.js:179273
start @ phaser.js:179975
bootQueue @ phaser.js:179024
emit @ phaser.js:218
texturesReady @ phaser.js:16639
emit @ phaser.js:218
updatePending @ phaser.js:194260
emit @ phaser.js:199
image.onload @ phaser.js:194390
load (async)
addBase64 @ phaser.js:194382
boot @ phaser.js:194239
emit @ phaser.js:218
boot @ phaser.js:16624
check @ phaser.js:30166
setTimeout (async)
DOMContentLoaded @ phaser.js:30171
Game @ phaser.js:16584
(anonymous) @ main.js:12
Mon code HTML :
Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 <html lang="fr"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link href="css/main.css" rel="stylesheet" type="text/css" > <script type="text/javascript" src="js/phaser.js"></script> <title>mon jeu</title> </head> <body> </body> <script type="text/javascript" src="js/main.js"></script> </html>
mon code JS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 var config={ type:Phaser.AUTO, width:800, height:600, scene:{ preload:preload, create:create, update:update }, } const game=new Phaser.Game(config); function preload(){ this.load.image('joueur','assets/vaiss001.png'); } function create(){ lejoueur=this.add.sprite(100,100,'joueur'); //lejoueur.anchor.setTo(0.5,0.5); } function update(time,delta){ }
J'ai essayé avec 'assets/vaiss001.png' et avec '../assets/vaiss001.png'
Mon dossier c'est : stars : qui contient main.html
et les sous-dossiers js et css et assets (pour les images).
Partager