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>

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

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 : Trying to make a composition with the code.

Creative Coding , p5.js , Study

Creative coding : Trying to make a composition with the code.

I've always made a 'Centering' composition with my creative coding. And I wanted to grow out of the same old composition style....

3 Sep, 2022

Creative coding color study : SORTING / SEQUENCES

Creative coding color study : SORTING / SEQUENCES

If I wanted my creative coding works to look beautiful as artwork, they should have a suitable arrangement of colors. But it's not eas...

24 Aug, 2022

Making a Moire patterns with big holes (p5.js).

p5.js , Still image

Making a Moire patterns with big holes (p5.js).

I made Moire patterns with the punchboard. Can I make Moire patterns with big holes like punch holes? Let me show you the making of the M...

30 Jul, 2022

The guide for the 'KUMALEON Coding Challenge'.

The guide for the 'KUMALEON Coding Challenge'.

It's an unofficial guide for the 'KUMALEON Coding Challenge' . I wrote this for the people who want to attend with the 'p5...

25 Jun, 2022

An example animation using setTimeout() function.

Animation , How to , p5.js

An example animation using setTimeout() function.

I made an animation including stop-motion with the 'p5.js'. Let me show you this simple method.

30 May, 2022

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/829820975-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6fVrEedM9Pd8EXw-3G1h2LiSFDKQ:1665063679680';_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/f30a9a14f0dee23e', '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': '3804308184590024098'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'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': '8812113441101911974', 'title': 'Creative coding : Trying to make a composition with the code.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcvbtT8UPiYNwG3nBe-pfKJzFpMlGmmFIKC0ajlT5fF6z9ymB40qrDzk1MDKgHDbJMNA2n7UtmA-9DaZvjDkdRnqvjR_3Z36-caWERwt4Aa6-ujny9aY6kIFjIw2GJsR0Oz_fIc9a56tnB2aXlU_lF45w0kl_hHoDPFOmqebyLffLjrAvuMIdbKA/w400-h267/title01.jpg', 'showInlineAds': false}, {'id': '3635566642065630396', 'title': 'Creative coding color study : SORTING / SEQUENCES', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIEq8Z7RuH1H-urF4CcvJZ1B9omFx60YX5PhBnPlF4MrNSrIvMBAGQPu_w0UcbsMGdg--uhGtOgWbFy3lK5e_UezES4LzyZTlxktsZpBv9D58RoHEAB3p8PeXP9_u8tVtokHUGV1QzMPXjFAYyzi8UrTOoFb3uY4_vXtB8Nvjo2GMWeUqtXSaniQ/s400/title.jpg', 'showInlineAds': false}, {'id': '4624743510231522007', 'title': 'Making a Moire patterns with big holes (p5.js).', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL3rlXtm7u_INDQO6l62lgpevXVa0Rm9ASz6sOfHM-LjEV_9ofrsDovhzfUHuKmwSyGvy_qZTjgEN_sD9GhtWtxzENvrP0x1P_5W-M4uKCZny-J4L4YYebi829yfQ_bta7xEdph4jZ-Z9nmyk4NOBkJrb5BvIfPPdY98bHKL6Hzb51FlhWgYRGYA/w400-h267/title01.jpg', 'showInlineAds': false}, {'id': '6469573274472366266', 'title': 'The guide for the \x27KUMALEON Coding Challenge\x27.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9fHR2UoexepYhdQLne9W3-QATGpY2q2Rvd9ymViKDTFPI2ul0IxZ4OWqHM-AC8-ykAdp5fcq32XO6AzrJeCMXQ31qJJyQOQGl5PuOf0J-NX0GlxHu5tICZlKWyTVePQPb48UHU0VgP6aUS_Zu_-fNIKy3oFcBbuzmvNv1_GeZtumeS6Ly0SM2ww/w400-h209/title.01.jpg', 'showInlineAds': false}, {'id': '3281119166039049', 'title': 'An example animation using setTimeout() function.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6qPLaW6seAebdpAIiAEEpd8NAqbjr0JSArKds8hiYdAdCOs-7S2TvxVCq36joqBMIuYZGQl2BB4mqt2GG_mPshfAdP-SEXGUfQ7jF4UK168yEkdAqb0MVGL5JQRRL92etsrhlA28Y6z3GyRVLc85J6wLBXOmlc8s3-c0PAFJUQc26zJO2S2Ujw/s400/title.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': 'How can I glow the thing on the screen shining from the first?', 'id': 7633381305793127589}, {'title': 'Calculating the walker path with the Worley noise method.', 'id': 2504337365930897854}, {'title': 'Enjoy the \x27Truchet Tiling\x27 with your own patterns.', 'id': 3804308184590024098}, {'title': 'Generative art example with the Worley noise and the Perlin noise.', 'id': 8566625956493558}, {'title': 'Can you make sense of this meaningless dance?', 'id': 2420311448385584395}]}, {'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/3582835653-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3523451998-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>