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