Afficher une image avec phaser
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 :
Citation:
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:
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:
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).
