Embedded Files
Sharing something on OpenProcessing.org helps share your work and creativity to the world.
Sharing something on OpenProcessing.org helps share your work and creativity to the world.
First go to https://openprocessing.org/ and follow the instructions there to register an account.
Once you have an account you'll land on your dashboard.
-From your dashboard you can access sketches you've recently uploaded or created using OpenProcessing's web-based IDE.. You can click create new sketch to try out the IDE, but for this class you should stick to the original Processing IDE for consistency and functionality.
-You can also upload sketches you created with the normal IDE. Click upload from processing to reach the screen in the figure below. Which gives basic instructions and perhaps more importantly, the limitations on what you can upload to OpenProcessing. You can't upload anything over 10MB.
-Save your sketch if you haven't already done so. You now need to install JavaScript mode for Processing, which is a short and painless process.
-Click the Mode drop-down menu (highlighted in the figure below) you should see only JAVA and an ADD MODE OPTION. Select ADD MODE to bring up the MODE MANAGER WINDOW. From here you can select which modes to add to Processing. At the time of writing, there are a number of available modes, which you will explore later in the class.
-For now, find JavaScript mode and click INSTALL.
-The installation will take a few minutes and then you are done!!
Click the MODE DROP-DOWN MENU again and you should now see two mode choices. Java and Javascript. Select JAVASCRIPT. Your sketch should disappear and reappear quickly with a different-looking control bar at the top of your sketch. The MODE drop-down menu now says JAVASCRIPT. Congrats!! You're ready to send your code to the WEB.
Learning javascript would require a class of its own. So for now, all you need to know is that Processing's JAVASCRIPT mode allows you to create JavaScript program using the processing language and export your sketches to a web-friendly format. Just click the EXPORT FOR WEB button.
Learning javascript would require a class of its own. So for now, all you need to know is that Processing's JAVASCRIPT mode allows you to create JavaScript program using the processing language and export your sketches to a web-friendly format. Just click the EXPORT FOR WEB button.
It's the last button in your toolbar and looks like an arrow pointing to the right. This creates a folder called WEB EXPORT inside your sketch folder .
It's the last button in your toolbar and looks like an arrow pointing to the right. This creates a folder called WEB EXPORT inside your sketch folder .
This new folder should contain three types : a copy of your sketch, the processing.js file, and index.html, which is the web page of your sketch.
This new folder should contain three types : a copy of your sketch, the processing.js file, and index.html, which is the web page of your sketch.
Now compress or zip the WEB EXPORT folder, so you can upload it to OpenProcessing. Then return to OpenProcessing and click CHOOSE FILE, navigate to your sketch folder, and select zipped web-export folder. Click UPLOAD and send your sketch.
Now compress or zip the WEB EXPORT folder, so you can upload it to OpenProcessing. Then return to OpenProcessing and click CHOOSE FILE, navigate to your sketch folder, and select zipped web-export folder. Click UPLOAD and send your sketch.
Report abuse