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>

I misunderstood the Julia set.

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

In admiration of Robert Delaunay.

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

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

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4164569176-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6yn_KsOOL9WP9iZBcgevM-RbToYA:1686060079526';_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/053ac541603bbd69', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'blitzPostInterstitial': 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': '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': '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/', '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': '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': '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/AByxGDREkfBpWT1UjCHiDvMQab3Ip62FhikENdsxOFlbBwaVqOPzlyq2Egrc3EaAewB4jQ76p-yhd6nD54yFtiLkqkWe2Kwa80gIFU6T_17i57CnedCpkw', '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}], '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': 'An example animation using setTimeout() function.', 'id': 3281119166039049}, {'title': 'Just click and save! How to record your \x27p5.js\x27 animation in mp4.', 'id': 8924008699415926490}, {'title': 'Digital art of flying fairies or...?', 'id': 2329009124497666521}, {'title': 'How can I glow the thing on the screen shining from the first?', 'id': 7633381305793127589}, {'title': '\x27saveGif()\x27 the p5.js animation GIF generater.', 'id': 870606707511264087}]}, {'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/1876625711-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3268905543-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>