Processing - deconbatch's Land of 1000 Creative Codings.

<style>/*<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-8119671179379745 -->

</head><body>*/</style>

Creative Coding , Processing

Processing Code Examples: Creative Coding Fun! Modifying Published Processing Sketches

This is an example of a modification of a published Processing code, in which the particles appear to autonomously divide into groups of di...

28 May, 2025

Creative Coding , How to , p5.js

Connect the Perlin noise neatly using polar coordinates : Creative Coding Cooking in 3 Minutes

Here's a quick 3-minute read on creative coding. We'll be looking at how to draw diagrams with a smooth color changes along an ar...

4 May, 2025

Creative Coding , p5.js , Processing

I misunderstood the Julia set.

I misunderstood the Julia set and ended up creating something completely different. I'm not sure what to call these drawing results, b...

7 May, 2023

Creative Coding , p5.js , Processing

In admiration of Robert Delaunay.

Robert Delaunay is one of the pioneers of abstract painting. He left us with various fine artworks, and I love them. Robert Delaunay, 193...

19 Feb, 2023

Creative Coding , p5.js , Processing

My artwork made by copying "4900 Colors" by Gerhard Richter.

Mr. Gerhard Richter is considered a master of modern art. Let me show you my artwork made by copying his work with my p5.js/Processing code...

19 Dec, 2022

Creative Coding , How to , p5.js

Creative coding color study : Gradients

I've been impressed by the sight of the morning glory. Many colors weave complex gradients minutely and capriciously. How can I draw th...

16 Dec, 2022

Creative Coding , How to , p5.js

Hand-drawn canvas with Processing/p5.js

Are you tired of using a square canvas in your creative coding? So I would like to make a hand-drawn canvas with Processing/p5.js. I refer...

20 Oct, 2022

Creative Coding , How to , Processing

Control the color of the shadow with a Processing filter(BLUR).

I tried to control the situation the Processing filter(BLUR) function produced a black shadow. 👉 この記事は日本語でも読めます。

12 Oct, 2022

Creative Coding , How to , Processing

My loving Processing must get over the p5.js drawingContext!

You can easily make your 'p5.js' sketch rich by using 'drawingContext'. I'm mostly using 'Processing'. I'...

28 Sep, 2022

Creative Coding , node garden , p5.js

Draw lines between nodes placed on the circumference.

The 'Node Garden' is the one of simple techniques of creative coding. It creates a beautiful pattern with a simple code. I made ex...

