Javascript 未捕获引用错误:未定义loadImage

Javascript 未捕获引用错误:未定义loadImage,javascript,html,Javascript,Html,我正在尝试从我的浏览器(Chrome)运行这个用Javascript编写的简单游戏: 我完全是初学者,希望这不是一个太愚蠢的问题>根据文档 需要在preload()函数中调用loadImage 如果需要,图像可能无法立即用于渲染 要确保在使用图像执行任何操作之前,图像已准备就绪,请放置 预加载()中的loadImage()调用。您还可以提供回调 函数在图像准备就绪时处理图像 你能试试吗…还有一个错误是“p5.js”无法加载吗?看看开发人员工具的“网络”选项卡。正如您所说的,您是一名初学者,更喜欢

我正在尝试从我的浏览器(Chrome)运行这个用Javascript编写的简单游戏:

我完全是初学者,希望这不是一个太愚蠢的问题>根据文档

需要在
preload()函数中调用
loadImage

如果需要,图像可能无法立即用于渲染 要确保在使用图像执行任何操作之前,图像已准备就绪,请放置 预加载()中的loadImage()调用。您还可以提供回调 函数在图像准备就绪时处理图像


你能试试吗…

还有一个错误是“p5.js”无法加载吗?看看开发人员工具的“网络”选项卡。正如您所说的,您是一名初学者,更喜欢在文件命名时不使用空格
更喜欢使用“-”、“uu”或更好的名称。“访问位于的图像”file:///C:/Users/Uni/Desktop/CC%20Game%20Alessa%20Endspiel/Banana.png“来源”的“null”已被CORS策略阻止:响应无效。因此,不允许对源“null”进行访问。“
<!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>
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);
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);
}