Home/ Questions/Q 6767651
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T14:58:37+00:00

I am having troubles while migrating my processing code to processing.js. My processing code

  • 0

I am having troubles while migrating my processing code to processing.js. My processing code contains jars, images, fonts in data folder, I want to use same pde files that i have created in processing while migrating to processing.js. Processing.js tutorial shows how to include .pde files in web page but does not tell anything about Where to mention about images or jars in data folder in your web page. Also @preload for image is also not working.

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Quick migration strategy:

    • Move all of your images to the same folder as your sketch
    • Your .vlw fonts won’t work with Processing.js, so you’ll need to change to .ttf fonts
    • As George said, jars do not work with Processing.js, so you’ll need to code your sketch to not use them, or port them to native JavaScript
    • @preload for images depends on the correct paths, and I’d guess they’re not correct unless you move the images out of the data folder
    • 0