How to export a processing file as a webpage (html format file) ?

qiangwangjohn

I created a sound visualizer using microphone inputs in processing & I'm wondering if there's any way I could convert the .pde file to a .html webpage? I tried exporting the .pde as an application, which created a file that includes a .java file of the code but I can't seem to implement it in a html file. Thank you all in advance!

John

GoToLoop

• ".pde" sketches are written in Java Mode and don't work on browsers anymore. :(
• Natively, browsers only understand JavaScript.
• However, Processing got something called JavaScript Mode based on library Pjs: http://ProcessingJS.org/
• But there's a serious limitation: it can't transpile Java libraries to JS.
• Only pure Processing API sketches: http://ProcessingJS.org/reference/
• But for sound, you may try out HTMLAudioElement, like some guy did below: https://www.Reddit.com/r/processing/comments/5b85k3/this_a_planetoids_game_i_made_with_sound_without/
• A more definitive option is convert your sketch to JS + p5.js library though: :-@

1. http://p5js.org/reference/
2. https://GitHub.com/processing/p5.js/wiki/Processing-transition

qiangwangjohn

GoToLoop, thank you so much! this is very informative and tremendously helpful.

jeremydouglass

While you can't use Java libraries in Processing JavaScript Mode, If you go the "difinitive" route there are ALSO a (smaller) set of P5.js libraries for use with P5.js (sound, video, Arduino serial etc)

https://p5js.org/libraries/