Question

将处理代码迁移到processing.js时遇到麻烦。我的处理代码包含数据文件夹中的jar，图像，字体，我想使用我在迁移到processing.js时处理时创建的相同pde文件。 Processing.js教程展示了如何在网页中包含.pde文件，但没有说明网页中数据文件夹中有关图像或jar的位置。此外，@ preload for image也无效。

hello.html - ＆gt;

<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>

Answer 1

快速迁移策略：

将所有图片移至与草图相同的文件夹
您的.vlw字体无法与Processing.js一起使用，因此您需要更改为.ttf字体
正如George所说，jar不能与Processing.js一起使用，所以你需要编写草图以不使用它们，或者将它们移植到本机JavaScript
@preload for images取决于正确的路径，我猜他们不正确，除非你将图像移出数据文件夹

Answer 2

您需要了解Processing.js是 JavaScript端口或Processing语言，由于JavaScript与Java不同，您将无法使用.jar库与Processing .js除非你用JavaScript编写/查找库的端口。

有关详细信息，请查看this answer。

Answer 3

处理js将处理与Processing Java不同的字体。在处理Java中，字体是从您的计算机中提取的。看到你的字体列表运行它。

/* @pjs
crisp=true;
font=/yourfont.ttf;
*/

作为设计师，我喜欢使用不是每个人都会安装的自定义字体。因此，您需要将字体版本上传到服务器，以便所有用户在Web上都具有相同的体验。

首先将其添加到草图的顶部，然后将您的字体添加到数据文件夹。根据您的项目设置，您可能需要将其添加到目录的顶部。

lineto-brown-pro-bold.ttf

接下来，在您的设置中引用字体。（这是我遇到一些问题的地方）我正在加载Brown并且必须在Brown-bold下引用它，甚至在我的fontlist中它是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);
    }

所以代码一起是

SELECT
  regexp_replace(
    regexp_replace(
      ST_AsLatLonText(ST_MakePoint(42.3975, 27.9833), 'DDDMMMSSSC')
      , ' ', '0', 'g'
    ),
    '([NS])0', '\1 ');

有关详细信息，请查看processing.js文档http://processingjs.org/reference/font/ 也是一个很好的例子并写在http://alsoko.net/processing.js-custom-fonts/

上

从处理迁移到processing.js

3 个答案: