从processing迁移到processing.js
我在将处理代码迁移到processing.js时遇到了问题。我的处理代码在数据文件夹中包含jars、图像、字体，我希望在迁移到processing.js时使用我在处理中创建的相同pde文件。Processing.js教程展示了如何在网页中包含.pde文件，但没有说明在网页中的data文件夹中应该在何处提及图像或jars。此外，@preload for image也不起作用。
hello.html -->
<html>
<title>Hello Web - Processing.js Test</title>
<script src="processing-1.3.6.js"></script>
<p> Processing.js Test</p>
<canvas data-processing-sources="hello/hello.pde"></canvas>
</html>回答 3
Stack Overflow用户
发布于 2011-11-02 10:10:40
快速迁移策略：
- 将所有图像移动到与草图相同的文件夹中，因为.vlw字体不适用于Processing.js，因此您需要更改为.ttf fonts
- 。正如乔治所说，Processing.js不适用于jars，因此您需要对草图进行编码以不使用它们，或者根据正确的路径将它们移植到本地jars中，除非您将图像移出data folder
，否则我猜它们不正确
Stack Overflow用户
发布于 2011-11-02 05:50:42
您需要了解Processing.js是一种JavaScript端口或处理语言，而且由于JavaScript与Java不同，您将无法在Processing.js中使用.jar库，除非您将这些库的端口写入/查找到JavaScript。
有关更多详细信息，请查看this answer。
Stack Overflow用户
发布于 2017-03-03 22:54:30
处理js将处理不同于处理Java的字体。在处理过程中，Java字体是从你的机器中取出的。要查看您的字体列表，请运行此命令。
size(200, 200);
String[] fontList = PFont.list();
printArray(fontList);作为一名设计师，我喜欢使用不是每个人都会安装的自定义字体。因此，您需要将字体的一个版本上载到您的服务器，以便所有用户在web上都有相同的体验。
首先，将此代码添加到草图的顶部，然后将字体添加到数据文件夹中。根据您的项目设置，您可能需要将其添加到目录的顶部。
/* @pjs
crisp=true;
font=/yourfont.ttf;
*/接下来，在您的设置中引用字体。(这就是我有一些问题的地方)我在加载lineto-brown-pro-bold.ttf时，不得不在Brown下引用它，尽管在我的字体列表中它是Brown-bold。将此行添加到您的设置中。
font_name = createFont("/yourfont.ttf", 32);在你的绘图使用中
textFont(font_name);所以所有的代码都是
/* @pjs
crisp=true;
font=/yourfont.ttf;
*/
PFont font_name;
void setup() {
size (200, 330);
background (34);
font_name = createFont("/yourfont", 32);
smooth();
}
void draw() {
background (34);
textFont(font_name);
textSize(100);
fill(255);
text ("futura in pjs", 20, 310);
}有关更多信息，请查看processing.js文档http://processingjs.org/reference/font/和一个很好的示例，并在http://alsoko.net/processing.js-custom-fonts/上写下
https://stackoverflow.com/questions/7965950
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号