Uncaught Reference: loadimage ist nicht definiert

Ich versuche, dieses einfache Spiel in Javascript geschrieben laufe von meinem Browser (Chrome):Uncaught Reference: loadimage ist nicht definiert

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Document</title> 
    <script src="p5.js"></script> 
    <script src="CC Game Alessa Endspiel.js"></script> 


</head> 
<body> 

</body> 
</html>

Hier ist meine JavaScript-Datei, die den Loadimage-Code enthält. Die Dateien befinden sich alle im selben Ordner wie die js. und Indexdatei.

var gamestate = "intro"; 
//Früchte 
var Strawberry = loadImage("Strawberry.png"); 
var Banana  = loadImage("Banana.png"); 
var Coconut  = loadImage("Coconut.png"); 
var Grapes  = loadImage("Grapes.png"); 
var Pineapple = loadImage("Pineapple.png"); 
var Mango  = loadImage("Mango.png"); 
var Raspberry = loadImage("Raspberry.png"); 
var Background1 = loadImage("Background1.jpg"); 
var Baba2  = loadImage("Baba2.png"); 
var StartScreen = loadImage("StartScreen.jpg"); 
var StartButton = loadImage("StartButton.png"); 
var TimeClock = 520; 
var Princess = loadImage("indianprincess.jpg"); 

var player_img = image(Baba2,mouseX,470,19,19);

Ich bin total Anfänger und hoffe, das ist keine zu dumme Frage>. <

bearbeiten: thx viel!

jetzt i hinzugefügt Vorspannung Funktion:

var Strawberry; 
var Banana; 
var Coconut; 
var Grapes; 
var Pineapple; 
var Mango; 
var Raspberry; 
var Background1; 
var Baba2; 
var StartScreen; 
var StartButton; 
var TimeClock; 
var Princess; 

var player_img; 


function preload() { 

    Strawberry = loadImage("Strawberry.png"); 
    Banana  = loadImage("Banana.png"); 
    Coconut  = loadImage("Coconut.png"); 
    Grapes  = loadImage("Grapes.png"); 
    Pineapple = loadImage("Pineapple.png"); 
    Mango  = loadImage("Mango.png"); 
    Raspberry = loadImage("Raspberry.png"); 
    Background1 = loadImage("Background1.jpg"); 
    Baba2  = loadImage("Baba2.png"); 
    StartScreen = loadImage("StartScreen.jpg"); 
    StartButton = loadImage("StartButton.png"); 
    Princess = loadImage("indianprincess.jpg"); 

} 
function setup() { 
    image(Strawberry, 0, 0); 
    image(Banana, 0, 0); 
    image(Coconut, 0, 0); 
    image(Grapes, 0, 0); 
    image(Pineapple, 0, 0); 
    image(Mango, 0, 0); 
    image(Raspberry, 0, 0); 
    image(Background1, 0, 0); 
    image(Baba2, 0, 0); 
    image(StartScreen, 0, 0); 
    image(StartButton, 0, 0); 
    image(Princess, 0, 0); 
    player_img = image(Baba2,mouseX,470,19,19); 
}

jetzt gibt es: Uncaught Reference: noStroke nicht

definiert

und ich bekomme auch jetzt:

Zugang zum Bild bei ‚file: ///C:/Users/Uni/Desktop/CC%20Game%20Alessa%20Endspiel/Banana.png 'vom Ursprung' null 'wurde von der CORS-Richtlinie blockiert: Ungültige Antwort. Origin 'null' ist daher nicht erlaubt.

-.-

Quelle

2017-09-27 Alessa Klinger

Gibt es eine andere Fehler, dass "p5.js" nicht geladen werden kann? Sehen Sie sich den Netzwerk-Tab Ihrer Entwickler-Tools an. –

Wie Sie sagen, dass Sie ein Anfänger sind, bevorzugen Sie, Ihre Dateien ohne Leerzeichen zu benennen '' bevorzugen ein '-', '_' oder besser in Kamelfall. – F0XS

"Zugriff auf Image unter 'file: /// C: /Users/Uni/Desktop/CC%20Game%20Alessa%20Endspiel/Banana.png' vom Ursprung 'null' wurde durch die CORS-Richtlinie blockiert: Ungültige Antwort. Ursprung ' null 'ist daher nicht erlaubt. " <- Sie sollten sehr dankbar sein, dass dies nicht funktioniert. Stellen Sie sich vor, eine Webseite könnte auf das 'file:' Protokoll zugreifen ... Oh Mann, das Desaster das wäre ... Benutzen Sie einfach XAMPP oder WAMP und versuchen Sie es dort. –

sich nach den docs https://p5js.org/reference/#/p5/loadImage

loadImage Bedürfnisse innerhalb einer preload() Funktion

The image may not be immediately available for rendering If you want to ensure that the image is ready before doing anything with it, place the loadImage() call in preload(). You may also supply a callback function to handle the image when it's ready.

Können Sie das versuchen, genannt werden ...

Quelle

2017-09-27 10:57:11 Abhi

Uncaught Reference: loadimage ist nicht definiert

Antwort

Verwandte Themen