7 May, 2022

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/552934507-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7EUJj8065On40Gm3Chj6xbphJrSQ:1757910603831';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6721766907153139645','//www.deconbatch.com/search/label/Processing?max-results\x3d10','6721766907153139645');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6721766907153139645', 'title': 'deconbatch\x27s Land of 1000 Creative Codings.', 'url': 'https://www.deconbatch.com/search/label/Processing?max-results\x3d10', 'canonicalUrl': 'https://www.deconbatch.com/search/label/Processing?max-results\x3d10', 'homepageUrl': 'https://www.deconbatch.com/', 'searchUrl': 'https://www.deconbatch.com/search', 'canonicalHomepageUrl': 'https://www.deconbatch.com/', 'blogspotFaviconUrl': 'https://www.deconbatch.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-106654916-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': false, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22deconbatch\x26#39;s Land of 1000 Creative Codings. - Atom\x22 href\x3d\x22https://www.deconbatch.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22deconbatch\x26#39;s Land of 1000 Creative Codings. - RSS\x22 href\x3d\x22https://www.deconbatch.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22deconbatch\x26#39;s Land of 1000 Creative Codings. - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6721766907153139645/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/03303080809147855924\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-8119671179379745', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/04ff204f4c551a27', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'Processing', 'pageName': 'Processing', 'pageTitle': 'deconbatch\x27s Land of 1000 Creative Codings.: Processing', 'metaDescription': 'Here are my creative coding works, generative art, and many example codes of open-source.\nPlease feel free to get and use my p5.js and Processing code'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'deconbatch\x27s Land of 1000 Creative Codings.', 'description': 'Here are my creative coding works, generative art, and many example codes of open-source.\nPlease feel free to get and use my p5.js and Processing code', 'url': 'https://www.deconbatch.com/search/label/Processing?max-results\x3d10', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Processing', 'resultsMessage': 'Showing posts with the label Processing', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eProcessing\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'deconbatch\x27s Land of 1000 Creative Codings. (Header)', 'type': 'Header', 'sectionId': 'upload-image', 'id': 'Header1'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '870606707511264087'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '2858694137291836594', 'title': 'Processing Code Examples: Creative Coding Fun! Modifying Published Processing Sketches', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUuGtv3z_jFWhEg7sy5rlsjssBTZ0SRzk0HzbQLforuCz4G6SuLGno678zRFqbN1IOm71z28SX9YwP7tosxRVXycZ6kye4-7xaiZwesEJCsUV9MPoO5GNpqJOLVYESrglW3g2ZT-B3Og8G_lhp0Q7ssdjM9aJoMCboODvD0rmT_PQJe8wMFVX3UnkQ/s400/title.en.01.jpg', 'showInlineAds': false}, {'id': '2244037088039928022', 'title': 'Connect the Perlin noise neatly using polar coordinates : Creative Coding Cooking in 3 Minutes', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJCMqwnGLggcb4mvVSmWHgdM7v6A8O7XR9jdiNpgeLE3Nd-TG993w6_JIZNyptqzNijxN023sAHUczmkonhjWT6oVsILuiEqotgunZbfkfar-AqxwwaRi1hCm6hXsnQ8KPhnBhpRp6KOV-bXkg9wLWpZ9VJgE1dQI9N8Y8cBPivpVrhKsgroiAaujc/s400/title.en.01.jpg', 'showInlineAds': false}, {'id': '7622903342383193968', 'title': 'I misunderstood the Julia set.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhElBUjt_YWjzfti1x3pWmxGLx_OX0nvhUdMVpiz4Y5ixRaZUfIB88JkFzgx87_0cAmW3EoOMWaz44AvLG9FNMIpjJg396pQamb_aX11gpXEtkyCVxIUKxVgCHWvefSKn01mj1lLFrgQkU_drqX1fKikwaHi5iOiXNskQXCTkeF5zwiS4-SBISVQ/w400-h209/title01.jpg', 'showInlineAds': false}, {'id': '7579910005385181423', 'title': 'In admiration of Robert Delaunay.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaVYpkexZnEPdcMjLA8SesgybkZTveo1YNdM8YDy9j5ctJkXKVCY92zt7U5jk3qwmGI5NnCVW0JwhXWf2v_-4wkdPTJZQ4ppIRuac5eQtsfp4wakXBq-jX0f_9_qWiMDtnqyi4tFoerTQwv7AaxolYlf_--btdcy2VEkyGtIRy0ggi5FJpFVESBQ/w400-h209/t03.jpg', 'showInlineAds': false}, {'id': '5772200452599241871', 'title': 'My artwork made by copying \x224900 Colors\x22 by Gerhard Richter.', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s_DhhKb806sfWZcN2444SPKKFhXaYMVCjx9P4L7quaK6h1-dOyQi2IYNJvSc1ot0Xm3hoUA56fvwz9XnuTZea1XbByxWhpG4McNUvQ63N2sSVwFQ', 'showInlineAds': false}, {'id': '471451965632176544', 'title': 'Creative coding color study : Gradients', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixPCxPlFY0EKgERT6708a9ndvelrXJTwhSkF3YJXU55CV6AUIc9DLXs82DbGneTQup0gQwNFAR7-XXpk4-2TMF-fi5UaCZ5k_C9qnO2dfX25zKnXfSkhPSSOFZI3lQMdPz6BRRRP2hC180vGQ7xVQ7n0Z0KPNpXeAF_rPY6R8ArbPMFiZlewpJjg/s16000/title.02.jpg', 'showInlineAds': false}, {'id': '8554863013842913093', 'title': 'Hand-drawn canvas with Processing/p5.js', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDHTeb1f22JbIBN5JM6FG2SGUdwafpwUdPj-6P7OJfRH2QFfiQ6bCYJH1mavfUbW0Uk-s5fvtDBdGDuIEWV8dKV4oLLPDGhlF9JOiDZ-ctQFPoe-J8ShVDctYf3IGwba1sDkXOt4KfNDEoX7j48uaS9OF0j1RNRS1bCz91LfpFNqOLBf1WOTYOqw/w400-h267/title.en.jpg', 'showInlineAds': false}, {'id': '2513124937064879958', 'title': 'Control the color of the shadow with a Processing filter(BLUR).', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEUQzMIx5HzEjN7IYe67k7Qz88DSCOV1JlQNkc1rbBuy9QPq_qe19QLLjQRLPX6iImKoUWbmfQxU0bUuBUjlvRicB2RqqP8YRxi1cgGS45nshsdwXAT-RzJUeioSFxLNdv8wNi4wkQ2p3n_yoQxmLou3dcuYwHvF3VuxBKgN1gGETuceB_lX3AzA/s400/title03.jpg', 'showInlineAds': false}, {'id': '3470146980950912783', 'title': 'My loving Processing must get over the p5.js drawingContext!', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD5AIdNZtvAOEFiOC5knqy9AVRux5SYKmC431C-esLuM2gynNyhi4jJ_YewVvF5DUOc94XeiygeQNW32aUTxO0j6TdSbP6Kd9tYpNwxDERov1tTFJJlNrTDzjJNirr3VwoqPmT2IutCG03_Ec7SzYqPHVORkoIj947t4TS_ifS-GdiIXbKq4g5yQ/w400-h268/blur.title.jpg', 'showInlineAds': false}, {'id': '7797091744105523564', 'title': 'Draw lines between nodes placed on the circumference.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXYKYw6iEqU9QVLjW73ZOH_sswvUVqSc6ycHeqMqKPch6T3bPZdpGN8Hxd-rSw-Vlgd3d82AVQKCvDPupLRva9K0DVjGlxhbI1laJjr61oFL7Otkeil6PX0nMfQ85Eou5wkxb_pERRB992wDUKBRP4T7Z2qPYRvUDvJcyCmUS2rXZZQgaEWJ_fg/w400-h262/01.title.02b.jpg', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': 'Search in this Blog', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML4'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Hand-drawn canvas with Processing/p5.js', 'id': 8554863013842913093}, {'title': 'Processing Code Examples: Creative Coding Fun! Modifying Published Processing Sketches', 'id': 2858694137291836594}, {'title': '\x27saveGif()\x27 the p5.js animation GIF generater.', 'id': 870606707511264087}, {'title': 'Connect the Perlin noise neatly using polar coordinates : Creative Coding Cooking in 3 Minutes', 'id': 2244037088039928022}, {'title': 'L-system trial code made with p5.js', 'id': 2522915722051373832}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'Pages', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'upload-image', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eProcessing\x3c/b\x3e. \x3ca href\x3d\x22https://www.deconbatch.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1879773127-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-static', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>