Convert p5.js to Processing

codingking03 · June 14, 2018, 2:58am

Is there any easy way to convert p5.js code to processing (java)?

GoToLoop · June 14, 2018, 4:45am

codingking03 · June 14, 2018, 4:49am

Ok it looks like I need to know some of both languages to work efficiently between the two

GoToLoop · June 14, 2018, 4:54am

JavaScript is Java on the web. It means both languages got a lot in common!
Even though you wanna go back to “offline” Java, it shouldn’t be that difficult at all:

https://Github.com/processing/p5.js/wiki/Processing-transition

Just take a look at my Reddit post and compare how the same sketches are written in Java & JS syntaxes.

codingking03 · June 14, 2018, 7:27am

I have found that this is true! But I have - as it is very easy to - gotten used to the whole var/auto data type

theslyprofessor · July 18, 2020, 8:43pm

JavaScript and Java are actually completely different languages. The name JavaScript was chosen to ride the coattails of Java’s success.

istinn · September 14, 2022, 2:10pm

Do you know any additional guide/tutorials other than the Processing-transition wiki page? It seems there are several tools at GitHub to experiment automated conversion on java-processing to p5.js code but not the opposite.
Do you know by chance any sketch examples exposing both language code, in order to study/compare the differences?

GoToLoop · September 14, 2022, 3:18pm

Haven’t you taken a look at my Reddit link from my 1st reply for this topic btW?

Anyways, I’ve got quite some more Java + p5js sketches for you to compare both syntax flavors:

gist.github.com

https://gist.github.com/GoSubRoutine/da4939559d8b786df13f5694ea2edd30

.block

height: 600
scrolling: no
border: yes
license: cc-by-4.0

calc.mjs

const ERRORS = [
  "Polygon's newSize parameter can't be less than 2!",
  "Parameter dots[] must contain at least 2 { x, y } objects!",
  "Parameter epsilon can't be a negative value!"
];

export default function reducePolygon(dots, newSize, debug=true) {
  if (newSize < 2)  throw RangeError(ERRORS[0]);

  let reduced, ep = 0;

This file has been truncated. show original

data.mjs

export default function mapXYTableToXYArray(t, asVectors=false) {
  return t.getArray().map(asVectors && xyArrToVecMap || xyArrToXYObjMap);
}

function xyArrToVecMap([ x, y ]) {
  return p5.instance && createVector(+x, +y) || new p5.Vector(+x, +y);
}

function xyArrToXYObjMap([ x, y ]) {
  return { x: +x, y: +y };

This file has been truncated. show original

There are more than three files. show original

istinn · September 14, 2022, 3:38pm

wow… it seems I have missed this obvious post… But It is nice to see those examples as headlines here. Very Hard to miss them now… thanks!

Topic		Replies	Views
Converting Processing Sketch found on OpenProcessing Processing	6	528	August 14, 2020
Converting from p5.js to Processing 3.5.4 Libraries	1	595	October 19, 2021
Need some guidance to convert processing code to p5.js code Coding Questions	4	574	March 10, 2019
Anyone know how to Convert p5js to processing? Coding Questions	2	1824	May 8, 2021
Convert p5js to Processing Coding Questions	11	1671	February 26, 2022

Related topics