Conversation
supportthis plugin looks like a very interesting way to share P5 sketches, however I am not able to get it to work. I keep getting a 404 error in the iframe when I load the page. This topic was modified 7 years, 9 months ago by graphius .
RESOLVED Your files MUST be in a container folder, and then that folder must be zipped and uploaded. the folder must contain an html file (by default index.html) your sketch file, and any additional files.
Yeah, the documentation could do with some improvement, I’ll have a think about how to make this clear. Also, agree the draft functionality is a bit pointless, I’ll see if there is a way to remove this.
I took the liberty of writing a usage instruction if that helps… Usage: Put all P5.js files in one folder. Name the folder for your project, eg. myProject . Include a .html file that includes a src link to the p5 libraries as well as src links to each of your .js files. eg. sketch.js , functions.js, etc (for ease of use, download the example file and include the index.html . Be sure to edit it to include all your .js files) Zip the enclosing folder. ie. the zip file should contain a folder named for your project ( myProject ), a .html file (by default index.html ), and all of your source files ( sketch.js, functions.js , etc) Click on the new menu item “Processing Projects” then upload your created zip file. Your Processing Project can then be easily added anywhere throughout your site using the shortcode [pp-shortcode id=”0″].
RESOLVED Your files MUST be in a container folder, and then that folder must be zipped and uploaded. the folder must contain an html file (by default index.html) your sketch file, and any additional files.
Yeah, the documentation could do with some improvement, I’ll have a think about how to make this clear. Also, agree the draft functionality is a bit pointless, I’ll see if there is a way to remove this.
I took the liberty of writing a usage instruction if that helps… Usage: Put all P5.js files in one folder. Name the folder for your project, eg. myProject . Include a .html file that includes a src link to the p5 libraries as well as src links to each of your .js files. eg. sketch.js , functions.js, etc (for ease of use, download the example file and include the index.html . Be sure to edit it to include all your .js files) Zip the enclosing folder. ie. the zip file should contain a folder named for your project ( myProject ), a .html file (by default index.html ), and all of your source files ( sketch.js, functions.js , etc) Click on the new menu item “Processing Projects” then upload your created zip file. Your Processing Project can then be easily added anywhere throughout your site using the shortcode [pp-shortcode id=”0″].