Integrate .pde files (Processing)

kanouu1

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

kanouu1

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

mariusjopen

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

kanouu1

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

mariusjopen

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-javascript

Best!

Marius