{"id":28708,"date":"2014-04-05T14:11:08","date_gmt":"2014-04-05T14:11:08","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/processingjs-code-directly\/"},"modified":"2014-05-23T09:15:48","modified_gmt":"2014-05-23T09:15:48","slug":"processingjs-code-directly","status":"closed","type":"plugin","link":"https:\/\/cn.wordpress.org\/plugins\/processingjs-code-directly\/","author":195740,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.4.8.1","stable_tag":"trunk","tested":"3.5.2","requires":"3.3","requires_php":"","requires_plugins":"","header_name":"Processing code directly in your web page | p5js","header_author":"@benoitWimart","header_description":"","assets_banners_color":"001e3b","last_updated":"2014-05-23 09:15:48","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/twitter.com\/BenoitWimart","rating":5,"author_block_rating":0,"active_installs":10,"downloads":1965,"num_ratings":4,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"4"},"assets_icons":[],"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"888000","resolution":"772x250","location":"assets"}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"none -"}},"plugin_section":[],"plugin_tags":[1214,229,9036,51157,51156],"plugin_category":[],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-28708","plugin","type-plugin","status-closed","hentry","plugin_tags-code","plugin_tags-javascript","plugin_tags-processing","plugin_tags-processing-js","plugin_tags-processingjs","plugin_committers-jaiunblog"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/processingjs-code-directly_001e3b.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p>Processing code directly in your web page with shortcode is using this technique :\nhttp:\/\/processingjs.org\/articles\/jsQuickStart.html#processingcodeinwebpage<\/p>\n\n<p>and adding prismjs (http:\/\/www.prismjs.com) for highlight the code<\/p>\n\n<h4>add processing code in your post<\/h4>\n\n<p>Just add shortcode<\/p>\n\n<ul>\n<li>[p5js code canvas][\/p5js] to show the code and the result<\/li>\n<li>[p5js code][\/p5js] to show the code<\/li>\n<li>[p5js canvas][\/p5js] to show the result of the code<\/li>\n<\/ul>\n\n<h4>example<\/h4>\n\n<p>[p5js code canvas]<\/p>\n\n<ol>\n<li>\/\/ Processing code<\/li>\n<li>void setup() {<\/li>\n<li>size(200, 200);<\/li>\n<li>background(100);<\/li>\n<li>stroke(255);<\/li>\n<li>ellipse(50, 50, 25, 25);<\/li>\n<li>println(\"hello web!\");<\/li>\n<li>}<\/li>\n<\/ol>\n\n<p>[\/p5js]<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Install (download https:\/\/github.com\/benoitwimart\/p5js\/archive\/master.zip, \nunzip, copy in wordress\/wp-content\/plugins \nor send .zip on plugin page http:\/\/yoursite.com\/...wp-admin\/plugin-install.php?tab=upload<\/li>\n<li>Activate at page http:\/\/yoursite.com\/...\/wp-admin\/plugins.php<\/li>\n<li>Add shortcode like [p5js code canvas]void setup(){\/* your code and more here *\/}[\/p5js] <\/li>\n<\/ol>\n\n<p>tips : p5js button is available in the wp html editor tab<\/p>\n\n<!--section=faq-->\n<ul>\n<li>none -<\/li>\n<\/ul>\n\n<!--section=changelog-->\n<h4>1.4.7<\/h4>\n\n<p>is Processingjs Version<\/p>\n\n<h4>1.4.7.1<\/h4>\n\n<p>remove filter bug<\/p>\n\n<h4>1.4.7.2<\/h4>\n\n<p>remove bug, add keyword, add button show\/hide<\/p>","raw_excerpt":"Processing code directly in your web page with shortcode is using this technique :","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/28708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=28708"}],"author":[{"embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/jaiunblog"}],"wp:attachment":[{"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=28708"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=28708"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=28708"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=28708"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=28708"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/cn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=28708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}