Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
In this Discussion
- blindfish December 2015
- GoToLoop December 2015
- SimplyEnvision December 2015
Preparing complex sketch for the Web
Hi everyone!
I'm having a little trouble understanding which is the quickest way for me to adapt my current Processing sketch for it to work on a browser. I think I have 2 options, p5.js and processing.js.
However, since my sketch uses libraries like Minim (for audio), controlP5 (user interface), ToxicLibs, etc I think I cannot use processing.js.
If I'm right, the only way I can get my sketch to work on a browser is to use p5.js, but that would mean having to go line by line and changing it manually, right? There is no way of doing this automatically?
I'm also thinking that to use audio in the browser I will have to rewrite my code that uses Minim and use the p5.js sound library instead?
Thank you for your help!
Answers
Actually neither p5.js nor pjs can fully run your Java Mode sketch!
Minim can be adapted to use p5.sound instead.
But ControlP5 needs to be completed reshaped to use DOM elements!
Ok, just to make sure then: - Processing.js won't work because I use libraries. - p5.js will work with sound but I will have to change controlP5.
Is that correct?
That means the only way of getting my sketch ready for the web would be to rewrite it in p5.js? Is there an automatic way of doing the conversion? It's quite a long sketch.
Thank you for your help!
No automation! You're gonna need to re-write your Java Mode sketch as JS syntax.
Then you're gonna need to learn how to use p5.sound library and convert Minim to it.
And the worst part is learn how to create GUI elements using browser's DOM elements!
If you want to avoid refactoring all the code you'd be better off sticking with ProcessingJS - rather than p5js - and finding some raw JS libraries to replace Minim and controlP5. In JS mode you can just drop the external library code into separate tabs with a .js extension: i.e. 'myLibaryName.js'. I did that with a chess library on this unfinished project.
Thank you! I'll look into that also :)