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

Shuffling the morphing nodes brought some attractions

Animation , Creative Coding , Generative Art

Shuffling the morphing nodes brought some attractions

Shuffling the morphing nodes. It is a creative coding morphing animation that is written in Processing. It creates an animation of a mov...

20 Jan, 2021

The inorganic formula creates the generative art of the organic thing.

Creative Coding , Generative Art , Processing

The inorganic formula creates the generative art of the organic thing.

Wet and organic images from the inorganic formula. It's a generative art made with the 'Processing'. It generates colorful, we...

17 Jan, 2021

I tried various formulas and chose one.

Animation , Creative Coding , Processing

I tried various formulas and chose one.

Playing with the formulas. It's a creative coding animation with simple logic. I admired ntsutae ( @ntsutae ) san's work on 'd...

16 Jan, 2021 5

The viscous moving animation with a simple morphing calculation

Animation , Creative Coding , Morphing

The viscous moving animation with a simple morphing calculation

Simple morphing calculation and viscous moving. It's a morphing animation made with creative coding with the 'Processing'. The...

11 Jan, 2021

Processing curveVertex() memo.

How to , Processing

Processing curveVertex() memo.

I'm not sure about the behavior of 'curveVertex()' of Processing. So I'll try to figure it out with simple example codes. ...

11 Jan, 2021

Some intuitively way to punch a hole in the layer with Processing

Creative Coding , Generative Art , Processing

Some intuitively way to punch a hole in the layer with Processing

I punched a hole with blendMode(REPLACE). This is my creative coding artwork by punching a hole technique with 'Processing'. You...

9 Jan, 2021

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1807328581-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7DTCoxcsrYAVhlsVMC6B8M7-VfIg:1714074276151';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6721766907153139645','//www.deconbatch.com/2021/01/','6721766907153139645');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6721766907153139645', 'title': 'deconbatch\x27s Land of 1000 Creative Codings.', 'url': 'https://www.deconbatch.com/2021/01/', 'canonicalUrl': 'https://www.deconbatch.com/2021/01/', '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': '', '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/111cb1309c0430aa', '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': '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': 'archive', 'pageName': 'January 2021', 'pageTitle': 'deconbatch\x27s Land of 1000 Creative Codings.: January 2021', '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/2021/01/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': true, 'isLabelSearch': false, 'archive': {'year': 2021, 'month': 1, 'rangeMessage': 'Showing posts from January, 2021'}}}, {'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': '7121611474423552500', 'title': 'Shuffling the morphing nodes brought some attractions', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwOz7369OauGtRc6AIcNQ0PRkF-dYXbegpzr426XIV3aWSvPFl0vKsRRP3EYuyXhMeC5dEvGV-dZor_KOGXLPG0VnlqdwaZTwwyIazXn5WRnBxCOo8YXQc-SY9gio_Y4U2D5oVgcdJgg/w400-h400/example01.png', 'showInlineAds': false}, {'id': '7913262633653964128', 'title': 'The inorganic formula creates the generative art of the organic thing.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6MP34KNvAhxGB6vtdyjZZj7JzlnITEQlH6SmtVZgMgHd9qRDt9X79zzp1yuA6NokTV1RjFbxwSKhUOdEcjP5z3mM-5JwP6cRv3w_IIp0eLj4J6vXBUqmcNNPmmBlZ3lnMWFVRaG24yQ/w400-h400/example0101.jpg', 'showInlineAds': false}, {'id': '8132506978611228480', 'title': 'I tried various formulas and chose one.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg333XXk33ZS5Zp6iymlKKXbehbScFU3la1Q3LZqq5Z0Z8uq8BqfkIhphfnaF6o8rXNlscx6wAXNgtuw1ZKqI1sxpb50hETfsmXYdNabNCdp-bjxtemQqI2bX-Jo3txFKPH9WhQKOhd2g/w400-h400/example01.png', 'showInlineAds': false}, {'id': '744848523627250452', 'title': 'The viscous moving animation with a simple morphing calculation', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiKFR8iMYQnZhap4WJRePzzVitD7er1tFVLTWpdKNHVWEWV1fRy8VL0hnwuUxi78LxTIErG1qrMPNVntBp7_LCGDWZoLmvP-fvFv6zern0qSIh0VUggeQCmDTU_gNDWIUwFjMRqPyYVg/w400-h400/example01.png', 'showInlineAds': false}, {'id': '2387017072534266892', 'title': 'Processing curveVertex() memo.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZRGmg3BJ3MVtUywAzc8qUVI-4G95BUxQHC6ShQDCKsiooF5TbTBSlVsZnEhnf59g_-VqIkp1djTOkb3yoUbAt6QjmyjZBCo3ma9YhInLMYjUIdqjfgNvrKv_aprjKhkq_tZTWfrg2tQ/s320/oioi.0007.png', 'showInlineAds': false}, {'id': '920734484537049597', 'title': 'Some intuitively way to punch a hole in the layer with Processing', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeltUHYCK1RM7YQtR2pltrf86ZMXyoHyncN1QNgAm-GyRoUR3vRP25uYxs5Pqw0_V0e3z3Tynaynv1_wdtwte2AwoP__lKxabrm4rjBODf057NenSwUClvuJon93405_9DzGLJierXhg/w400-h400/example01.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': 'Enjoy the \x27Truchet Tiling\x27 with your own patterns.', 'id': 3804308184590024098}, {'title': 'An example animation using setTimeout() function.', 'id': 3281119166039049}, {'title': 'Creative coding on Turing pattern', 'id': 7408522084740269603}, {'title': 'Draw lines between nodes placed on the circumference.', 'id': 7797091744105523564}, {'title': 'Make a \x27Stepwise easing\x27 with the various easing functions', 'id': 1486088140858466821}]}, {'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/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-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>