processing.js loadImage（）

我已经制作了一个processing.js网页，用来放一个platformer游戏，所以我已经准备好了代码。现在我只需要把它放在网页上。现在我可以把背景变成红色，但是当我把代码放进去的时候，我意识到它没有画任何图像。我查了一下，发现processing.js使用的图像处理方法与我所做的非常不同。还是不行

以下是HelloWeb.pde文件中的my processing.js代码：

preload=
"file:///E:/Extra%20Curricular/STEM%20Videogame/Art/BlackKingIdle.png";

//请注意，E盘是我的USB。我不知道它是否会有效果

//人工智能代码
int-wolfX=310；
int-wolfY=200；
int wolfHealth=50；
//健康
int kingHealth=100；
int龙=500；
//低压设计
室内地面照明=300；
int lvlNum=1；
//运动（x）
int maxSpeed=6.25；
int xForce=0；
int kingXPos=947.5；
//运动（y）
int kingYPos=地板高度+50；
int-yForce=-15；
int跳跃=假；
无效设置（）{
规模（1895800）；
背景（255,0,0）；
}
作废提款（）{
如果（lvlNum！=0）{
PImage kingIdle=loadImage（“file:///E:/Extra%20Curricular/STEM%20Videogame/Art/BlackKingIdle.png")
}
};

以及HTML：

Hello Web-Processing.js测试
Processing.js测试
这是我的第一个Processing.js基于web的草图：

你应该养成张贴邮件的习惯。试着把你的问题缩小到尽可能少的范围。例如，此代码演示了您的问题：

/*@pjs preload=“C:\\Users\\Kevin\\Desktop\\2016年8月1日\\裁剪\\Sky4.JPG”*/
PImage myImage；
无效设置（）{
规模（200200）；
myImage=loadImage（“C:\\Users\\Kevin\\Desktop\\2016年8月1日\\裁剪\\Sky4.JPG”）；
}
作废提款（）{
图像（myImage，50,50,100100）；
}

您还应该养成查看JavaScript控制台的习惯。在这里，您将看到任何错误。如果您查看那里，您应该会看到一个错误，上面写着

“（索引）：1不允许加载本地资源”

这个错误说明了一切。不允许您从网页访问本地文件，即使您在本地运行该网页

您的Processing.js网页正在由本地Web服务器提供服务。处理为您处理这个问题，这很好，但是Web服务器只能处理您导入到草图目录中的文件。通过Processing editor中的sketch（草图）菜单执行此操作，或者您可以手动将

数据

文件夹添加到草图目录中，然后将图像放入其中。然后只参考与草图相关的图像

我的示例代码中的两行将发生更改：

/*@pjs preload=“Sky4.JPG”*/
myImage=loadImage（“Sky4.JPG”）；

---

如果您不想将图像放在草图目录中，则必须使用自己的Web服务器。您可以在本地运行一个，也可以将图像上载到图像主机并在代码中使用url。

您应该养成发布图像的习惯。试着把你的问题缩小到尽可能少的范围。例如，此代码演示了您的问题：

/*@pjs preload=“C:\\Users\\Kevin\\Desktop\\2016年8月1日\\裁剪\\Sky4.JPG”*/
PImage myImage；
无效设置（）{
规模（200200）；
myImage=loadImage（“C:\\Users\\Kevin\\Desktop\\2016年8月1日\\裁剪\\Sky4.JPG”）；
}
作废提款（）{
图像（myImage，50,50,100100）；
}

您还应该养成查看JavaScript控制台的习惯。在这里，您将看到任何错误。如果您查看那里，您应该会看到一个错误，上面写着

“（索引）：1不允许加载本地资源”

这个错误说明了一切。不允许您从网页访问本地文件，即使您在本地运行该网页

您的Processing.js网页正在由本地Web服务器提供服务。处理为您处理这个问题，这很好，但是Web服务器只能处理您导入到草图目录中的文件。通过Processing editor中的sketch（草图）菜单执行此操作，或者您可以手动将

数据

文件夹添加到草图目录中，然后将图像放入其中。然后只参考与草图相关的图像

我的示例代码中的两行将发生更改：

/*@pjs preload=“Sky4.JPG”*/
myImage=loadImage（“Sky4.JPG”）；

---

如果您不想将图像放在草图目录中，则必须使用自己的Web服务器。您可以在本地运行一个，也可以将图像上载到图像主机并在代码中使用url。

@Marco没问题。请注意，您可以接受（并向上投票）对您有帮助的答案。看看你的问题历史，你似乎还没有接受任何答案。@Marco没问题。请注意，您可以接受（并向上投票）对您有帮助的答案。查看您的问题历史记录，您似乎尚未接受任何答案。