deconbatch's Land of 1000 Creative Codings. - Enjoy creative coding!

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

L-system trial code made with p5.js

p5.js , Still image

L-system trial code made with p5.js

I was encouraged to try drawing some shapes with the L-system by the article by Gin (@gin_graphic) san . 【p5.js】L-systemで木を描く - ギンの備忘録 An...

8 Jan, 2023

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

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 color study : Gradients

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

'saveGif()' the p5.js animation GIF generater.

'saveGif()' the p5.js animation GIF generater.

The 'saveGif()' is the function that generates an animated GIF of your p5.js sketch. I feel 'Processing' is much easier ma...

9 Nov, 2022

Hand-drawn canvas with Processing/p5.js

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

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

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

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3801814646-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4crhj-9IWieGqxTF52G2gXiDROeQ:1675744340690';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6721766907153139645','//www.deconbatch.com/','6721766907153139645');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6721766907153139645', 'title': 'deconbatch\x27s Land of 1000 Creative Codings.', 'url': 'https://www.deconbatch.com/', 'canonicalUrl': 'https://www.deconbatch.com/', '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/76686ac05d281910', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, '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': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', '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', 'pageName': '', 'pageTitle': 'deconbatch\x27s Land of 1000 Creative Codings.', 'metaDescription': 'My creative coding works, generative art, or rather many examples with open source code.\nPlease feel free to get and use my Processing code examples.'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'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': 'My creative coding works, generative art, or rather many examples with open source code.\nPlease feel free to get and use my Processing code examples.', 'url': 'https://www.deconbatch.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}, {'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': '6519498522644926798'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '2522915722051373832', 'title': 'L-system trial code made with p5.js', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiInAXp-Te2l8wMoiDsakmcm9UpubqCeFcTQY2qdmMdjLefJF1WkA5fB6BDI1sC_oO2AoQVwgpL1DVjWUF2O1b13wGCjyNmtgXCSqpSB1JjiPn3WLGjHDuVPIzbwPDOwoUHAC6-n1-KmYiT8p8tUT7CwBOTMpgkyDGcbypnWqB8URxzNsLRuTlxSw/w400-h209/title.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/AHs97-mo4kSOho11Ahwg7PPQCAKBvvlFG1XsFVNVl2zfqGbMkUk2PP5b8IqR4UtfunU-tEiZonITPPesX7PAk8D6O1zkIpn7oT6H44ZNSvvEIR9ZDGQiyw', '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': '870606707511264087', 'title': '\x27saveGif()\x27 the p5.js animation GIF generater.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuZWeN5Ktbi0fS-hmjSggC-1L0oK-mDt7J7KP3ItONAAIEs5e1KNFnYhOaG6EjPqSs3ZO2ULdFBm3uzx3cFK-WbAHDqEON6l4NH-dD44aLww2tCnb81p94Yfxu9BPM154xvrRw8lUvecg3mpN2T02VqL5dIF4kq8tRZrF0suYHGdt7Mj0gxbMd1w/s400/title.saveGif.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}], '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': 'Just click and save! How to record your \x27p5.js\x27 animation in mp4.', 'id': 8924008699415926490}, {'title': 'An example animation using setTimeout() function.', 'id': 3281119166039049}, {'title': '\x27saveGif()\x27 the p5.js animation GIF generater.', 'id': 870606707511264087}, {'title': 'Creative coding color study : Gradients', 'id': 471451965632176544}, {'title': 'How can I glow the thing on the screen shining from the first?', 'id': 7633381305793127589}]}, {'title': 'Labels', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'Learn More', '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, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3933162793-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/2678123480-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('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, '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>