Integrate .pde files (Processing)
-
Hello!
I am not an expert in coding but I had some fun with Processing and now I want to integrate my sketches to Laytheme.
I followed these instructions (http://hartleyhacks.com/programming/how-to-insert-processing-sketches-into-wordpress-posts/) to integrate my .pde file to Wordpress; my sketches does not appear on the image library but this is not an issue.
To integrate processing files the .pde needs to be associated to a .js application called "processing.min.js" which it cannot be uploaded with Laytheme, for security reasons it says.
As I read this page (http://laytheme.com/documentation.html#custom-javascript) I am not sure if I have to copy and paste the content of this .js file in the "custom <head> content". What do you think? Do you have any piece of advice to import this "processing.min.js file ?
Thank you,
Nina -
Actually, I think I managed this point by uploading the pocessing.js file which is more heavy I think but should work.
My concern is now in this point, where I have "to switch from ‘Visual’ to ‘Text’ in order to enter code". How can I do this with Laytheme ?
Thank you,
Nina -
Dear @kanouu1
in a text-element you can switch to HTML as well you can make an HTML element.
But I am not sure what the PDE library needs and how it will be integrated.
Can you show what you already have?Best!
Marius
-
Hello Marius,
Thank you for your answer.
I try to make it on this page : http://www.ninadelevaque.com/processing but there is just a blank where my canvas is suppose to be.
I added my .pde and processing.js files thanks to Mime Type Setting plugin.
Maybe I can translate my .java sketches to .js and paste them directly to my page ?
Thanks,
Nina -
Dear @kanouu1
we have not much experience with integrating Processing sketches into LayTheme.
What you need to look into is for sure this:
http://laytheme.com/documentation.html#custom-javascriptBest!
Marius
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it