{"id":1527,"date":"2018-10-31T21:24:41","date_gmt":"2018-10-31T21:24:41","guid":{"rendered":"https:\/\/www.courses.tegabrain.com\/cc18\/?p=1527"},"modified":"2018-10-31T21:24:42","modified_gmt":"2018-10-31T21:24:42","slug":"p5-library-researchpost5","status":"publish","type":"post","link":"https:\/\/www.courses.tegabrain.com\/cc18\/2018\/10\/31\/p5-library-researchpost5\/","title":{"rendered":"p5 library – ResearchPost5"},"content":{"rendered":"

p5.scribble<\/strong><\/h2>\n

The library p5.scribble allows users to draw out primitive 2D features with a sketch style. It’s a different aesthetic from the conventional and smooth look of regularly coded p5 shapes and details and allows room for more roughness in the drawings. Filling in color creates a scribbling effect that isn’t completely cohesive as well.The hand drawn look presents a friendlier approach to the program, particularly when it comes to displaying charts and data collection.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

In order to use, this file has to be included:<\/p>\n

\/path\/to\/p5.scribble.js<\/a><\/code><\/pre>\n
And then you have to create an instance:<\/p>\n
var scribble = new Scribble();              \/\/ global mode\r\nvar scribble = new Scribble( p5Instance );  \/\/ instance mode<\/code><\/pre>\n
p5.scribble also allows users to change the general appearance of the scribble effect, including the neatness and bowing of the lines and the amount of offset allowed in coordinates.<\/p>\n
scribble.bowing = yourValue;          \/\/ changes the bowing of lines\r\nscribble.roughness = yourValue;       \/\/ changes the roughness of lines\r\nscribble.maxOffset = yourValue;       \/\/ coordinates will get an offset, here you define the max offset\r\nscribble.numEllipseSteps = yourValue; \/\/ defines how much curves will be used to draw an ellipse<\/code><\/pre>\n
library link:\u00a0https:\/\/github.com\/generative-light\/p5.scribble.js<\/a><\/p>\n
code example:\u00a0https:\/\/github.com\/generative-light\/p5.scribble.js\/blob\/master\/examples\/chart.html<\/a><\/p>\n
This is a usage of p5.scribble in making a bar graph with various line visuals.<\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
p5.scribble The library p5.scribble allows users to draw out primitive 2D features with a sketch style. It’s a different aesthetic from the conventional and smooth look of regularly coded p5 shapes and details and allows room for more roughness in the drawings. Filling in color creates a scribbling effect that isn’t completely cohesive as well.TheRead More<\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[9,1],"tags":[],"class_list":["post-1527","post","type-post","status-publish","format-standard","hentry","category-researchpost5","category-uncategorized"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paeb9f-oD","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/comments?post=1527"}],"version-history":[{"count":2,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1527\/revisions"}],"predecessor-version":[{"id":1531,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/posts\/1527\/revisions\/1531"}],"wp:attachment":[{"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/media?parent=1527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/categories?post=1527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.courses.tegabrain.com\/cc18\/wp-json\/wp\/v2\/tags?post=1527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}