我已经做了一个processing.js网页,我正在使用一个平台游戏,所以我已经得到了代码已经计划出。现在我只需要把它放在网页上。现在我可以将背景变成红色,但是当我将代码放入时,我意识到它不会绘制任何图像。我查了一下,process.js使用的图像方法与我所做的完全不同。它仍然无法工作。processing.js loadImage()
这里是我的processing.js文件HelloWeb.pde内部代码:
preload =
"file:///E:/Extra%20Curricular/STEM%20Videogame/Art/BlackKingIdle.png";
//注意,E盘是我的USB。我不知道它是否会起作用?
//AI Codes
int wolfX = 310;
int wolfY = 200;
int wolfHealth = 50;
//Health
int kingHealth = 100;
int dragon = 500;
//LV design
int floorHeight = 300;
int lvlNum = 1;
//movement (x)
int maxSpeed = 6.25;
int xForce = 0;
int kingXPos = 947.5;
//movement (y)
int kingYPos = floorHeight + 50;
int yForce = -15;
int jumping = false;
void setup() {
size(1895, 800);
background(255, 0, 0);
}
void draw() {
if (lvlNum != 0) {
PImage kingIdle = loadImage("file:///E:/Extra%20Curricular/STEM%20Videogame/Art/BlackKingIdle.png")
}
};
和HTML:
<!DOCTYPE html>
<html>
<head>
<title>Hello Web - Processing.js Test</title>
<script src="processing.min.js"></script>
</head>
<body>
<h1>Processing.js Test</h1>
<p>This is my first Processing.js web-based sketch:</p>
<canvas data-processing-sources="HelloWeb.pde" width="1895" height="800" style="border:4px solid"></canvas>
</body>
</html>
谢谢!这工作正常。 – Marco
@Marco没问题。请注意,您可以接受(并upvote)帮助您的答案。看看你的问题历史,看起来你没有接受任何答案。 –