<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
    <channel>
        <title>Gorilla Sun</title>
        <link>https://paragraph.com/@gorillasun</link>
        <description>Generative Art, Tech, and Web3</description>
        <lastBuildDate>Tue, 10 Nov 2026 10:54:24 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>https://github.com/jpmonette/feed</generator>
        <language>en</language>
        <image>
            <title>Gorilla Sun</title>
            <url>https://storage.googleapis.com/papyrus_images/628df4713a3a57fdd52d2325a2c055fe</url>
            <link>https://paragraph.com/@gorillasun</link>
        </image>
        <copyright>All rights reserved</copyright>
        <item>
            <title><![CDATA[Gorilla Newsletter 49]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-49</link>
            <guid>Jh6K0QSviUnNXb7tGcqz</guid>
            <pubDate>Mon, 25 Mar 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[Demystifying Generative Aesthetics by Le Random - Santiago Ortiz peers into the mind of ChatGPT - The HTML Review - WTBS in conversation with Erick Calderon - Highlight Studio - CSS Flexbox vs. CSS Grid +++ lots more]]></description>
            <content:encoded><![CDATA[<p><strong>Welcome back everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> and a heartfelt thank you to all new subscribers that joined in the past week!</strong></p><blockquote><p><strong>This is the 49th issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><p><strong><em>Before we get started</em></strong><em> - for some reason last week's newsletter was intercepted by many a spam filter, I don't know exactly why, and it's the first time that this happens. My hunch is that I might have used some words that the spam filter doesn't like, which I'll be more careful with in the future.</em></p><p><em>If you got a second to check your spam folder and mark the Newsletter as 'not spam', that would actually help tremendously! It sends a positive signal and helps improve the overall deliverability of the Newsletter!</em></p><p>That said,<strong> I hope that you're all having a great start into the week! L</strong>et's get into it! <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h2 id="h-all-the-generative-things">All the Generative Things</h2><h3 id="h-demystifying-generative-aesthetics">Demystifying Generative Aesthetics</h3><p>Among the very first videos that I've watched on generative art is Tyler Hobbs' iconic talk at Clojure Con 2018 'Code goes in, Art Comes out'. He begins his presentation with a number of loaded questions:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c056b659f9be9c6ea574519ee1adcffd.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">I need to be careful what I'm saying here, interesting art is kind of a loaded term, what does that mean exactly? | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.youtube.com/watch?v=LBpqoj2nOQo">Link to Youtube video</a></figcaption></figure><p>What actually makes for an interesting artwork? And more specifically, what makes for an interesting <em>generative</em> artwork? Are the requirements different just because it's made with code? This question bothered me for a long time because there isn't really a clear cut objective answer to it - in some cases I can't even explain to myself why I feel drawn to a particular artwork or why it evokes something inside of me — "Ugh, you know, the colors are nice, and stuff"</p><p>That's why I've really fallen in love with Monk's article on this topic from a couple of months ago, titled 'Demystifying Generative Art', he hypothesizes a framework for the analysis, evaluation and appreciation of generative art:</p><div data-type="embedly" src="https://www.lerandom.art/editorial/demystifying-generative-art" data="{&quot;provider_url&quot;:&quot;https://www.lerandom.art&quot;,&quot;description&quot;:&quot;Peter Bauman (Monk Antony) develops a framework for appreciating and analyzing generative art through an investigation of the movement's locus of artistic intent.&quot;,&quot;title&quot;:&quot;Demystifying Generative Art&quot;,&quot;mean_alpha&quot;:180.543396226,&quot;thumbnail_width&quot;:1592,&quot;url&quot;:&quot;https://www.lerandom.art/editorial/demystifying-generative-art&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/6411e594fbd274173bf8c35c/64b80a26a2fd5b2f287e7e39_Screenshot%202023-07-19%20at%205.06.29%20PM.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Lerandom&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1590}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.lerandom.art/editorial/demystifying-generative-art" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/6411e594fbd274173bf8c35c/64b80a26a2fd5b2f287e7e39_Screenshot%202023-07-19%20at%205.06.29%20PM.png" class="false"><div class="twitter-summary-card-text"><span>https://www.lerandom.art</span><h2>Demystifying Generative Art</h2><p>Peter Bauman (Monk Antony) develops a framework for appreciating and analyzing generative art through an investigation of the movement's locus of artistic intent.</p></div></div></a></div></div><p>Generative art is quite a unique artform when compared to other art practices, and that's primarily due to the artist not directly creating the artwork, but rather a <em>somewhat</em> autonomous system that is in charge of <em>generating</em> the actual outputs. This gives rise to new evaluation criteria: should we now place emphasis on the qualities of this system? Or the process that goes into the creation of this system? Both? Neither? Maybe the system isn't so important after all, and what truly matters is still the final result that comes out on the other end - after all, that's in many cases the only thing that the audience will ultimately interact with.</p><p>Each one of these questions can be leveraged as a unique angle of analysis - a lens as Monk calls them - to further examine what makes for an interesting generative artwork. While Monk's pilot article focused on introducing a potential framework, the second installment places emphasis on the aesthetics, and examines the criteria to evaluate them:</p><div data-type="embedly" src="https://www.lerandom.art/editorial/demystifying-generative-aesthetics" data="{&quot;provider_url&quot;:&quot;https://www.lerandom.art&quot;,&quot;description&quot;:&quot;‍This is the second part in a series on building a framework for appreciating generative art. In the first part, \&quot;Demystifying Generative Art,\&quot; Peter Bauman (Monk Antony) builds the case for such a framework. In this essay, he takes a closer look at one of the five framework components, Results-the outputs of a generative system.&quot;,&quot;title&quot;:&quot;Demystifying Generative Aesthetics&quot;,&quot;mean_alpha&quot;:217.844270833,&quot;thumbnail_width&quot;:2000,&quot;url&quot;:&quot;https://www.lerandom.art/editorial/demystifying-generative-aesthetics&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/6411e594fbd274173bf8c35c/651c4b639ee9c037fbbbd6c8_Fidenza575.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Lerandom&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:2400}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.lerandom.art/editorial/demystifying-generative-aesthetics" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/6411e594fbd274173bf8c35c/651c4b639ee9c037fbbbd6c8_Fidenza575.png" class="false"><div class="twitter-summary-card-text"><span>https://www.lerandom.art</span><h2>Demystifying Generative Aesthetics</h2><p>‍This is the second part in a series on building a framework for appreciating generative art. In the first part, "Demystifying Generative Art," Peter Bauman (Monk Antony) builds the case for such a framework. In this essay, he takes a closer look at one of the five framework components, Results-the outputs of a generative system.</p></div></div></a></div></div><p>Monk explains that we require a mixed approach, we not only need to consider traditional design principles, but also modern, digital, criteria - particularly the algorithmic considerations that are unique to generative art. Whether you're a generative artist, a collector, or simply someone that is interested in the art form, these are essential reads, and a great deal can be learned from Monk's insightful writing. As always I thoroughly enjoyed it, and am eagerly awaiting the next installment!</p><h3 id="h-inside-the-machine">Inside the Machine</h3><p>Santiago Ortiz recently shared a data visualization experiment which made quite the ripples over on Twitter - by asking ChatGPT to complete the same prompt "Intelligence is" hundreds of times and subsequently visualizing the results with an interesting interface, he enables us to peer into the mind of the smart text generator:</p><figure float="none" width="100%" data-type="figure" class="img-center" style="max-width: 100%;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/7137e94a8696ebfef33c625bbc85eefa.png" blurdataurl="data:image/png;base64,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" nextheight="1048" nextwidth="1066" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/moebio/status/1770861652566479101">Link to Tweet</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://moebio.com/mind/">Link to demo</a></figcaption></figure><p>I believe that this could be an interesting exploratory tool to examine the output space of an LLM. I often find that I have to tune my input prompts to guide the answers that the chatbot returns, and nudge them into a satisfactory direction. It's pretty much trial and error. This also just makes me realize how slow LLMs still are, all things considered, having this kind of tool run in real-time could be a game changer.</p><p>Beyond that, I think that it reveals something more profound about LLMs, and it's humbling really. Seeing the outputs exposed in such a manner does ultimately exemplify that they're simply text generators, albeit very powerful ones they merely complete input sequences. If you were to repeatedly ask a person to complete the phrase "Intelligence is", they'll likely tell you off and to stop pestering them with stupid questions after the third time.</p><h3 id="h-the-html-review">The HTML Review</h3><p>The HTML review describes itself as an<em> annual journal of literature made to exist on the web.</em> Edited by Maxwell Neely-Cohen and Shelby Wilson, it strives to collect and showcase web-based experiments and experiences that act as story-telling devices. After being drawn in by the intriguing circular design shown in the tweet, I quickly realized that I had stumbled upon a treasure trove of internet art:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2b1e5d84b17679f60c9a545d6b47d139.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/nhyphenc/status/1770084424870244444">Link to Tweet</a></figcaption></figure><p>And it reminds me a lot of NET art; many of the showcased projects make me feel the same way, almost as if you're going through someone's diary, intimate experiences where the authors share their stories with you. While I didn't have too much time to dig into all of the showcased projects, my personal highlight was this web essay by Garry Ing, where the interactivity of the page ties into its narrative:</p><div data-type="embedly" src="https://viewsource.info/" data="{&quot;provider_url&quot;:&quot;https://viewsource.info&quot;,&quot;description&quot;:&quot;reflections on view source by Garry Ing. the html review, spring 2024&quot;,&quot;title&quot;:&quot;a view source web&quot;,&quot;author_name&quot;:&quot;Garry Ing&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://viewsource.info/&quot;,&quot;thumbnail_url&quot;:&quot;https://viewsource.info/img/preview.png&quot;,&quot;author_url&quot;:&quot;https://garrying.com&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Viewsource&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://viewsource.info/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://viewsource.info/img/preview.png" class="false"><div class="twitter-summary-card-text"><span>https://viewsource.info</span><h2>a view source web</h2><p>reflections on view source by Garry Ing. the html review, spring 2024</p></div></div></a></div></div><p>Recounting the history of the <em>view source </em>button that every web browser now makes readily available, he lets us simultaneously inspect the HTML tags of the elements that make up the essay's page. I highly recommend giving it a read! Beside this, if you have a cool project of your own that goes in this direction, you might want to pitch it to the HTML review. In their about section they elaborate a bit what kind of projects they're generally looking for:</p><blockquote><p>We especially love when the subject matter of a piece has nothing to do with the web or technology, but the medium is merely a means to further the story and poetry.</p></blockquote><h3 id="h-p5js-new-website">P5JS' New Website</h3><p>P5JS's new website is bound to launch this spring, and for the occasion they're currently accepting submissions from the community to later showcase on the website when it eventually comes out. Submissions are open until the 31st of March, and need to be submitted to the respective curation over on <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://openprocessing.org/">Openprocessing</a>:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3d3478ddcddc27f11675c3c6c7ab9373.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/p5xjs/status/1768806810734260330">Link to Tweet</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://openprocessing.org/curation/87594">Link to Openprocessing Curation</a></figcaption></figure><p>An important detail that you might miss if you don't check the tweet's replies is that you should also use the <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://p5js.org/reference/#/p5/describe">describe()</a> function that lets you add a screen-reader accessible text to your canvas creation:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1c0da090d7bf85053735c614ed858767.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/p5xjs/status/1768806812487463373">Link to Reply</a></figcaption></figure><h2 id="h-web3-news">Web3 News</h2><p>Maybe it's just me, but the past couple of months have been absolutely bonkers in terms of web3 and generative art. First we've had fxhash's launch on Ethereum at the end of 2023, and then more recently its Base integration earlier this month, then we also had Art Blocks' announcement of acquiring Sansa and their plans on greatly expanding their eco-system, and all of that while Highlight is dropping banger after banger, culminating in the largest generative art collection in history with Zancan's Aux Arbres.</p><p>That is to say that it's overall been an incredibly exciting time in the space, and it seems that things are moving forward really quickly!</p><h3 id="h-wtbs-in-conversation-with-erick-calderon">WTBS in Conversation with Erick Calderon</h3><p>We've all been eagerly waiting for the newest episode of the WTBS podcast after they teased it a couple weeks ago - this time, they're in conversation with Erick Calderon, aka Snowfro, who's probably best known for being one of the founders of Art Blocks. In their conversation they ask him all about the recent acquisition of Sansa, and what it means for the future of Art Blocks:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c792b85aac7f0617ad8f88389b1c2440.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://podcasters.spotify.com/pod/show/waitingtobesigned/episodes/Building-The-Next-Wave-of-GenArt-Lovers-Interview-with-Erick-Calderon-e2hb0nh/a-ab3a9hf">Link to Episode with Erick Calderon</a></figcaption></figure><p>The acquiry of Sansa is mainly motivated by Art Blocks desire to cater to the collectors that lean towards a more data-driven approach to collecting, while wanting to remain a art-forward platform at the core. Sansa was originally built around Art Blocks and already has all of the tools to provide such an experience. Beyond that, Art Blocks will however remain a curated platform even with this expansion, artists will still need to apply and get a stamp of approval before being able to release their project on the platform - and for a good reason as there's just too many problems with a completely open approach. Erick states "I don't have the courage to be an open platform"</p><p>Another thing that really came through in the conversation, is that we're still incredibly early; we're at the very forefront of something that's going to be much bigger in the future. The generative art scene is still very much a niche when compared to other spaces, Erick gives a good example of this, consider how many iphones are sold every year by Apple - a whopping 232 million in 2023 - compared to the 2 million generative art NFTs that have been sold overall, as Erick estimates.</p><p>But despite this, I'd wager that NFTs are here to stay and no longer just an experimental new technology, especially when I see what the different players in the field are currently building, how they're innovating, and how the eco-system is becoming more interoperable.</p><blockquote><p>[20:37] Getting your work timestamped on the blockchain is critical right now, don't be disappointed and don't be discouraged with the market, get it out there because you are staking your place in history prior to the day where I can go to ChatGPT and ask it "Please, build me the entire Art Blocks platform with 75 projects of great variety"[...]</p></blockquote><h3 id="h-an-update-from-fxhash">An Update from fxhash</h3><p>Ciphrd recently posted a big announcement over in the fxhash discord, explaining why it might appear from the outside that the platform has been somewhat inactive, and why it's been necessary to take some time to regroup and figure out how to rebuild a strong foundation and clear all of the tech debt that the platform has accumulated over time:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/59fad1f640b8dd3c6a84a49e1fad613d.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://discord.com/channels/900333075509149767/909081044932788295/1219693204279136517">Link to discord announcement</a></figcaption></figure><p>Ever since its inception fxhash has grown incredibly quickly, both in terms of platform features as well as in terms of community size. Emerging from the remnants of the hicetnunc community towards the end of 2021, many generative artists quickly flocked towards the open platform that enabled them to publish their work in a web-native manner.</p><p>And I remember, it was so wonderfully chaotic in the early days, for instance, you had to wait a couple of hours for the minter to come through and reveal what had been minted. In those early days it absolutely made sense to build out the platform very quickly, and iterate rapidly to cater towards what its audience wanted - how many platforms have we already seen completely lose momentum and find their end of service earlier than expected?</p><p>Even if it means that things will slow down momentarily, I honestly believe that it's for the best to take some time, clear all of the technical debt and deliver a more refined fxhash experience. Especially considering that the scene has become more competitive. I for one, am eagerly awaiting the new design and am excited to dive into the new version of fxhash when it comes out.</p><h3 id="h-highlight-studio">Highlight Studio</h3><p>This piece of news completely flew under my radar last week - but Highlight released their proprietary tool for aiding artists in developing their generative projects for the platform: Highlight Studio.</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8f734fee1e7f086e3fbac33e156c05f7.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAIAAABZ+cloAAAACXBIWXMAABYlAAAWJQFJUiTwAAAD4ElEQVR4nLVW0WvbRhxWrORcNbuIi2ZsKZowdoUXbU6zerG30HTzwKshjDwEAg3bSyAtfnAhYNKMeZDg0bDAPBq3JnNTDw/80IEG6kTBNAJTnNXrw3BBww96CB2sfgujf0A2rEs0JTFZm3Tf0+9+p7vv7vsd308EACAej3Mct7y8/PSPp08av+W//2Fh7aGTOk2cDDRNUxRFIIT+ev78yuXLl6Y/vafev3v3x6++zk5dXTojigAAkiSBCZIkX5aANLEbEQQBgBOhfoSQx+PpgxChfuKV4Fwo9LOq3r69ns/ni8Wioig3Vlfrjx//3mz++exZuVx+sLHRaDSSyavWUV4Obrd70sTU1FQs9nE6/WU0+lEqlbqSSCwuLg2dPTs+Pj49PR0MBo95AwAARVEA9GDJsNyUCRyT5hC2RUMURdE0DSGkaRohZMZ9EEL8PW2CYZh2bS2Iojh/7VoqNS/Lcub69fU7d5LJ5I3V1cXFpV8eParXfy0Wizdv3cpkMpqmZbPZUqmUyWRyuVyhUFAUpVQqfZP9NpWaV1VVUe7lcjdrtc3Jycl/9RRFca1QWCsU8vnvEolEOp1W1fuapj3Y2GBZFt/D/pysIc6ccjqt4+MpiqL2lYphGEmSgsEhvwlBEGKx2NjYWDQahRDuvbZuS709dONkJ3Tve9kAAG4XA3wbb7B78J8Y7SMyDCOasLJ4aM8cD6IoIoSIfpPgmHscj+Dwbfz7p7xeLx7iACcPn7IzgdfrdbvdXhM8z7tcLkEQRFEUTBwY+v1+nucFQTCLx9u5OxDgZfF4vFqtlsvlWq2maVqz2Uyn04lEQtd1VVXr9bphGHNzczMzM4ZhNJvNlZUVXder1WqlUpFleXh42OLoQMDz/MTERL1eVxRF1/Xt7e2trS1N0/L5vGEYrVbLMAxZloPB4OzsbKvVWlhYqFarOzs7uq43Go1KpRIOh/HNjpKI4zhJkgKBAJYrEAiMjo7iYrAsa1+P5QoEAjgjSZI1+x9FxjWwYsG26eHXYtf9hV7Rq4KICZj/m4Cm6aM/8p/QKkiShBD2mS6PnR0HEMLe070A9GCDtOdfELtdweVynR+78MGH0cFBaSQcGQlHfD5fJPL+e6PnQ6FQrbYpyz8NDb/z1ttBAJwEQXR16lqOI1qp3eitRobNHULIcRzuUBBCy4EPG3TH5K5d97TteqCPpu0TDpJ0u90IIQCAtdhBOiIe/wXPm3br7yKI13nfxZkvTvW+dqBDuFyuNgdFUedC77Ise+BaZ0RxcFCyfl7ILgdBEOufJNTPPqfIHrsyvpGLm9t/MwNeu1AkSZqqgn8AbeyLw16q164AAAAASUVORK5CYII=" nextheight="882" nextwidth="1076" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/75241b4cf840faaafffa95ae3704ba37.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/Highlight_xyz/status/1768350905613668426">Link to Thread</a></figcaption></figure><p>Although I haven't tried it yet, apparently there's two ways to use it; either directly from the highlight website where you simply drop in a link to your project running on <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://localhost">localhost</a>, or by downloading it as a script and including it in your project where you have more functionalities to play with. You can find more information about it over on Github:</p><div data-type="embedly" src="https://github.com/highlightxyz/generative-art/blob/main/HLSTUDIO.md" data="{&quot;provider_url&quot;:&quot;https://github.com&quot;,&quot;description&quot;:&quot;Contribute to highlightxyz/generative-art development by creating an account on GitHub.&quot;,&quot;title&quot;:&quot;generative-art/HLSTUDIO.md at main · highlightxyz/generative-art&quot;,&quot;mean_alpha&quot;:252.9,&quot;author_name&quot;:&quot;highlightxyz&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://github.com/highlightxyz/generative-art/blob/main/HLSTUDIO.md&quot;,&quot;thumbnail_url&quot;:&quot;https://opengraph.githubassets.com/18712a8a76ad50532bf0ffd9ad9741317f786200aae1f4d6e5f222f8c591048d/highlightxyz/generative-art&quot;,&quot;author_url&quot;:&quot;https://github.com/highlightxyz&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;GitHub&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://github.com/highlightxyz/generative-art/blob/main/HLSTUDIO.md" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://opengraph.githubassets.com/18712a8a76ad50532bf0ffd9ad9741317f786200aae1f4d6e5f222f8c591048d/highlightxyz/generative-art" class="false"><div class="twitter-summary-card-text"><span>https://github.com</span><h2>generative-art/HLSTUDIO.md at main · highlightxyz/generative-art</h2><p>Contribute to highlightxyz/generative-art development by creating an account on GitHub.</p></div></div></a></div></div><h2 id="h-tech-and-web-dev">Tech &amp; Web Dev</h2><h3 id="h-css-flexbox-vs-css-grid">CSS Flexbox vs. CSS Grid</h3><p>Choosing between CSS Grid and Flexbox is a common web design dilemma. While the CSS Flexbox comes in handy for one-dimensional layouts and is super useful for arranging items linearly in a row or column, CSS grids on the other hand let you tackle two dimensional layouts more easily and allow for a more precise positioning of elements. There's many scenarios where both could be used interchangeably, which often gives rise to the age old debate on which one should be used.</p><p>Christine Vallaure recently published a deep-dive into exactly this topic, explaining both methods in detail, illustrating what each one is good for, and all of that in a way that is specifically geared towards UI designers who might not program the interface themselves:</p><div data-type="embedly" src="https://uxdesign.cc/why-ui-designers-should-understand-flexbox-and-css-grid-e236a9dec37a" data="{&quot;provider_url&quot;:&quot;https://uxdesign.cc&quot;,&quot;description&quot;:&quot;Most designers are familiar with responsive design, a column-based layout approach with fixed breakpoints to cover all screen sizes. However, we can move beyond the rigid structure with modern CSS...&quot;,&quot;title&quot;:&quot;Why UI designers should understand Flexbox and CSS Grid&quot;,&quot;author_name&quot;:&quot;Christine Vallaure&quot;,&quot;url&quot;:&quot;https://uxdesign.cc/why-ui-designers-should-understand-flexbox-and-css-grid-e236a9dec37a?gi=e63d676cbb60&quot;,&quot;thumbnail_url&quot;:&quot;https://miro.medium.com/v2/resize:fit:1200/1*k64zdk6Y8nTjBXo5Emn1jQ.png&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Medium&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:505}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://uxdesign.cc/why-ui-designers-should-understand-flexbox-and-css-grid-e236a9dec37a" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://miro.medium.com/v2/resize:fit:1200/1*k64zdk6Y8nTjBXo5Emn1jQ.png" class="false"><div class="twitter-summary-card-text"><span>https://uxdesign.cc</span><h2>Why UI designers should understand Flexbox and CSS Grid</h2><p>Most designers are familiar with responsive design, a column-based layout approach with fixed breakpoints to cover all screen sizes. However, we can move beyond the rigid structure with modern CSS...</p></div></div></a></div></div><p>The most interesting part of the article is towards the end, where Vallaure addresses the usage of breakpoints in conjunction with these layout methods, enumerating a number of scenarios where the use of breakpoints is acceptable. for instance, whenever a more radical change of the layout is desired, or a component needs to completely change in appearance.</p><p>Recently, in modern, modern web design (not a typo) there's been a trend towards more fluid design that tries to avoid breakpoints as much as possible, ditching them in favor of <em>fluid </em>design approaches that can self-sufficiently adjust to different viewport sizes. A prime example for this is Utopia's fluid approach to scaling font sizes to different viewport widths respectively - covered in issue 47 of the newsletter. Might the future of responsive web design be breakpointless?</p><p>But anyway, kudos to Christine for putting together this great resource. Here's also another cool article on the two methods that I thought was put together really well:</p><div data-type="embedly" src="https://blog.logrocket.com/css-flexbox-vs-css-grid/" data="{&quot;provider_url&quot;:&quot;https://blog.logrocket.com&quot;,&quot;description&quot;:&quot;Learn about which of the CSS layout systems, CSS Flexbox or CSS Grid, is best for your project according to what designs you prefer.&quot;,&quot;title&quot;:&quot;When to use Flexbox and when to use CSS Grid - LogRocket Blog&quot;,&quot;author_name&quot;:&quot;Leonardo Maldonado&quot;,&quot;url&quot;:&quot;https://blog.logrocket.com/css-flexbox-vs-css-grid/&quot;,&quot;thumbnail_url&quot;:&quot;https://blog.logrocket.com/wp-content/uploads/2020/04/css-flexbox-vs-css-grid.png&quot;,&quot;thumbnail_width&quot;:730,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;LogRocket Blog&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:487}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://blog.logrocket.com/css-flexbox-vs-css-grid/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://blog.logrocket.com/wp-content/uploads/2020/04/css-flexbox-vs-css-grid.png" class="false"><div class="twitter-summary-card-text"><span>https://blog.logrocket.com</span><h2>When to use Flexbox and when to use CSS Grid - LogRocket Blog</h2><p>Learn about which of the CSS layout systems, CSS Flexbox or CSS Grid, is best for your project according to what designs you prefer.</p></div></div></a></div></div><h3 id="h-a-formula-for-responsive-font-size">A Formula for Responsive Font-Size</h3><p>Last year when I migrated the blog over to Ghost I decided on using one of the free themes that they provide, namely the <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://ghost.org/themes/solo/">solo</a> theme - now the blog looks a lot different than what you see in the theme, since I made quite a few modifications in the meantime.</p><p>When I first popped the theme into my code editor to try and make sense of what's going on in the CSS, and trying to make an adjustment to the size of the text I was met with the following line:</p><pre class="dont-break-out text-sm md:text-base"><code class="language-CSS">--content-font-size: clamp(1.7rem, 0.38vw + 1.4rem, 2rem);</code></pre><p>For the longest time I couldn't really make sense out of this line, but thinking about it for a second now, it actually makes sense, and turns out to be a cool trick to achieve somewhat responsive font sizes.</p><p>In CSS, a <em>rem</em>, short for “root-em”, is simply a relative unit of measure that's used for defining font sizes as well as other element dimensions, and is usually based on the font-size of the root element. Most browser will usually default it to 16px although users can change that influence this from the settings. Similarly, the vw term is a viewport width relative measure, a percentage essentially - 10vw would basically be equivalent to 10% of the viewport width.</p><p>Combining these two notions, we get the above line: basically a <em>formula</em> that makes the font-size grow and shrink depending on the overall width of the viewport, naturally also clamping it to a maximum and minimum value as well. I'm bringing all of this up because I recently came across this post by James Fisher where he talks exactly about this in a bit more detail:</p><div data-type="embedly" src="https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/" data="{&quot;provider_url&quot;:&quot;https://jameshfisher.com&quot;,&quot;description&quot;:&quot;This CSS is now part of most websites I make:&quot;,&quot;title&quot;:&quot;A formula for responsive font-size&quot;,&quot;thumbnail_width&quot;:512,&quot;url&quot;:&quot;https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/&quot;,&quot;thumbnail_url&quot;:&quot;https://jameshfisher.com/assets/jim_512.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;jameshfisher.com&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:512}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://jameshfisher.com/2024/03/12/a-formula-for-responsive-font-size/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://jameshfisher.com/assets/jim_512.jpg" class="false"><div class="twitter-summary-card-text"><span>https://jameshfisher.com</span><h2>A formula for responsive font-size</h2><p>This CSS is now part of most websites I make:</p></div></div></a></div></div><p>The comments over on Hackernews bring up some good points though, since users often set the root font-size themselves for an ideal reading experience, or have vision problems, it might be a bad idea to override this with a CSS rule like that when a specific font-size is desired. But I'm not certain which is right or wrong, maybe using breakpoints in this scenario might not be too bad after all:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e403a567efb1ecebb093da3a4a01334c.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://news.ycombinator.com/item?id=39682871">Hackernews comments</a></figcaption></figure><h3 id="h-the-state-of-the-terminal">The State of the Terminal</h3><p>Gregory Anders published a companion article to a talk that he gave at Neovimconf 2023, titled 'The State of the Terminal' and with it he takes us back in time showing us some of the historical problems terminal based applications have had to deal with and how they were overcome before explaining how modern terminal emulators tackle these issues:</p><div data-type="embedly" src="https://gpanders.com/blog/state-of-the-terminal/" data="{&quot;provider_url&quot;:&quot;https://gpanders.com&quot;,&quot;description&quot;:&quot;This is a companion article to my talk at Neovimconf 2023. I have been using Vim/Neovim as my full time text editor for close to 10 years. I've spent a lot of time in the terminal and have become very aware of the many flaws and idiosyncrasies of this bizarre platform.&quot;,&quot;title&quot;:&quot;State of the Terminal&quot;,&quot;url&quot;:&quot;https://gpanders.com/blog/state-of-the-terminal/&quot;,&quot;thumbnail_width&quot;:2776,&quot;thumbnail_url&quot;:&quot;https://gpanders.com/img/DEC_VT100_terminal.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gpanders&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:2464}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://gpanders.com/blog/state-of-the-terminal/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://gpanders.com/img/DEC_VT100_terminal.jpg" class="false"><div class="twitter-summary-card-text"><span>https://gpanders.com</span><h2>State of the Terminal</h2><p>This is a companion article to my talk at Neovimconf 2023. I have been using Vim/Neovim as my full time text editor for close to 10 years. I've spent a lot of time in the terminal and have become very aware of the many flaws and idiosyncrasies of this bizarre platform.</p></div></div></a></div></div><p>If you prefer a video format, a recording of the talk can be found here:</p><h2 id="h-gorilla-updates">Gorilla Updates</h2><h3 id="h-redesigning-the-blog">RE:designing the Blog</h3><p>This week I made some big progress on the redesign, and finally feel very confident about being able to complete the re-design in a reasonable amount of time. There's still a lot of details that I need to figure out to set myself up with a sustainable system, and there's still many pages that I still need to tackle. But, the heart-piece, the article template, is shaping up really nicely and close to completion now - here's what it currently looks like with a fancy dark mode as well:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1e26f2765f560e756eda6a6178cd3219.png" blurdataurl="data:image/png;base64,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" nextheight="1050" nextwidth="1066" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://twitter.com/gorillasu/status/1770418244689535030">Link to Tweet</a></figcaption></figure><p>And since we talked about the CSS Flexbox earlier, this new design solely relies on a Flexbox driven approach: the entirety of the page is contained within a big Flexbox, containing the vertical navigation bar on the left hand side (itself a vertical column flexbox), and the page content on the right that in turn nests other Flexboxes.</p><p>Why not use CSS grids though? Well because I never really learned how to use it, and never felt the need to so far, I have yet to run into a scenario where I'm not able to make the layout that I want with a Flexbox - although I will admit that sometimes there probably are many parts where it would make more sense to use a grid instead.</p><p>I'm also really happy about how the sidebar turned out; instead of solely applying a blur to the background when it expands, giving it an additional slightly transparent background color makes its contents much more readable imo - and it works both in light and dark mode:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/121fd26130fa3a70f5e6294b000acd4a.png" blurdataurl="data:image/png;base64,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" nextheight="1298" nextwidth="934" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://twitter.com/gorillasu/status/1770398679712543115">Link to Tweet</a></figcaption></figure><p>Hoping to make more progress in the coming days. Let me know what you think so far! What are some of the things you'd like to see on the new website? Any features in particular? I still also need to consider a lot of accessibility issues, so let me know if any of you guys have specific requirements in that regard.</p><h3 id="h-sdf-shenanigans">SDF Shenanigans</h3><p>I've also found the time to experiment a little more with SDFs, here's one that came out really nicely - although it's just a bunch of circles rotating around a central point, it almost feels like it's a 3 dimensional thing, and it's not actually very clear if the floating orbs are represented by the colored area or the negative empty space:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/bc337cc9c4e0e448ea99bcace1ee147d.gif" alt="Animated gif of seven orbs rotating around the center" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAFX0lEQVR4nGNgGCaAiZFJkF9YkFeIj4dfgFtAkFtQkINfnFeIiZEJjy5+dm5hLgEBDj4BLn4hbiEhPpAJgvzC/HyCLCwsKEoF+YXrI/pqfRoTTZMKrDMnBVZPDSrSFldgYWLGY4EYj5CdrG63d86ciKZJwc1dQe0Nfs21QR2xDrl8PAKobuESKHIsyrFIjtHxK7GJ7fJKlxEQA/uMkaDvRbkFsk18+/0K272KSm0z82xzAvRD+Hj40SzgL7fPrHdOi9dxd1c0IdJ0JkZGiBpWJmZdcaVah9gOz5wyu9QAdS9+LlQL+Nh5OzyzfJTNJXiFIcGCbDozCwsEMTETiBI7Wd06x8QgdXd+Tj5UC9i4lISl4SFOTMgwoVoG16IvoVxmE8nPzkvQBKjbGRgYBMVFVIy1NawMlfXVCdgKtkZOUIKPjQu7HJrRDAwM/sVx007srJy7fP6xK6sfXp5yfP28i/urVk6UVVeCq4QrJtL3iBCQVJJd8+hqddFcb01vM1mriryZ05ad6Ktd37to/6ZX12XVFUExzM6K361YgKC4SHRT/pTj68oWd7Yu3eqt4SnGLSinouCt4RmmG6wgJJFhmlDZu6J21YyS+X3x7UUSCtIMxAMBEaHSBZPr56wtL55dNWt52dQlZirWYjxCmoYGzkq28kIy4nxi8kJS9UXzY+JrwkKLW1dsa948l52Lg1gLjD1tW1dsT7bNcVc0DjQJL5qyMCGxzknN2VrBojR1UpCun5KwpKeWR65vrZqogpqockFQU9um9WpmuphJCwtg5+LIn92aVzxJml/C1DtET1q3vH5WzaqpQZmFJdNn50zp75q7rTFvZl3JAmcVG1U9E3FJGU1xzdaFW2zCPJCTBk7AxMxUNL+1f9kBU2kTVSUNNw2vGdtOyqorcvHyyKorcfHyqJroZU9tmHP6bJhRhIqMirywTIBu2LyTV4w9rYmyAJTphASqls1ZvOlaR96cGetPB5RmYKrRtDKesfNUZmBlglt297wdLZvnY6YlfICLlyepu6x21QxlAy1IsApz8fvr+ISZRimKyELUSCjIFszumHlm+4n/j6Ma04mKADjg5OWSVpGXVVfiFxEAlWjMTNL84jXpk+efujkldZ4knwgDA4O4nFTZwmk5pf01ZfNnHz/rlBhCgvNzpjXPPXph4tpDnTtXiUmLg9IuB0+cWUxVQn+oth8ruMgKKsuJj6xUEVOWF5dPdS2advSQiKQoURYYuFr1rd9rq+WlIaZSUTDJJsIP4n0RLkE5QSluVnaIsrjGRlstdxEJSWEJMTsFq4m7DlkEORKOZ1Z21vSJNZnZXSLcQvxs7JYadjG1texc7PAghtcBQWW5gW7p4rxisoLi2V6VXdu2SChIEeUDn/z4lhlbLBWslYUlMv0rsyZ3wVOImIyEsacNxD5ZdaWWjWszcjuLC6fOP3Ylvr2UKNMhsTf77N6l2270922df/aisoEmRFzPyaZz2Y6mrpWzjp+yCHJiYGDQsjUy93d3iAu3i/Hh4uUh1gKQHbKSTgkBntlxKsZaEBFpFYWOZduc1N3EeMRKwzvnnDvCK4SzSiG2xIYAZnCkyaor1/Us15fSU5RRiTZPWv/4vrQKKEOwsrORWR/A62EGMJBQkJ5yZFdj6YJK35pZa88k91TjSTDS/GI8rKiFKy8btwSvMH4rNawMWrcsbtm4tnrlJB4B1DodBvjZuWxktFINvNDrZEEO/mwTf1lBUJ7CBZiYmTh5uTh5udi5ONGlGJmURaS1xRXzzALqnFL9Vd3QWxVMjEz87LzENgUYMOxmZBTm4hfmEuBn5+Vl4+Fm5cbf5hxSAAA0iFhwtToQ8wAAAABJRU5ErkJggg==" nextheight="800" nextwidth="800" class="image-node embed"><p>Initially I dismissed the sketch as being boring, but after posting it to Twitter and seeing that it got a bunch of likes I had another look and thought that it actually was pretty cool with an unintentionally interesting effect.</p><p>This one was actually not the initial sketch that I had made that day. Earlier in my session I was playing with the <code>Math.exp()</code> and <code>Math.log()</code> functions in JS, since I rarely ever use them, leading to the emergence of the following a meta-ball-esque sketch:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e61908d834e0e84a51e27ac04e6f1c7a.gif" alt="Animated gif of orbs rotating around the center and melting into each other." blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAE3UlEQVR4nNVWT4TrXBQPJUqISlQiNYaqUUoZhuGtyluUoYShixJCF5eQRU0pXTxCyCJkEVmEuwiXLEIIXYQuyixKCVmE0kXpInRRShdDmcXj0evrm6/vn/feLL7vtzpJ7j2/c34559xLED9A4QTiH+MM4n8AkiQFQahUKjzPl8vlSqUiCEK5XBZOKJ/wVwQURTWbzSAIEEKqqk4mE2yEYYgQGo/Hw+ETlu4PCfBOzDEYDOI49n1/MBhEUeT7vmEY9Xr9rwjOm13XDcPw5eUlz3PP815eXvb7/ePjY7FYJN4FFEUBAObzeRiGw+HTbDbrdDp/G/sFarVaFEWu66qqaprmuXDfjYAgiNlsttvtoijq9Xrv6f3cVq1WazqdmqbZbDavrq6Gw6dWq0W8IyiKUhRlPB7X63VJkvr9vuu6DMP8KCCCIK6vr0ul0qUjkiQpiiqVSsVisVqtqqrKcRz+9OHDhzAMTdNsNBoPDw8AgO/2WqFQYBgmjuMoivDer3oWi8XxeGxZ1mKx8H3fsqz9fh/HsSiK19fXBEFwHGdZlqqq9XqdZdlvvVerVVEUoyjabre2bV9GwHGcYRj9fh8hpOu6LMuO4xiGoSiK4ziKonAcR9N0t9s1DOPt3y4UCizLPjw8eJ6nqqqu6xDCfr//VSK8ThCEJEl83399fU3TFCF0PB7X6zWE8Hg85nnu+/58Pm+32/1+f71eMwxDkuTd3R2E0HXdzWZzPB49z8uy7PX1NQiCrxJhAp7nwzA0DCPLMmwsl8soikajUZIkz8/Pqqp2u13XdQEAHz9+rNVqsizP5/MsywzDeH5+Xi6XmqaFYZimqWmalxKxLKtpGgDA8zxs6LqO06zX6xDCer1eq9U0TRNFsdfrxXHc6XRarRZN0zc3N51OR9f14fDJsqwoilRVvZSoUqmkaRoEwefPn9M0jePYtm2CIEqlUrVaDYJAEATP83Rdbzabs9lMFMVqtdo+gSRJrAHukjiOHccRBOFSoslkYlnWarXCxmw2o2m60Wh0u11ZljmOw5nhgr6/vx8MBgCAMAxlWb6oKIZhLgdiuVzG+89VFATB/f09QRC3t7ee51EUJUmSqqoMw/R6Pc/z2u22IAiPj48AAOzu+8fquYrm8zlC6HA4LBYLCOHhcEiSZDQa7XY7RVEIgrAs63A4aJqWnwAhnEwm+/1e1/WLeP/FcSaYTqeu6+Z5Pp1ObdvebrdJknieJ0kSXuZ53mq1sm17eYJlWVmW5Xk+Go1+PQGxRLjRHMcBABiGcXNzg+sdL0AI2bYtSZLjOK7ryrJsmqbneaIo/ozgbQYIoTzPVVUVBIEkybfTv91ubzabLMts216dYNt2mqbb7fbTp084iJ8R8Dy/WCw0Tbu6uvpWSoqiDMPYbrfL5dJxnPV6vdlsHMfJsmy32/2CAIPjOEVR3hbDW47b21sAgOM4lmVhiRzHwRJBCLvdLm6rnwlVqVTu7u6+XVQ4PYqiiOdMkiSmaWYn4NG7Wq3wL8EnxJ+cdyRJQggRQrvdbrPZuK67PQFCuF6v9/s9fhPHMU3Tv+2dIAiapnFdIYQghHheIYQAAK7r+r4PALBtezqdSpLUaDR+O4lCocBxHMuygiDwPI8NQRBYluV5/mzwPM9xHB5B/z1cXN9/dLP/7v3+C2j9ewZQG/a/AAAAAElFTkSuQmCC" nextheight="800" nextwidth="800" class="image-node embed"><h3 id="h-letter-packing-made-easy">Letter packing made Easy</h3><p>And yet other thing that I tackled head on this week was letter packing; or font packing... or text packing - I'm not entirely sure what to call it, might be important to figure that out for SEO purposes. But the idea basically revolves around loading in a font file, then writing a bunch of letters to the canvas using that font, and later on jumbling them up and packing them on the canvas so that they don't collide. Here's something I made with it:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1115fbc6f6455f616388719f8fa23eb5.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/gorillasu/status/1770834206693757004">Link to Tweet</a></figcaption></figure><p>I've had the idea for a long time, but I never actually tackled it because I knew it would be tedious to write the code for it - and it was, but it's not actually that complicated, just quite lengthy. A big part of it is OpenType.js, that lets you easily load in fonts, and also lets you get the paths of individual letters (glyphs) as vertex arrays. Coupling it with a collision strategy makes it possible to <em>pack</em> them on the canvas. I'm already in the process of writing about this idea and will likely release as my first premium content piece! If you're interested in packing shapes I recommend checking out this post of mine:</p><div data-type="embedly" src="https://www.gorillasun.de/blog/an-algorithm-for-polygon-intersections/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;In this post we'll work our way towards an algorithm that can compute convex polygon intersections. We'll also a method for intersections between axis-aligned rectangles, a function that can determine the intersection of two line segments, as well as a point in polygon test.&quot;,&quot;title&quot;:&quot;An Algorithm for Polygon Intersections&quot;,&quot;mean_alpha&quot;:174.737291667,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/an-algorithm-for-polygon-intersections/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/03/thumb2.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1200}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/an-algorithm-for-polygon-intersections/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/03/thumb2.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>An Algorithm for Polygon Intersections</h2><p>In this post we'll work our way towards an algorithm that can compute convex polygon intersections. We'll also a method for intersections between axis-aligned rectangles, a function that can determine the intersection of two line segments, as well as a point in polygon test.</p></div></div></a></div></div><h2 id="h-music-for-coding">Music for Coding</h2><p>Well there's really only one piece of music that I can share this week, and it's Tycho's Awake for the occasion of it's 10th anniversary:</p><div data-type="youtube" videoid="qEI1_oGPQr0">
      <div class="youtube-player" data-id="qEI1_oGPQr0" style="background-image: url('https://i.ytimg.com/vi/qEI1_oGPQr0/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=qEI1_oGPQr0">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>I remember the first time listening to it in my bedroom around 2017-2018, I was completely blown away. At the time I wasn't a big fan of electronic music, but listening to Tycho really made me do a complete 180 on that. I've listened to the album countless times now and I really recommend you give it a listen, works especially well while coding.</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3d991e8d32142c5e2153306b22212056.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAgCAIAAAB2N3TiAAAACXBIWXMAABYlAAAWJQFJUiTwAAAFfUlEQVR4nJWWa1ATVxTHN7sQE54FjAkhEROSIFUJlLyMgkIDoR/rjB98tKB+gWKYEpoIjooPfHRUQI2W1kfpMNN+cjp1Ok6N02IrIEMdBuKajQFGKyXJbvZuAwzCiK2dmw2ogNae+c2dc+89+9+Tm3vPXeSDvA3F222iNIlGo1GpVIa1ayVSKYIgKIpyXmMIgsz5KIpiWBRSteHDw9X7kgSCFTLZUoEgLj5+CY+H/B+DunFJicuEywQCgUgkEgqFSUlJy4TClJQUkUjEtkKhMFUsFolEbIwoNTUlJSU5OXnpUkFycopYLObz+chy6XK1OmfVqlV5Gk2eRpObm2s0GtVqdZ5G8+7q1Tq9Xm8w5OTkqNVqrU6r1Wn1en1ubq5eb9DqDDqdzmg0JiW9g0ikUoVSlZ6+YmVWlkwmV2WuVKoyZXKFUqWSyzNkMnmGQqlUZa7MykqTSFSqTJUqMyZisTExsTweH0VRRCoVl5YWmUz5paXvm0z5xcUbzeaikpKNRUUFJeZCkynfZMo3mwvN5qKiooKwU6jX5+o02XqtWqvNNhjeEwiSkRPH9848/SPg7wekC1D4LC5A4VRkxAUoF/Tpe2EHZ4CbYSCAwp/NjDQ1NSBnzzY+mxkhAwMMcAMaBzTOgHBLuQDAAUMAhmAYgoEj7GwkDNA4GXA9nX50/vxxpKX54LOZx2RgYG4OwBTug7FBQN2nR3rB8G3wuBeOhIZgS7nmqZw714i0tBxic4kkQoXfT+Hgdlvw68/o02XBU1vp02V0mw10fgN/FEOwSc2pOBzHXlFhJeiRXqqtnjqyiTq6OXhiW4Sjm4NHNgXb9gZHfp8TWlwFADcTGAAXDtD15fThT+hDlSzBQxX04UpIfTlobYAx4dVZRAXKjw2S166M1pb5Gqp8+yt9+yvm01A1WltGXrvCjA8y1AKVgN8FgDvo67u7z3KnqqynelePBdJrKe+xlLMtHKne1VP5cd9+S9DXB4CbDAzMU+lnQgQ50EHU1BJWO1FrI6y1hLXWO9t6P631Wm1wqgZ2yf4OZsxL+ufl4utnxgiq+5dR6ymfvclnbxq1Qfy2Fw6Lz948Wn0q2N3BjHsWUflrnHh459bN8safdx19MzfLGh913wotouJ3MYzbP9zntF5w7nY4LbNUh7E4bsx1dztu2lt9Q3cZBq7L9NTL/5EfHplQyO28ePVSdWt73eW2PZcW0l53+VJ1q/Pi1dAY3JmL7RcKHwu5PUSv3dpcYzlZbz1jszbbaiLYrc111jM1lpN7rC0PPL2h8FFcfNdRJD454fnx+veG4vI167cainesN+80luw0mneuNZWvWbfFULzj+k8/TE54KfINe5fGKQp/MuHt7L6xvcKeXbBNrtnEkl2w5aOKus5u5+SEF7z5HEWESHxy3MMw7s4uZ9u37Y6vLrZ9197V7Qwx7slxD5vFf6sAKAQX+8mEd2ZqeGpyaHpq+Ek4hXCtemsVMJsURbooCidJWOIWBrxQaW4+GKmYL8olHoG+5/P1Dw/fDYz2w8cWBAT8rumph7BKORzHnj/3MQAfCxEv4WWdECyX7hDjfnU2AgPwf/7+88svPkf21lsC/n7C/eugt8v74LcwXYS7w0NAZ9DbNTR453U88HQF/K4DB6xIQkKCUqlQKDMyFHJFhhz6CrlGm5etXp2RIZdKxZK0VEmaOC0tNYJEDJntSiThu3EJj8fnx/BjYnn8GB4f3lU8Hi89PV0oFHG5PHhjvY1xudzY2Fg2msPhYBgWGxeHYVj4HkeiUEyLioVR8VEohmIYiiAcaTYqkKHhrwUOhxMdNiQ6mhsXFx95DEFQDEtITIRJsl2Es44jSUMTMYSDsN8ckmyOSDWXRDSXy+Px/wX8Q8LtCqc+2wAAAABJRU5ErkJggg==" nextheight="1480" nextwidth="1066" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/566aa42797b6755af23c443eda30cac6.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/ISO50/status/1766572272020496779">Link to Tweet</a></figcaption></figure><p>And that's it from me this week, hope you enjoyed this week's curated list of generative art, web3 and tech shenanigans — now that you've made it through the newsletter, you might as well share it with someone that you know who might enjoy this kind of <em>content</em> - sharing the newsletter is one of the best ways to support it!</p><p><strong>If you've read this far, thanks a million!</strong><em> And if you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-48/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Generating the Alphabet by Amy Goodchild - Fragment: a Web Environment for Creative Coding - Generative Music in Blender - Words of Advice from Kika Nicolela - Dave Bollinger's Pixel Spaceships - We Love the Art Contest Winners - Obsidian's Infinite Canvas file format +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 48&quot;,&quot;mean_alpha&quot;:68.5213764338,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-48/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/03/dazemaze-1.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:959}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-48/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/03/dazemaze-1.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 48</h2><p>Generating the Alphabet by Amy Goodchild - Fragment: a Web Environment for Creative Coding - Generative Music in Blender - Words of Advice from Kika Nicolela - Dave Bollinger's Pixel Spaceships - We Love the Art Contest Winners - Obsidian's Infinite Canvas file format +++ lots more</p></div></div></a></div></div><p><em>And if that's not enough, you can find a backlog of all previous Gorilla Newsletter issues here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span><em> If you're interested in sponsoring or advertising with the Newsletter - reach out!</em></p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>generative art</category>
            <category>genart</category>
            <category>web3</category>
            <category>tech</category>
            <category>creative coding</category>
            <category>coding</category>
            <category>web design</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/4d9f6fa9dcae12c5c56d1dc3497f84f8.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gorilla Newsletter 48]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-48</link>
            <guid>z7mYECueycElAawmWywz</guid>
            <pubDate>Mon, 18 Mar 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[Generating the Alphabet by Amy Goodchild - Fragment: a Web Environment for Creative Coding - Generative Music in Blender - Words of Advice from Kika Nicolela - Dave Bollinger's Pixel Spaceships - We Love the Art Contest Winners - Obsidian's Infinite Canvas file format]]></description>
            <content:encoded><![CDATA[<p><strong>Welcome back everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> and a heartfelt thank you to all new subscribers that joined in the past week!</strong></p><blockquote><p><strong>This is the 48th issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-48/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Generating the Alphabet by Amy Goodchild - Fragment: a Web Environment for Creative Coding - Generative Music in Blender - Words of Advice from Kika Nicolela - Dave Bollinger's Pixel Spaceships - We Love the Art Contest Winners - Obsidian's Infinite Canvas file format +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 48&quot;,&quot;mean_alpha&quot;:68.5213764338,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-48/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/03/dazemaze-1.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:959}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-48/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/03/dazemaze-1.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 48</h2><p>Generating the Alphabet by Amy Goodchild - Fragment: a Web Environment for Creative Coding - Generative Music in Blender - Words of Advice from Kika Nicolela - Dave Bollinger's Pixel Spaceships - We Love the Art Contest Winners - Obsidian's Infinite Canvas file format +++ lots more</p></div></div></a></div></div><p>That said,<strong> hope you're all having a great start into the week! </strong>Let's get straight into it! <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h2 style="position: relative;" id="h-all-the-generative-things">All the Generative Things</h2><h3 style="position: relative;" id="h-generating-the-alphabet-by-amy-goodchild">Generating the Alphabet by Amy Goodchild</h3><p>Amy Goodchild recently published a new article over on her blog, in which she explores a generative approach to creating hand-written letter forms:</p><div data-type="embedly" src="https://www.amygoodchild.com/blog/generating-the-alphabet" data="{&quot;provider_url&quot;:&quot;https://www.amygoodchild.com&quot;,&quot;description&quot;:&quot;My current generative artwork-in-progress includes text, but I don't want to use a font. In browser based art work, using a \&quot;web safe\&quot; font could produce inconsistent results, while including a font file would mean a large file size.&quot;,&quot;title&quot;:&quot;Generating The Alphabet - Amy Goodchild&quot;,&quot;mean_alpha&quot;:240.5,&quot;thumbnail_width&quot;:1500,&quot;url&quot;:&quot;https://www.amygoodchild.com/blog/generating-the-alphabet&quot;,&quot;thumbnail_url&quot;:&quot;http://static1.squarespace.com/static/5f33cddd6aff255aabb0c6cd/5f37d09b551f154577577f01/65eddf08b483da6034c6b0b8/1710504277038/typographybanner.png?format=1500w&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Amy Goodchild&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:750}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.amygoodchild.com/blog/generating-the-alphabet" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://static1.squarespace.com/static/5f33cddd6aff255aabb0c6cd/5f37d09b551f154577577f01/65eddf08b483da6034c6b0b8/1710504277038/typographybanner.png?format=1500w" class="false"><div class="twitter-summary-card-text"><span>https://www.amygoodchild.com</span><h2>Generating The Alphabet - Amy Goodchild</h2><p>My current generative artwork-in-progress includes text, but I don't want to use a font. In browser based art work, using a "web safe" font could produce inconsistent results, while including a font file would mean a large file size.</p></div></div></a></div></div><p>In the past I've also incorporated text in some of my sketches, but it always felt a bit off to use an external font when everything else is generative - so I completely understand why you'd want to also make the font itself generative. Amy achieves this by representing the letters as a set of paths that are subsequently smoothed and deformed with a bunch of helper functions that she details in the article. The resulting <em>hand-written</em> aesthetic is spot on imo!</p><p>This generative alphabet is part of her latest generative project, of which she's shared a number of WIPs over on Twitter already - they've been eye catchers every single time. From what's revealed, it seems to be a generative system for apophenic diagrams, and the variety of layouts that's been shown so far is quite impressive:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/908cac1104b083bdb8e3a824d26c2fa9.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/amygoodchild/status/1763543110179590310">Link to Tweet</a></figcaption></figure><p>But why stop at generative letters? Another cool part of the project is the use of word2vec to generate semantically related words for the labels and markers that occur throughout the diagrams. If you're not familiar, word2vec is a technique used in NLP (Natural Language Processing) that lets you attribute words with a semantic score and groups them together according to that score - it then lets you easily fetch semantically similar words:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2c3ff15f9ffc93b1de2b30d2661d7961.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/amygoodchild/status/1754172947525193915">Link to Tweet</a></figcaption></figure><p>Overall, I'm super excited to see where the project goes, and maybe we'll get another write-up once the it's released!</p><p>I did experiment with something a bit similar earlier this year, where I had an idea of packing numbers on the canvas - the numbers shown here are also simply represented as paths/vertices, then placed with an algo that checks for collisions between the paths, I thought that the outputs turned out pretty nicely but weren't really all that interesting without additional elements:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/017203183141a54414925ee4b3913904.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="2000" nextwidth="2000" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/11009b1332883a85928948d7b818c08c.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1600" nextwidth="1200" class="image-node embed"><p>I'm curious to see what these would look like with letters instead of numbers <span data-name="thinking" class="emoji" data-type="emoji">🤔</span></p><p>If all of this has made you curious about generative letter forms, I highly recommend also checking out what Daniel Catt's been up to lately - he's been working on turning his plotter into a journaling assistant and documenting the journey over on his Substack:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/52f98bd67d20785c8776084a945d721a.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><div data-type="embedly" src="https://newsletter.revdancatt.com/p/030-arts-based-research-may-contain" data="{&quot;provider_url&quot;:&quot;https://newsletter.revdancatt.com&quot;,&quot;description&quot;:&quot;What actually is arts-based research, what am I researching, am I going to get Kitty to do all the work (yes), and some fancy journaling page layouts, plus swearing.&quot;,&quot;title&quot;:&quot;📙 #030 - Arts-Based Research, may contain swearing&quot;,&quot;author_name&quot;:&quot;Daniel Catt&quot;,&quot;url&quot;:&quot;https://newsletter.revdancatt.com/p/030-arts-based-research-may-contain&quot;,&quot;thumbnail_url&quot;:&quot;https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd19e404a-4fe0-4b5b-872a-86449c8c8a6d_2048x1365.jpeg&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Revdancatt&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://newsletter.revdancatt.com/p/030-arts-based-research-may-contain" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fd19e404a-4fe0-4b5b-872a-86449c8c8a6d_2048x1365.jpeg" class="false"><div class="twitter-summary-card-text"><span>https://newsletter.revdancatt.com</span><h2>📙 #030 - Arts-Based Research, may contain swearing</h2><p>What actually is arts-based research, what am I researching, am I going to get Kitty to do all the work (yes), and some fancy journaling page layouts, plus swearing.</p></div></div></a></div></div><p>And while we're talking about diagrams and apophenia, I coincidentally also came across a tweet by the genart OG Paul Prudence, in which he shares Benjamin Bett's <em>Mathematical Models of Consciousness</em>, which immediately struck me to have aesthetic similarities with Amy's project:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b5cb0f00118123958c9649f814c996d5.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/MrPrudence/status/1769112769041969308">Link to Tweet</a></figcaption></figure><p>Also very reminiscent of Aleksandra Jovanić's work in <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://aleksandrajovanic.com/chromatlas/">Chromatlas</a>, Benjamin Betts spent a significant chunk of his life exploring the representation of the "evolution of human consciousness" via geometric diagrams<em> </em>- I don't know enough about Betts work to be able to comment on it, but my only thought here is that the diagrams are pretty gorgeous. I found this article that shines some light on his endeavors, but doesn't however elucidate according to what principles Betts created his diagrams:</p><div data-type="embedly" src="https://www.themarginalian.org/2012/11/20/geometrical-psychology-benjamin-betts/" data="{&quot;provider_url&quot;:&quot;https://www.themarginalian.org&quot;,&quot;description&quot;:&quot;\&quot;Imagination receives the stream of Consciousness, and holds apart and compares the different experiences.\&quot;&quot;,&quot;title&quot;:&quot;Geometrical Psychology: Mathematical Models of Consciousness by the 19th-Century Psychologist Benjamin Betts&quot;,&quot;author_name&quot;:&quot;Maria Popova&quot;,&quot;url&quot;:&quot;https://www.themarginalian.org/2012/11/20/geometrical-psychology-benjamin-betts/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.themarginalian.org/wp-content/uploads/2012/11/benjaminbetts00.jpg?fit=600%2C315&amp;ssl=1&quot;,&quot;thumbnail_width&quot;:600,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;The Marginalian&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:315}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.themarginalian.org/2012/11/20/geometrical-psychology-benjamin-betts/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.themarginalian.org/wp-content/uploads/2012/11/benjaminbetts00.jpg?fit=600%2C315&amp;ssl=1" class="false"><div class="twitter-summary-card-text"><span>https://www.themarginalian.org</span><h2>Geometrical Psychology: Mathematical Models of Consciousness by the 19th-Century Psychologist Benjamin Betts</h2><p>"Imagination receives the stream of Consciousness, and holds apart and compares the different experiences."</p></div></div></a></div></div><h3 style="position: relative;" id="h-raphael-ameaumes-fragment">Raphaël Améaume's Fragment</h3><p>I featured Raphaël Améaume in an earlier issue of the newsletter, when he published his brilliantly designed <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://raphaelameaume.com/">personal portfolio</a>. Raphaël recently popped up on my timeline again, announcing that he's joining Polar with the aim to find support in the development of the creative coding environment that he's currently building:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/f692916076a7fdf7af9ae8362eac41a3.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/raphaelameaume/status/1767842403547807999">Link to Tweet</a></figcaption></figure><p>And it turns out that it's actually a super cool tool; easily installed with npm, and if you're familiar with p5 you should have no difficulty spinning up a sketch and get started with exploring some ideas. The first thing you'll notice when you access the local server on which fragment runs the sketch, is the control panel that sits next to the canvas preview and offers a number of useful toggles and sliders. For instance it useful controls to create captures of your work on the fly.</p><p>Raphaël has actually been developing Fragment for a couple of years now, prior to making it open for the public in September of 2022. The project initially came to be as a personal tool for exploring his own ideas as well as developing client projects:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1761e57870bc90449d3e2c1da0223df9.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/raphaelameaume/status/1565324043267497986">Link to Tweet</a></figcaption></figure><p>If Fragment looks interesting to you, I recommend checking it out and supporting Raphaël over on Polar if you end up using it for your own projects. Polar is essentially a Patreon-like subscription platform for open source projects, just like Raphaël's Fragment:</p><div data-type="embedly" src="https://polar.sh/raphaelameaume/posts/introducing-fragment" data="{&quot;provider_url&quot;:&quot;https://polar.sh&quot;,&quot;description&quot;:&quot;Fragment is a web development environment for creative coding. It works with any external libraries using a HTML canvas. It can export a canvas to images and videos and can also be deployed online. From a quick prototype to a complex experience, Fragment facilitates the creation process by providing a fast and reliable environment to work with.&quot;,&quot;title&quot;:&quot;Introducing Fragment, a web development environment for creative coding&quot;,&quot;mean_alpha&quot;:63.75,&quot;thumbnail_width&quot;:2560,&quot;url&quot;:&quot;https://polar.sh/raphaelameaume/posts/introducing-fragment&quot;,&quot;thumbnail_url&quot;:&quot;https://7vk6rcnylug0u6hg.public.blob.vercel-storage.com/meta-PDpagMqGBEANUb8k5QQdJSJPeeierH.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Polar&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1260}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://polar.sh/raphaelameaume/posts/introducing-fragment" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://7vk6rcnylug0u6hg.public.blob.vercel-storage.com/meta-PDpagMqGBEANUb8k5QQdJSJPeeierH.png" class="false"><div class="twitter-summary-card-text"><span>https://polar.sh</span><h2>Introducing Fragment, a web development environment for creative coding</h2><p>Fragment is a web development environment for creative coding. It works with any external libraries using a HTML canvas. It can export a canvas to images and videos and can also be deployed online. From a quick prototype to a complex experience, Fragment facilitates the creation process by providing a fast and reliable environment to work with.</p></div></div></a></div></div><h3 style="position: relative;" id="h-generative-music-in-blender">Generative Music in Blender</h3><p>Sione Teumohenga, that goes under the artist name Lonelyspeck, recently shared an audio experiment that unconventionally makes use of Blender as a sonic playground: by moving sound sources rapidly past the viewport (the camera) sounds are pitched up and down when they approach and then distance themself from the user again:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/81699ccaa3e279005dc18cc30f0ba333.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/lonelyspeck/status/1768981293235343500">Link to Tweet</a></figcaption></figure><p>This is due to the Doppler effect that takes place in this scenario, if you're not familiar, the Doppler effect is essentially the change in frequency of a wave that an observer experiences due to the relative motion between the observer and the source of the wave. In simpler terms, it's how the sound or light you hear from a moving source can change pitch or color depending on whether the source is moving towards you or away from you.</p><p>I found a cool visualization for the effect here, fittingly the simulation that's shown in the video is also made with Blender (although I was looking for an explanation of how sound waves are <em>actually</em> simulated in Blender):</p><div data-type="youtube" videoid="jZamyyPta_8">
      <div class="youtube-player" data-id="jZamyyPta_8" style="background-image: url('https://i.ytimg.com/vi/jZamyyPta_8/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=jZamyyPta_8">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>A classic example for this is the change in pitch of a siren as an ambulance approaches you and then recedes. As the ambulance gets closer, the sound waves get bunched up, making the pitch higher. Then, as it moves away, the waves spread out, causing a lower pitch.</p><p>I'm actually impressed that Blender is capable of simulating spatial audio in this manner, if anyone can educate me on how that works. I assumed that in games they simply reduce the volume of a sound source the further away it is, but I'm probably quite wrong on that. In any case, super interesting exploration by LonelySpeck - I'm excited to see what comes from it!</p><h2 style="position: relative;" id="h-web3-news">Web3 News</h2><h3 style="position: relative;" id="h-words-of-advice-from-kika-nicolela">Words of Advice from Kika Nicolela</h3><p>Kika Nicolela has been an artist and filmmaker for over 20 years, been exhibited numerous times around the world and has contemporarily become one of the leading voices in the NFT art space - in a recent long-form Tweet of hers she addresses the downward trend of the market and the overall low morale of the community due to it:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3795dc582f5fabd2f16a7c0ce721fc44.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/kikanicolela/status/1768984489475104930">Link to long-form Tweet</a></figcaption></figure><p>A bit later in her tweet Kika explains that art sales in the traditional setting are much, much rarer when compared to what we've seen so far in Web3. And this has lead to us acquiring a distorted perception of what makes a successful project - apparently works need to sell out in a matter of minutes and in gigantic quantities for them not to be considered failed projects. When this isn't really what this space is actually about after all:</p><blockquote><p>The concept that we should release an art piece and sell out in minutes is, imo, a distortion of this space. Maybe we should appreciate what we have here: a new way of spreading, communicating and selling our art. And that expands our realm of possibilities of surviving as artists.</p></blockquote><p>And I really couldn't agree more. I've addressed the issue before, that bragging about how fast something sells is a problem, and should not be a metric for quantifying the worth of an artwork. If you're a collector that cares about these stats, then sure it's important, but the artistic discourse should not really revolve around it. This is especially detrimental to artists, where the only take-away they get is that "your art is not good because it didn't sell" instead of more meaningful feedback.</p><p>And we're still hyper fixated on sales, even in the midst of the deepest bear market - just as Kika puts it, the space isn't really about that, it's never been about the sales, but rather about the community, the art, the conversation as well as the interesting experiments that we're able to do with the wonderful new tech. It might be easy to think that an engaged audience ensues from big sales, and although it works for some projects and artists, it's generally the exception and not the norm. I believe that it mainly works the other way around - you put yourself out there, connect with people, exchange ideas, whether you're an artist, collector, or builder, and then success comes over time.</p><p>Most of the successful artists that I follow do exactly that - they show up everyday and share their art and ideas. Maybe this extended bear market that we're experiencing right now isn't such a bad thing after all, weeding out all of those that are just in it for a quick buck. Personally, I feel very enthusiastic about the future of the space, there's still so many cool things popping up every single day!</p><h3 style="position: relative;" id="h-dave-bollingers-pixel-spaceships">Dave Bollinger's Pixel Spaceships</h3><p>I don't consider myself a big collector, but every now and then I come across a project that I just can't pass up on, for instance Dave Bollinger's Pixel Spaceships that released last week on fxhash. And at 4 tez it felt like an absolute steal, I was lucky to snag two mint tickets before the project minted out in the following hours after:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/d599901bf079dba74118d1ac0841d8f1.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><p>If you're not familiar with Dave Bollinger, he's a generative art OG having been part of the scene since the mid-2000s. Pixel Spaceships doesn't only impress with the variety of its aesthetics, but also with historical value as Frederik Vanhoutte points out in a tweet of his:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/4ec32c5cdecc4a9f932f844e7b648db5.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/wblut/status/1767304207097315529">Link to Tweet</a></figcaption></figure><p>If you're curious about the systems behind an artwork like Pixel Spaceships, and want to learn how Dave conjures pixelated spaceship shapes onto the canvas, I recommend checking out the detailed write-up that he's made for the project over on his personal site (where you can also find writings about other projects of his):</p><div data-type="embedly" src="https://www.davebollinger.us/pixelspaceships" data="{&quot;provider_url&quot;:&quot;https://www.davebollinger.us&quot;,&quot;description&quot;:&quot;Unapologetically: this is retro, this is low-rez, this is pop art. The use of color herein may seem \&quot;garish\&quot; to sensitive viewers. Please simply avert your eyes if it causes excessive pain! You've been warned. But for the more adventurous who remain... Coloring and shading were implemented so as to mimic hardware limitations of early arcade machines.&quot;,&quot;title&quot;:&quot;PixelSpaceships - Dave Bollinger&quot;,&quot;url&quot;:&quot;https://www.davebollinger.us/pixelspaceships&quot;,&quot;thumbnail_width&quot;:600,&quot;thumbnail_url&quot;:&quot;https://images.squarespace-cdn.com/content/v1/65bfb4dd3014452b13d7c4a0/aff0573f-22b9-486a-9e3d-385c4e1c8aaf/PrintPhotoNegative.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Dave Bollinger&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.davebollinger.us/pixelspaceships" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://images.squarespace-cdn.com/content/v1/65bfb4dd3014452b13d7c4a0/aff0573f-22b9-486a-9e3d-385c4e1c8aaf/PrintPhotoNegative.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.davebollinger.us</span><h2>PixelSpaceships - Dave Bollinger</h2><p>Unapologetically: this is retro, this is low-rez, this is pop art. The use of color herein may seem "garish" to sensitive viewers. Please simply avert your eyes if it causes excessive pain! You've been warned. But for the more adventurous who remain... Coloring and shading were implemented so as to mimic hardware limitations of early arcade machines.</p></div></div></a></div></div><h3 style="position: relative;" id="h-we-love-the-art-contest-winners">We Love the Art Contest Winners</h3><p>Towards the end of last year the Optimism foundation (an Ethereum L2) held an NFT contest titled "We Love the Art" that receiving over a whopping 7000 submissions for the three categories of AI art, generative art and music that the contest was held on. But the results are out, and the winners have been announced, with quite a few interesting creations in the lineup - you can read all about it here, including some of the motivations behind holding such a large scale contest:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/12b73705b74f88a1d6025ac7ca14d9fd.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://nftnow.com/features/optimism-foundation-we-love-the-art-winners/">Link to Article</a></figcaption></figure><p>One of the most notable generative artworks in the line-up are 0xfff's 'You are Here' that transcends a single blockchain and actually bridges across 31 of them! The tokens' artwork is actually directly influenced by their blockchain traversal history - there's a nice little thread by <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://IMG.ART">IMG.ART</a> that explains it in a bit more detail here:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/883f726cc2cf653fcf59d7cbfb923eee.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/imgdotart/status/1765419983733920108">Link to Thread</a></figcaption></figure><h2 style="position: relative;" id="h-web-and-tech">Web &amp; Tech</h2><h3 style="position: relative;" id="h-obsidians-infinite-canvas-file-format">Obsidian's infinite Canvas file format</h3><p>If you're not familiar with Obsidian, it's probably the most powerful and versatile note taking app that's currently out there. And it's free to use as well! I use it on a regular basis for all sorts of organizational purposes, as well as for drafting up ideas for new posts and projects on the fly.</p><p>It comes with a bunch of powerful features out of the box that elevate it beyond a simple note taking app, for instance a graph view that lets you see how your notes are interconnected, and which resources reference each other. But beyond those features, what makes Obsidian great is its philosophy - a really insightful long-form tweet by Andrej Karpathy (the AI legend) explains this in a bit more detail:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1b523b06a08595d1bb179334f2118ab9.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/karpathy/status/1761467904737067456">Link to Tweet</a></figcaption></figure><p>One of Obsidian features that's pretty cool and recently got an interesting upgrade is their infinite canvas, that lets you organize notes and other types of media in logical flows, which is often used to plan out things that might require a more involved layout:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/9cf6e3d793a69f2b99c67e1f0bfd1e8e.png" alt="Obsidian 1.0 for desktop and mobile" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAXCAIAAADlZ9q2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFBElEQVR4nLWUS2wVVRjH70owUuLK18ZURI1Goxg0oVRIlBSVRBCRpy4EMfJIbDFpugCJiTGIicG0LDBEkxqsxlpKkZCCkQUEFyyg7W3vnced1z0zdx6dO+85M2fOOeY+LOkjAU38ZxaTnDPzy//7vv+Xy+VyhUIhn88LgsDzfLFYnJyc5Hleq8tYSPUTW2u+LHwHAFAqlXINGYZBKc2yLE3TJEkghAghSikhhP4nNT6cnp5uAhRFoZRGURQEYeMGxjjLMoSyMIz9IPZ86AYJTNLGmVF1LT+qRonlx7YXYowXxFQqlSZAEARKaaFQnMjnbTdwXBdCiDFJUhTEyItQGMVhGEZR1GAf/PHS1jNXDlzlNpy5tu37izBt2J3rQNO0JkAURUqpqhm2XdW0CscLpmVlGU4RRShDWbNcaf1HGONtfUMvf3mm60Tv4e9Ov/nNTyFcuJ6yLM8qES9XPT+SZGWyIBQ4RQamoFiSrACg/HX9ytVrf2oaoJSiNP3g5wubDh89+P5be3e8vuPTLj8ldwA0miwDy/MDQbFECSiKrKi2DBzH9W/euP7hO+u3rmu7ODJECK0G3scDp9dv7Fi75sWnVj65tqc7SlNKSFYX+UezSmRZFqVUBFXHDYGq8kJZ1f0yMIBmAm3a8fwb167+cf6CaZiUkoTSnZ91r3j28fa251a/0d7++dEQwsD3Hded6XaWZZRS0zRnAWR1ug7QREkWZF2QzboVxfNcUKmUNTWMIkoIpNkrB/Y9/MITy1c9v3RN+2O7PwpjqOs6y7KqqiqKoqoqhHABACPYlu2XQZnneaEmuVQSJEkKgpAtlYsME4a1IU6y5IfRS9+eP3fi3Lmvfx3s++U3hJBlWQCARu50XW/M21yAqBi246mqKoqiKJVrPgRBlCRdrzBCWQB2HIe1WcLp/FiZpgkAMAxD13UAgO/7swCNJrteFEYwCHzHcVzXderyPC8MQwhRkmQY17qX4hRjkuGaUC38iFBiWZYsy5ZlmaZpGEbD61zA/EBmBFue5cEgxnFC0pjAGMMZB6TOmAktz/OSJImiKAiC67qUUl3X5+wiTAi9PWeEJlk6xo6zZU40pFJFKOmCHVcRQRkhqBbDDGGc1ScyCALHqTqO4/v+zCqbC5jvIMWoqDDjzMQEl+fVEqfy1dhBFFWqPquoYsVUq54NsyiOJ6cKY2Nj4xMTLMsxDMNx/F2VKMUpp/JFmSkqTFFmCnKx4ukQo4odTLDcOMOPF3ndDRmO69y//1DnoXc3brq/ZUkul1vW2gohrFardwJkKa+VGJkVdUmZLsuWMh3ZiFBg+3muNMGWbk4xmuOzPL96xTNPtz66tq1t6+bNjzz04PJlrUmS3BUgz+dvMWNFmeEAz6m8k9a6p9r+WJG9OcXcKrB2nE5NTXas71jV3rF48b3bt20/2Xfyq+PHfd/zPK8J0HW9AZizsFKc8pUSC7iZx4EOpdQKoKRbsm5VHD/AlOXYHbve2/D27iX3teRyuZUrX+rt7Y3j6DagsU3nC1Psx2EQBX4chrUXL0FJbd4wTjKMME2ymmlRFPfs2fvauldbWpYuWnTPA0sW7dqyBRPiOM4sB/VAwcaeukuR5tasHDl8pPOTg51dXT093V8c2tffd4JSersHg4ODo6OjZ+saGRm59G90+fLl30dGjh071t3dc+rUqeHh4bPDI4NDQwMDA/39/U3A/6q/AeYqtgMwNuKIAAAAAElFTkSuQmCC" nextheight="1958" nextwidth="2684" class="image-node embed"><p>They recently released a unique JSON-like file format to represent this infinite canvas, replacing the .canvas format that was previously used. This means other infinite canvas applications can now adopt this format and can in that manner become interoperable - here's Obsidian's announcement tweet where you can learn more about it:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/dd573bdd488b9311fcd2d787f2c1ecdd.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/obsdmd/status/1767232042226647326">Link to Tweet</a> | I'm not sponsored by Obsidian, it's just a really great tool!</figcaption></figure><h3 style="position: relative;" id="h-a-mega-guide-to-organizing-your-css">A mega-guide to organizing your CSS</h3><p>Since I've been working on a new design for the blog, I've been battling against an ever increasing pile of messy CSS files where I'm spending most of my time just moving things around and renaming classes in the attempt to make things just a smidge more organized and maintainable for my future self.</p><p>While researching if there were actually any organizational philosophies for CSS I came across this massive resource from the MDN Web docs that goes over all of the dos and donts:</p><div data-type="embedly" src="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing" data="{&quot;provider_url&quot;:&quot;https://developer.mozilla.org&quot;,&quot;description&quot;:&quot;This is the final part of our building blocks module, and as you can see there are many ways in which your exploration of CSS can continue from this point - but now you can go on to testing yourself with our assessments: the first one is linked below.&quot;,&quot;title&quot;:&quot;Organizing your CSS - Learn web development | MDN&quot;,&quot;thumbnail_width&quot;:1920,&quot;url&quot;:&quot;https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing&quot;,&quot;thumbnail_url&quot;:&quot;https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;MDN Web Docs&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1080}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Organizing" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png" class="false"><div class="twitter-summary-card-text"><span>https://developer.mozilla.org</span><h2>Organizing your CSS - Learn web development | MDN</h2><p>This is the final part of our building blocks module, and as you can see there are many ways in which your exploration of CSS can continue from this point - but now you can go on to testing yourself with our assessments: the first one is linked below.</p></div></div></a></div></div><p>One of the tips introduces us to OOCSS, which stands for Object Oriented CSS, and just as the name suggests it's a CSS methodology that relies on Object Oriented principles for structuring different classes in a style sheet. It's kinda really smart actually, and most of the mistakes that it strives to avoid are things that I am 100% currently doing in my own CSS. For instance, it advises to avoid location based styling and encourages a separation between the styling of containers and their content.</p><p>OOCSS was pioneered by Nicole Sullivan in 2008, so I'm only 16 years late to the party, but it seems that modular approaches to CSS are still relevant in modern web development:</p><div data-type="embedly" src="https://snipcart.com/blog/organize-css-modular-architecture" data="{&quot;provider_url&quot;:&quot;https://snipcart.com&quot;,&quot;description&quot;:&quot;Bye-bye spaghetti code! Learn how to organize your CSS architecture using foolproof methodologies like OOCSS, BEM, and SMACSS. Result? A scalable, modular CSS architecture.&quot;,&quot;title&quot;:&quot;Organize CSS with a Modular Architecture: OOCSS, BEM, SMACSS&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://snipcart.com/blog/organize-css-modular-architecture&quot;,&quot;thumbnail_url&quot;:&quot;https://www.datocms-assets.com/48401/1628645190-devdensm-2x.png?auto=format&amp;fit=max&amp;w=1200&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Snipcart&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:505}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://snipcart.com/blog/organize-css-modular-architecture" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.datocms-assets.com/48401/1628645190-devdensm-2x.png?auto=format&amp;fit=max&amp;w=1200" class="false"><div class="twitter-summary-card-text"><span>https://snipcart.com</span><h2>Organize CSS with a Modular Architecture: OOCSS, BEM, SMACSS</h2><p>Bye-bye spaghetti code! Learn how to organize your CSS architecture using foolproof methodologies like OOCSS, BEM, and SMACSS. Result? A scalable, modular CSS architecture.</p></div></div></a></div></div><h3 style="position: relative;" id="h-bluesky-open-sources-its-moderation-tools">Bluesky Open Sources its Moderation Tools</h3><p>While it's the absolute wild west out here on Twitter, Bluesky is in the process of open sourcing Ozone, their collaborative moderation tool that allows users and teams to come together and create custom moderation approaches to the content that's posted across the network - they detail how all of this works in this announcement post:</p><div data-type="embedly" src="https://bsky.social/about/blog/03-12-2024-stackable-moderation" data="{&quot;provider_url&quot;:&quot;https://bsky.social&quot;,&quot;description&quot;:&quot;Today, we're open sourcing Ozone, a tool that lets a team of moderators or curators collaboratively review reports, create labels, and inspect content on the atproto network. Later this week, we're opening up the ability for users to run their own independent moderation services.&quot;,&quot;title&quot;:&quot;Bluesky's Stackable Approach to Moderation - Bluesky&quot;,&quot;mean_alpha&quot;:178.289285714,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://bsky.social/about/blog/03-12-2024-stackable-moderation&quot;,&quot;thumbnail_url&quot;:&quot;https://bsky.social/about/images/social-card-default-gradient.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Bluesky&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://bsky.social/about/blog/03-12-2024-stackable-moderation" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://bsky.social/about/images/social-card-default-gradient.png" class="false"><div class="twitter-summary-card-text"><span>https://bsky.social</span><h2>Bluesky's Stackable Approach to Moderation - Bluesky</h2><p>Today, we're open sourcing Ozone, a tool that lets a team of moderators or curators collaboratively review reports, create labels, and inspect content on the atproto network. Later this week, we're opening up the ability for users to run their own independent moderation services.</p></div></div></a></div></div><p>Although Bluesky looks like a cool place to be, I simply don't have the bandwidth to be on yet another platform, maybe at some point in the future I'll actually try and be more active over there.</p><h3 style="position: relative;" id="h-a-question-of-probability">A Question of Probability</h3><p>I came across a super intriguing poll by Daniel Litt in which he asked who was more likely to win a game of chance based on flipping coins. The rules of the game are described in the following Tweet (think about it for a second and then make your pick):</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6d4d70c665cfa4c20b3da3135fa5ca00.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/littmath/status/1769044719034647001">Link to Tweet</a></figcaption></figure><p>To me it intuitively seemed that Alice had an advantage, since in my mind she'll be rewarded for consecutive sequences of Hs, but it seems that this is in fact not the case - in reality Bob is more likely to win this game:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c21563ffa88c21b93dc6c84c3bb6948f.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAHCAIAAADmsdgtAAAACXBIWXMAABYlAAAWJQFJUiTwAAABUElEQVR4nK2R0UvCUBTGL7fL7TbkrsEue2y5Im02yJsMEmE9LDDxIbvM4RwOG71Y4YOgIWxSvQThf9h/EhROiPSx/D0cPr6Hc/i+AwAAlEoIIZxBCMnlcgghsCkODve+Pj/eXx86QW8+n48n43Q2MwwDAAAh/M9mjLEkSaBwZLw9v9TOy8emWa3WrDLn/IwQsrEEEMJtjAEAhJBlSxhjhBCEEGUsxVoguMqav/W7YV3Xhec1Go1msxlFkeM4bd+/je+E51UqlbbvPw6Hrut6njeeTEajUb/fF0IMBvf1+lWapEHQjTKSJHGci6fpNElSXdcJ2fk5sB9F/VbrJgx73TC8FiLMZhzHQohOELjuJUJIURRN0xhjsixTSmVZliSJUqoou5RSVVU1TcMYM8ZUVV2piDFm2/ZJqVQoFi3LMk2Tc57P523b5pyfLvTi4X/mG0pOROmyxKdSAAAAAElFTkSuQmCC" nextheight="194" nextwidth="924" class="image-node embed"><p>Now you might ask why that is? Well, I can't actually tell you why, but Juha Karttunen made an interesting visualization for the outcome of a million games played with varying numbers of consecutive tosses:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/dc5fb2ef713481403137a518079966a8.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/jkarttunen/status/1769315908701261842">Link to Tweet</a></figcaption></figure><h2 style="position: relative;" id="h-ai-corner">AI Corner</h2><h3 style="position: relative;" id="h-first-ai-software-engineer-by-cognition">First AI Software Engineer by Cognition</h3><p>Cognition introduces the very first AI software engineer: Devin! In a showcase video they present us with an LLM powered AI agent that has access to a code editor, a terminal as well as a browser, and makes use of these three tools to solve programming problems - you can watch it here:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8d7935c85fc5e3b1c7abec2a8e84fa57.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/cognition_labs/status/1767548763134964000">Link to Tweet</a></figcaption></figure><p>After devising an initial plan, the agent iteratively writes code, browses API documentation, squashes bugs and follows the instructions that are typed into the LLM prompt box until the developed code is of a satisfactory state. Currently Cognition boasts a 13.86% preformance on real world software engineering benchmarks, setting itself apart form all other competitors:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6a31f91117766d3c1a0c0bdfc57eb2fe.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">More info about Devin's performance can be found in <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/cognition_labs/status/1768716551056728233">this twitter thread</a></figcaption></figure><p>But honestly I don't know what all the fuss is about, sure, it's impressive that we can now have LLMs sit in the driver's seat to operate tools in such a seamless manner, but the video still clearly shows that <em>Devin </em>was being instructed by a person - just sped up really quickly. It's likely that the person operating Devin had to actually check and monitor what the agent had concocted to direct it towards a desired outcome. At this point it just doesn't strike me as very useful - most of the examples that are floating around are very basic things.</p><p>Over on Youtube, Theo voices his opinion on Devin and raises some good points in reaction to the different showcases, I recommend checking out the video if you're curious to learn more about how Devin actually works from the regular user's perspective:</p><div data-type="youtube" videoid="m8VSYcLqaLQ">
      <div class="youtube-player" data-id="m8VSYcLqaLQ" style="background-image: url('https://i.ytimg.com/vi/m8VSYcLqaLQ/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=m8VSYcLqaLQ">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><h3 style="position: relative;" id="h-design-against-ai">Design against AI</h3><p>The AI landscape is currently in a consistent state of upheaval, there's a new tool, new model, new something coming every couple of days and being heralded as the new big thing. And somehow the hype has yet to die down somehow. How do we actually work with AI in this setting and incorporate it into our practices, be it programming, or design?</p><p>In the rapid version of his talk at the 2024 Design in Tech conference John Maeda tackles this exact issue with AI. Should we fight against it? Compete with it? Collaborate with it? Or something else entirely? You can watch it here:</p><div data-type="youtube" videoid="5zFOSQDpby8">
      <div class="youtube-player" data-id="5zFOSQDpby8" style="background-image: url('https://i.ytimg.com/vi/5zFOSQDpby8/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=5zFOSQDpby8">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><h2 style="position: relative;" id="h-gorilla-updates">Gorilla Updates</h2><p>What have I been up to this week? Looking back I actually got a lot done, even though there's been other life stuff that I had to deal with. Overall I've probably spent more time than I've ever have on social media - but for a good reason, I've just been having so much fun over on Warpcast, with the additional incentive that I'm being given a considerable $degen allowance everyday to tip other creators and artists, and that simply for being active on the platform... why wouldn't I?</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/27b17f85215cea4ceff3dddb14ebfa69.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAIAAABZ+cloAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEgUlEQVR4nKVVS2zjVBR9dcdx0vycOPHfidvYjROnzj9Om6Rt0tBG+U2a5lPadNL/zJROBRRVdMcgIQESCzQSINCIBStWsxgkFiNYs0KiEhvEDgmVFbBgDUrcqdoRSIxHugu/d5/vee+c+wGElSftEyKnzMSKkjeSCGYlPuZEGLfJ84Km+GcIKw9opzBOBZfLq58++Hy1uXV68nYmvmCDSLeZvzTX0C6W2v9XvM+GHh4mrHx9qUOhPuA2eawQhQDcADAAbABYLIBwm3kUpm0QaYdIFKY1s0OkA6a1KI4r3mcAtB+dCGMBBIawwIkw0kRsYbacjsyWCo1CpsTik06ECYrpqJwLSTNBMe33Jfy+RDiQneSjGMJiCOv3JcNyLhTIBASVsPIYwl4CBAQ1Kud4MuAebg4B+NR646BV3u2vvNqt7k+QIQxmAoKaUPIJJT8lZaakrOyfjobmgmJaAxD5aDQ0F1fysj9N2K4DiGpcmR+nZAweCAkcCO0Y4Vhb3GOPMegU54zbYdYGEUbgMgCHZhaAO55ShJs8uMnjuDFYXt25NO0khrDaEgisUii0Q3LgUe2z24mHuXi+19puV3prza1bnb3l8urm+t3ibNUCCMJ6XdL/EllzPf0GzZW97388r7//ztlX539ufVvIVBu1XmWpW6+8fLPaKxVWVGVOoGXdiQsoTFAm0xY+cdT44BTvu2m/jwpxuMQSmvlRmBpE/9eb/h8ADGaMAENH3KPACiDUNkIYATYGXBaAm4DLCDAnwqEwg8L0BUXPaYDF/VFlPuRT3+0fvN7eUZX8cmW9vtQu5RvVxfZGaycSSOdS+XSkoNXHc7+g3d49O//rZH3/o5P7X3/8Rbuy1rzZ7za3F/PL2cRLxVwtJMaTciooqIOa0gEwTsnFQosw8wd7h51qlycDfiEp8nEOl0yAsAAChRkzoFCY0icDwAycAThcJq8JkGZA2SDSCLBh7hM2iLQAwg5RpJXHzeM6BBhoQFh5gQu7zB6RHKdRThbVYrZSzFbTkflCplwuNjPxBX3kXLyg0dg8++WPZGx2cV5Vo1NLheWD/TeqS+1MfKFV7W2u3n5RAElIbvRfYwnxzePjvV6fJSRJSGkdcQzgRuAyA1J39ItmZwAOzMAhgEQhemx00IXsEGWHKCtM2Y2MG2F1F8FAA+12hNmz3VvLZRfjbDIfKapKPqnksvL8tDAjeKYU//SQJU7PCyjUR9p9a93+b3//+tPvPx/W7xyt3tvq39u69cpObWcj15ydni3mavqqbABADFMwGZ374bsnTx5/KYpJOZAJTKa9lIwAfAwmHTdo86h+GS4owmDGh3LuUXrIPqnNvEFzR7w2eDhMzLo1MHkwhLVCVCgyFwqmaKcQFFISH5vkFC8ZlL3+lBRmcQnT367RCdwq7rbqjx9++M0np91a58728dHdk92Ng1Kh0yup9w87yciiBeA6NSBtvBPhd1vNR28dvbeeT4ZzkcEczoYDOdI+YRlhTGA4D3TXwZAixgaxqJFzIDSGXHPjA/b1ZOclwD/Wcjvh4OhxXwAAAABJRU5ErkJggg==" nextheight="882" nextwidth="1106" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/489af62181c87496f81f19e593725c34.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">Your boi climbing the leaderboard! | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://warpcast.com/gorillasun/0xccecb990">Link to Cast</a></figcaption></figure><p>Is it engagement farming? Absolutely, yes, but then again... why not? I'm having a blast. There's so much to talk about with what's currently going on over on Farcaster, that it warrants its own article - although it's taking a lot of mental bandwidth to keep up with everything, a good descriptor for it at this point would be "vibrant", with new shenanigans popping every day (see drakulas and vampires) that might or might not develop into something more legitimate in the future. If you're still not on Farcaster, here's an <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://warpcast.com/~/invite-page/212516?id=94b37123">invite link</a> - it costs a couple of bucks to join but we both get some Warps if you do via the link.</p><p>That said, I also explored a couple of new ideas, like alternative coordinate systems. I learned about Bipolar coordinate systems a couple of months ago, but then couldn't really wrap my head around the concept nor could I figure out how to implement it. I somehow managed to get my idea working in a matter of minutes when I tried again this week - have a looksy at what I came up with:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e9247884aba8a379324d39d18bff3004.gif" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAEr0lEQVR4nMVWIYzjOhANMAiIVFWq1GrJqlJVqdJKBZUKTiopKAkoWbCkpKCkJCSgJGALTEoMggJCQpaYmJgYmJiYmJiYhISEBBw5cuDrOndpr9v9u+BL/4Eqaex5npk34/G8v4EQuvv8XwIh5Pv+jXV0ft3tdkVREEIwxtkZSZIwxkaj0ZdMd7vdx8fHLMuUUnEcDwaDIAiuCbIsq+vaWqu1LsvSOWeMSZLkS+4GQXA4HKqq4pwrpay1UsowDGEn/OZ57pxTSnHOtdbqjC8RBEEQx7FSSmvNOZdSlmXJGNNaPz8/t/vn87nWWghBKZVSKqWyLBuPx59E3PO80WhUVZXWuqqqxWIxnU4nkwnGuGkapdT1emutc05r7ZyrqipN08+PjxAqioKfsVwuwaE26JTS1kSSJMYYIQRjTCklhHgvhzvwfd8YI6UUQsxmM4RQGIZJkszn8yRJOOctASHEWgsE1lo4/t0TAy5/HQ4HrbW1dj6fw2tVVd1uN01TKeW1iiCSWmuMcaux9zG/fR8Oh1prxtjpdEIIzWazXq83Go2klOABZDjPc0iyMWY6nX4U/fl8vt/vV6vVXzSr1Upr3TRNmqZJkqRpKoSQUk4mE1hDCAGZOec2m81d06PRCJY554qiuP388vKilKKUCiFAr5M/1sMwdM4JIeq6jqKotQ4PnU5nMBjkeS6ldM6VZam1zrLM+yKWy6W11hjz9va22+1uwhsEAcZYSgm1SSk1xnDOCSGXdTd5v34OwxDiDj75vt8SBEEwm80wxpA/UDDnHDR5IXiPtm4xxtZaCH3TNH/lzfP2+31ZlnVdQ8+AHgWuaK3zPL+sK4oiz3PQKGQ4P0OfN0BjCMPw2rntdgulAK2Jcw4hYoxBti5Vkud50zTwGcittXAurXVd19vtFuqxbXxRFNV1DaH7+fMnY4wQUhRFmqbwkGVZHMe/CQghZVlCJTvnoNlZa+EsURTdRG+32wF3VVWU0iRJhsPh3SD/xul0ArsgAMYY+Ku13mw211n1PC+KIq01pVRrvd1uWx3/G8CDVgBQqBjj8Xjc6XSuV768vICvUkpo4zcivN/4oMOAEuDCIYSAaXR12+z3e3NGVVVQDUEQ+L6/WCw450VRMMYopa0WLgRJkgBBlmVpmranvra+WCyqqiKEQHeCRtTtduFSwhjHcUwpVUoxxq7vqF+glB6Pr1EUQUDfe9rpdAghTdOAZo7H17Z9KaWenp4eHh4Wi0Wv1zseX621379/HwwGl/3j8RgyeTeIQRAcj6/GGChXxhhoBiEkhDgeX/v9vjFms9mAKaWUMabb7d6q6qMUPTw8gIJBYG0LQwhRSuM4Xq1Wm81mvV4HQTAcDqGkbwk+gu/7MMVA9Sml8jxvc0MpzfMcChAy9+3bN2OMtbbX632JYDwegyjhXEKItsMghGDAwRgPz1gulyCBuq77/f4npuGYaZpaa9/e3mAQopRe38Pr9RouZ5iRoFpB5Z/PGZ7nTadTpRTcHjCtANn1yvV6/ePHj7Y+6ro+nU435fkhwW63gxEIhhRrLef80oT/SGMwGPTO6J9xdxK4T7BcLqGNE0KyLIOx93A4vF/5f+Ifjs2ER+JEkrcAAAAASUVORK5CYII=" nextheight="800" nextwidth="800" class="image-node embed"><p>Basically instead of having a single origin point you now have two, such that points are defined by their relative distance to both centers, as well as the angle that is formed from the two centers and the coordinate point. As always, the Wikipedia page actually gives you a good overview of what the math for this looks like, it's actually not incredibly difficult:</p><div data-type="embedly" src="https://en.wikipedia.org/wiki/Bipolar_coordinates" data="{&quot;provider_url&quot;:&quot;http://wikipedia.org&quot;,&quot;description&quot;:&quot;Bipolar coordinates are a two-dimensional orthogonal coordinate system based on the Apollonian circles. Confusingly, the same term is also sometimes used for two-center bipolar coordinates. There is also a third system, based on two poles ( biangular coordinates). The term \&quot;bipolar\&quot; is further used on occasion to describe other curves having two singular points (foci), such as ellipses, hyperbolas, and Cassini ovals.&quot;,&quot;title&quot;:&quot;Bipolar coordinates - Wikipedia&quot;,&quot;mean_alpha&quot;:0,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://en.wikipedia.org/wiki/Bipolar_coordinates&quot;,&quot;html&quot;:&quot;<p><b>Bipolar coordinates</b> are a two-dimensional <a href=\&quot;https://en.wikipedia.org/wiki/Orthogonal_coordinates\&quot; title=\&quot;Orthogonal coordinates\&quot;>orthogonal</a> <a href=\&quot;https://en.wikipedia.org/wiki/Coordinate_system\&quot; title=\&quot;Coordinate system\&quot;>coordinate system</a> based on the <a href=\&quot;https://en.wikipedia.org/wiki/Apollonian_circles\&quot; title=\&quot;Apollonian circles\&quot;>Apollonian circles</a>.<sup id=\&quot;cite_ref-bip_1-0\&quot; class=\&quot;reference\&quot;><a href=\&quot;https://en.wikipedia.org/wiki/Bipolar_coordinates#cite_note-bip-1\&quot;>[1]</a></sup> Confusingly, the same term is also sometimes used for <a href=\&quot;https://en.wikipedia.org/wiki/Two-center_bipolar_coordinates\&quot; title=\&quot;Two-center bipolar coordinates\&quot;>two-center bipolar coordinates</a>. There is also a third system, based on two poles (<a href=\&quot;https://en.wikipedia.org/wiki/Biangular_coordinates\&quot; title=\&quot;Biangular coordinates\&quot;>biangular coordinates</a>).  \n</p><p>The term \&quot;bipolar\&quot; is further used on occasion to describe other curves having two singular points (foci), such as <a href=\&quot;https://en.wikipedia.org/wiki/Ellipse\&quot; title=\&quot;Ellipse\&quot;>ellipses</a>, <a href=\&quot;https://en.wikipedia.org/wiki/Hyperbola\&quot; title=\&quot;Hyperbola\&quot;>hyperbolas</a>, and <a href=\&quot;https://en.wikipedia.org/wiki/Cassini_oval\&quot; title=\&quot;Cassini oval\&quot;>Cassini ovals</a>.  However, the term <i>bipolar coordinates</i> is reserved for the coordinates described here, and never used for systems associated with those other curves, such as <a href=\&quot;https://en.wikipedia.org/wiki/Elliptic_coordinates\&quot; class=\&quot;mw-redirect\&quot; title=\&quot;Elliptic coordinates\&quot;>elliptic coordinates</a>.\n</p>\n<p>The system is based on two <a href=\&quot;https://en.wikipedia.org/wiki/Focus_(geometry)\&quot; title=\&quot;Focus (geometry)\&quot;>foci</a> <i>F</i><sub>1</sub> and <i>F</i><sub>2</sub>. Referring to the figure at right, the <i>&amp;#963;</i>-coordinate of a point <i>P</i> equals the angle <i>F</i><sub>1</sub>&amp;#160;<i>P</i>&amp;#160;<i>F</i><sub>2</sub>, and the <i>&amp;#964;</i>-coordinate equals the <a href=\&quot;https://en.wikipedia.org/wiki/Natural_logarithm\&quot; title=\&quot;Natural logarithm\&quot;>natural logarithm</a> of the ratio of the distances <i>d</i><sub>1</sub> and <i>d</i><sub>2</sub>:\n</p>&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Wikipedia&quot;,&quot;thumbnail_url&quot;:&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Iso1.svg/1200px-Iso1.svg.png&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1200}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://en.wikipedia.org/wiki/Bipolar_coordinates" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Iso1.svg/1200px-Iso1.svg.png" class="false"><div class="twitter-summary-card-text"><span>http://wikipedia.org</span><h2>Bipolar coordinates - Wikipedia</h2><p>Bipolar coordinates are a two-dimensional orthogonal coordinate system based on the Apollonian circles. Confusingly, the same term is also sometimes used for two-center bipolar coordinates. There is also a third system, based on two poles ( biangular coordinates). The term "bipolar" is further used on occasion to describe other curves having two singular points (foci), such as ellipses, hyperbolas, and Cassini ovals.</p></div></div></a></div></div><p>I also experimented with elliptic coordinates - not to be confused with ecliptic and ellipsoidal coordinates - but often perceived to have epileptic qualities (as the comments over on Twitter have pointed out <span data-name="rofl" class="emoji" data-type="emoji">🤣</span>). But not too much came from that idea however - careful with this one, might make you motion sick:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2fdb6600025e1938f8250262e118f2c5.gif" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAPoAAAD6AG1e1JrAAAETUlEQVR4nF1WvWrzMBQVxhhjhIWEg50ghJEJJmQJBGMCHrJ1D6EQQqDP0CVDoZS+bIdCn6DDh3Wc85newciS7rn/V1cIIeI4llIKIZJAcRzjmwZKkiTLsiRJuE7TNI5jLEBRFGETvEIIXBZCiCzLcJBlmRBCShlFETallHNEKSXg8jyHeF4DexRFYAcjcATPgIXfJEmklIDOHt854XR+ASrzS9VFFEgpBckQAIg0TWUgYoEoQEqZ5zmuJUmS5zlAhBCwcnIRPA47lFL0L0GVUlmW5XkORCxoIu0DOzxBl4wWQIUoiqDOHCLPc6UUceE6iJRSaq2xz/s4QmBgyhhVRAxmQlmIUUpprYFVFIUKhAWhdSBAZ1kGC+CfKXFoFxfgl1JiobWeoxdFYYxRShljcKq1BjTZke5TGJhzFE5ooBQz4u8iUFEUuKa1NsYAHdYzX8biYs5AF7ABzgTEqqqWy+ViscBO9SAYwZvwG1MLSTVagEyA4rhnjIGOy0Cr1cpaCxkQtnoQNiEDjMBBnEcL5nkNY6mytRYodV0757z31loXyHvvnMMFyKZBtANeGQXgH2fGmOVyWZZlXddN06wDtW2LhXOO+9vttmkaHEFGWZYAQcAnC4iOXISLvfebzWa32/V933Xd4XBo27brOu/9drtdr9eHw2Gz2QzDgAvr9dp7X1UVUgBoUkpjzFgHTPmiKGwg7/3xeLxer/f7/Xa77ff7vu93u51zrus6a+0x0Ol0ut/v1+v1eDzWdb1arSiA9TRlkVIKsVosFtbaruvO5/Pv7+/b2xt4UOokJFtRFO/v7z8/P5fLpe97RAjqM3fGXgRRQDfGWGv3+/3z8/P39/fn5yc0Qsfmlzp9fHx8fX2dTqe2bRFweB8WjDFACimlUPdVVVlrm6Y5Ho+Xy+V+v5/P56enp2EYVqvVbrerqqrrOoTn5eXl9fX1drsNw4BQww3wPnrXZAHsYll579u2BcrhEU/nXN/3+DZNMwzDfr8/HA593282m7qumanGGDbjUQCqjGmK+nLOMUHbQE0g5xyzc56+KJ15Ck0NdV5l7G5lWVZV5ZxD0Xrv60AII3ZYaKgyVD4Q5m/R9OIzEnRUURRlWUIADEIWsshZwEx/dCS4Hl1vigEzNU1TOBEZgsoogqTFYlEGYv8hsWlDReQLMKdHH08N3zI0EzbhIqQvFcQORLKJ4oWgq9mex27KcYPByPMcX6qmgykIGnQk+rxLs4+yjP/HAOqzs9IC/ehctJ1PGNCxSfXnU9NkAXoAAoIeAAF/Hv0s9Abw092wlbh4EJMk0VoDc7QA/uGbw1GOHksDM92KHXYCNgawx3HM6Qjv/jR/cerDBEZ3kTh+zRfU7M/YioEFMsQcnccceOUjwf5Mdvjle46bHOjACxmTizBac0bCJYzK89Ea6PMF51/YPQ28YbqeXIQVZkgc0xTKAOI8Nzhw4pcDJ/ahPiT9AxzT2+VIK2JeAAAAAElFTkSuQmCC" nextheight="800" nextwidth="800" class="image-node embed"><p>I also managed to put in some legwork on the redesign of the blog... yes, yes I know it's taking me an absolutely disgusting amount of time but I'm finally getting to a point where I have a complete picture of all the CSS and HTML partials in my brain - and also finally decided on a font combo that I'm 100% confident with, and that I believe represents the identity of the Gorilla Sun blog really well - here's some sneak peeks:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b015ff39547216d6b95fc8285efc4e50.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1666" nextwidth="2542" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6fe458c668d2258938cd30bc24d487df.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAIAAAD4YuoOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEOklEQVR4nHWSb0wbdRjHnxcmxvfGaMIbI2q2F8yg/CkbosuYwggdI8ASEUI0U4aYOR04Fui0jq1sBgioMzIyiKSy2OHAkCHOQRkF2o61Tbk/tD260UHpn7tbux7X+5U70x4yUtwnz4v73V3uc9/neQDDMEEQpG0IghCJRFiWJUnSZrNZrVYcx202m8ViIUlS2oEoipIkBQKBm2NjZpORuTdtnLhlujsvP4LJycloNJokCIfDkiSh/xBFUUiAEJKeQiwW4xIgnl/nOJ7n5ftPFYiiuF0QS4AQkjUIIfkoIwiCnGMnQFFU0n9tJUhqwhZP+9b/Ana7PUkgiqLH49FoNGq1uqGhoaenx2Qy9ff363Q6tVrd0tLS1dXV3Nw8PDzc2tqq0WhUKlVTUxOGYXKjkgVmszlpyJIkkSSZnp6elpaWmpqqVCobGxuLiopqa2vz8vJycnJSUlIUCkVNTU1VVVVnZ6dSqczIyBgdHZXHliwgSTJJgBCiaRrHcQzDnE4njuOG6WmCIJaXlymKInDcarXY7Xaj0UgQhM/nI0kSx/FgMCin305csLKykqRFCLEsyzAMy7L+YNAfpGn2EU3TPp+PoWmaYThunY8KHM9zHBcKhSKRCMdxLMvu7E98TZ8cEhUfMkKrXi/hcOBOyrNEeZ3k6iLudrtJgsAJwu1cZNzO8MqDRywTCscJxQnHrx8/5nk+wnFycRy3sSUQxc2SB7Wy6jXfmcLnDIx1Lro4jzxOr/ehw7FAEPa1+27BhQkUhvh1FBNRLNGLjXgPlihXzt69uVmZedlZuYqsN/akTRtmniSQQ3CSxCDkp4O8/0HM74r5nDwTCAliJLoRiorrSM65taYovtVRgQlxkiTd0s8AQDbAfoBMiHOltxc2Ei8TPgHaPKBe/O6CrU89qzg1Ct9YQGWEs472kRnW75qeUnnmYUCbD8eH4PMh+PoOnJmFRj203PvnrnXVg+mmTJpeLQAc/+RYadGhPbt3xQ0VXZuCSQcHFQSUzHnrFgOfObPfHoQDc3BgCor1fRM2SVrT/wGuYbjRD5BRB+mXIe0SvKODnAGo/Av3YOza/NqqcXZmBACOlJapz7W2fd8eF2Sc3xRMuDioccBRY/sR7WDFYH59JdRXH7v8i1pn7r3S7L5Zf/rEy7D/4L6qg9rx8au68coybWHZNcj/GQqHyztGz/dd++InXXe3BgC+PFFXoiw+eep0QnB2U3DbxUH1IpQbQIk/+9HJXydhWA84UR1YmqIugvdbaCwGyPsRCrT4Qxs9afI1uIJfLcDhITi6AO9dhwoD7LsK73cDvADwEjzz/K5XXnz1tVTI/227wAllf0P5AFSeO9QAyjMwM3uRcswPqF7/uPQ5RWEuvNUB1dr7lAG3TGAdemPbNHzwO1T8CYdHoOQ2ZF6Ad/vhzTbYrYEC9ac/3Ci4NAYfUv8C36uJrORdWlQAAAAASUVORK5CYII=" nextheight="1003" nextwidth="2000" class="image-node embed"><p>I also managed to figure out how to make a sleek dark mode toggle purely out of CSS:</p><div data-type="twitter" tweetid="1769111903895237115"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/gorillasu">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/1516050989241057281/05gwFNl3_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/gorillasu" class="twitter-displayname">Ahmad Moussa || Gorilla Sun</a>
              <p><a target="_blank" href="https://twitter.com/gorillasu" class="twitter-username">@gorillasu</a></p>
    
            </div>
            <a href="https://twitter.com/gorillasu/status/1769111903895237115" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      Dark mode toggle CSS + JS only! Not perfect, but it works <img class="twitter-emoji" draggable="false" alt="☀️" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/2600.png"><img class="twitter-emoji" draggable="false" alt="🌙" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f319.png"> 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/ext_tw_video_thumb/1769111794402934784/pu/img/2_OjRcfTABkWJhis.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/gorillasu/status/1769111903895237115" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            15
          </a>
          <a target="_blank" href="https://twitter.com/gorillasu/status/1769111903895237115"><p>22:22 • 16 Mar 2024</p></a>
        </div>
    
  </div> 
  </div><p>It definitely still needs some work but I'm happy with it at this point.</p><h2 style="position: relative;" id="h-music-for-coding">Music for Coding</h2><p>This week I've mainly been jamming out to some Ginger Root tracks after getting hooked by Loretta:</p><div data-type="youtube" videoid="i8a5tVZhEg0">
      <div class="youtube-player" data-id="i8a5tVZhEg0" style="background-image: url('https://i.ytimg.com/vi/i8a5tVZhEg0/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=i8a5tVZhEg0">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>And that's it from me this week, hope you enjoyed this week's curated list of generative art and tech shenanigans - now that you've made it through the newsletter, you might as well share it with someone that you know who might enjoy this kind of <em>content</em> - sharing the newsletter is one of the best ways to support it!</p><p><strong>If you've read this far, thanks a million!</strong><em> And if you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-47/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Le Random's First Anniversary - Combine24 Generative Art Competition - Tsubuyai Porcessing by Koma Tebe - Optical Illusions by Akiyoshi Kitaoka - Aux Arbres Largest Genart Collection in History - Naive Yearly by Are.na - Flui Typography by Utopia +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 47&quot;,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-47/&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/03/tarr-1.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:901}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-47/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/03/tarr-1.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 47</h2><p>Le Random's First Anniversary - Combine24 Generative Art Competition - Tsubuyai Porcessing by Koma Tebe - Optical Illusions by Akiyoshi Kitaoka - Aux Arbres Largest Genart Collection in History - Naive Yearly by Are.na - Flui Typography by Utopia +++ lots more</p></div></div></a></div></div><p><em>And if that's not enough, you can find a backlog of all previous Gorilla Newsletter issues here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span><em> If you're interested in sponsoring or advertising with the Newsletter - reach out!</em></p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c142f85c454b963e0c86444460ac3904.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/mathladyhazel/status/1767659965420851592">Link to Tweet</a></figcaption></figure><p></p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>web3</category>
            <category>art</category>
            <category>generative art</category>
            <category>genart</category>
            <category>code</category>
            <category>tech</category>
            <category>ai</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/a8ba8118a5207d100e887a12cb3c0168.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gorilla Newsletter 47]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-47</link>
            <guid>aJACr7x3qr0Ha0P6mylJ</guid>
            <pubDate>Mon, 11 Mar 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[Le Random's First Anniversary - Combine24 Generative Art Competition - Tsubuyai Porcessing by Koma Tebe - Optical Illusions by Akiyoshi Kitaoka - Aux Arbres Largest Genart Collection in History - Naive Yearly by Are.na - Flui Typography by Utopia]]></description>
            <content:encoded><![CDATA[<p></p><p><strong>Welcome back everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> and a heartfelt thank you to all new subscribers that joined in the past week!</strong></p><blockquote><p><strong>This is the 47th issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-47/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Le Random's First Anniversary - Combine24 Generative Art Competition - Tsubuyai Porcessing by Koma Tebe - Optical Illusions by Akiyoshi Kitaoka - Aux Arbres Largest Genart Collection in History - Naive Yearly by Are.na - Flui Typography by Utopia +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 47&quot;,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-47/&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/03/tarr-1.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:901}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-47/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/03/tarr-1.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 47</h2><p>Le Random's First Anniversary - Combine24 Generative Art Competition - Tsubuyai Porcessing by Koma Tebe - Optical Illusions by Akiyoshi Kitaoka - Aux Arbres Largest Genart Collection in History - Naive Yearly by Are.na - Flui Typography by Utopia +++ lots more</p></div></div></a></div></div><p>That said,<strong> hope you're all having a great start into the week! </strong>Let's get straight into it! <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h2 style="position: relative;" id="h-all-the-generative-things">All the Generative Things</h2><h3 style="position: relative;" id="h-le-randoms-first-anniversary">Le Random's first Anniversary</h3><p>Last week, on the 8th of March, Le Random celebrated its first anniversary marking one full year of their presence in the generative art scene. In this short span of time they've established themselves as a leading voice in the space, not just by building the largest documented genart timeline in existence, but also by amplifying the voices of the individuals that are at the forefront of this art movement:</p><figure float="none" width="100%" data-type="figure" class="img-center" style="max-width: 100%;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/a7bd66eb0a6445178a8ffafbe912dbc6.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/lerandomart/status/1766449380888854691">Link to Tweet</a></figcaption></figure><p>Happy Birthday Le Random, and thank you for all the wonderful articles and interviews throughout the past year! Naturally we also get a new piece from Monk, in which he writes about how we got to where we are today with generative art, recounting how the machine has played a crucial role in reinventing how we make art and how it greatly augments our art making capabilities:</p><div data-type="embedly" src="https://www.lerandom.art/editorial/mona-lisa-to-monogrid" data="{&quot;provider_url&quot;:&quot;https://www.lerandom.art&quot;,&quot;description&quot;:&quot;How did we transition from art that looks like Leonardo's Mona Lisa to art like Kim Asendorf's monogrid? Peter Bauman (Monk Antony) investigates the history of art's mechanization to contemplate the future of digital generativity.&quot;,&quot;title&quot;:&quot;Mona Lisa to monogrid&quot;,&quot;thumbnail_width&quot;:600,&quot;url&quot;:&quot;https://www.lerandom.art/editorial/mona-lisa-to-monogrid&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65e7514e6041cde9b18e6399_ML2mg.gif&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Lerandom&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:331}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.lerandom.art/editorial/mona-lisa-to-monogrid" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65e7514e6041cde9b18e6399_ML2mg.gif" class="false"><div class="twitter-summary-card-text"><span>https://www.lerandom.art</span><h2>Mona Lisa to monogrid</h2><p>How did we transition from art that looks like Leonardo's Mona Lisa to art like Kim Asendorf's monogrid? Peter Bauman (Monk Antony) investigates the history of art's mechanization to contemplate the future of digital generativity.</p></div></div></a></div></div><h3 style="position: relative;" id="h-combine24-generative-art-competition">Combine24 Generative Art Competition</h3><p>In other news, the Finish National Gallery just recently announced that they're organizing an open generative art competition; you can find more info about it over on the official announcement page:</p><div data-type="embedly" src="https://combine24.alusta.art/?utm_source=x&amp;utm_medium=social&amp;utm_campaign=combine24&amp;utm_content=combine24_open_call_still" data="{&quot;provider_url&quot;:&quot;https://combine24.alusta.art&quot;,&quot;description&quot;:&quot;A generative art competition by the Finnish National Gallery.&quot;,&quot;title&quot;:&quot;Combine24&quot;,&quot;mean_alpha&quot;:78.6985915493,&quot;thumbnail_width&quot;:779,&quot;url&quot;:&quot;https://combine24.alusta.art/?utm_source=x&quot;,&quot;thumbnail_url&quot;:&quot;http://combine24.alusta.art/thumbnail.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Alusta&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:355}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://combine24.alusta.art/?utm_source=x&amp;utm_medium=social&amp;utm_campaign=combine24&amp;utm_content=combine24_open_call_still" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://combine24.alusta.art/thumbnail.png" class="false"><div class="twitter-summary-card-text"><span>https://combine24.alusta.art</span><h2>Combine24</h2><p>A generative art competition by the Finnish National Gallery.</p></div></div></a></div></div><p>The submission period for the competition runs from March 1st to May 31st, so there's still plenty of time. The only requirements for your artwork are that A) it needs to make use of the provided CC0 dataset that represents the gallery's collection, and B) it to be an original work minted as a generative project on Highlight:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/365f85dd1d12643cc2d54a57c3c12d9a.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAIAAAD4YuoOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAClklEQVR4nMWST0vjQBjGs9kgscuEhITJhEAJoUgpAQmUErBrCYVSxEtBRJC5iAhBwkpApFByiIRA8TLQQ6B46UVExIvgxZvbsxc/gZd+A2/C4oxKKbvblWXZ32F45w/P8/LOw3H/BZ7nOY5rNBqWZZmmaVAcx1FVVZZlz/Mcx6lUKhBCy7IWFhY+bCAIAsdx5+fnDw8Pj4+Pt7e3z8/Pk8nk+3h8nL5wc3MzmUzu7++fnp5833/v6U/bFwSB53lRFFnLqqpqmiZJkiLLhcVFSZLAG4qiiKL4MYPf8EX4LPCf/lalVqttbW11Oh3Hcer1uu/7rVar3W63Wq2vq6uu666srGCMXQrGuFqtViqV9fV1XdfnjIUVnU4npqytrUVRhDGOoigIgiiKvoXhzs5ORgmCoN1uh/Rkd3c3juNiscj+b3ZcPOWnrtzUcGfe/Gros2oAgCzL+v0+IWQ0GiVJEobhcDjEGJ+enhJCer1enufs6uzs7Pr6mhAyGAwIIePxeDgcHh0dYYwvLi5Go1Ge52mahmF4d3e3ubn56qEoikqRZVnTNLYCACRJYgWE8DVFUy8BAJqmIYQghJIkyW8oisKCBwB4Udc0zfd90zRt2y6Xy7que55nmiZCqEzRdd2kWBSEkGVZruuWSiVWLy0tQQht215eXi6VSrZtQwir1SpC6MXAMIzBYJBl2dXVVZIkGxsb3W631+vt7++fnJzs7e1hjLvdbpqmeZ6zLauzLMMYHxwcHB4eBkEQxzEhpN/vJ0myvb19eXkZhuGcvLJoCTQVjOl6+mSO0IzKe2QhhK7rNptN3/frlEaj4Xle841arVYsFguFwrTZ9DrHmOM4URQNw0AI6bqOKKqqQgjZx6iqOl/iX/MDyfnLfvrRV4MAAAAASUVORK5CYII=" nextheight="736" nextwidth="1492" class="image-node embed"><p>If I find the time, I might give it a shot and participate. But it might be challenging for me personally at least, since I'm not generally used to making data driven works. The first idea that comes to mind is training a neural network of some sort on the dataset and then have it imagine new outputs, but that's hardly very innovative - it would still need to have some sort of creative twist. Besides, it's also been a minute since I've done anything ML related.</p><p>Another idea would be some form of generative dadaist collage, but that would also be outside of my comfort zone, and I'm not certain how you'd go about implementing it - since the final work needs to be minted on highlight, the image assets would also have to be stored somewhere. On second thought, maybe I should actually get a feel for the dataset first and then only do something with a subset of the images.</p><h3 style="position: relative;" id="h-tsubuyaki-processing-by-koma-tebe">Tsubuyaki Processing by Koma Tebe</h3><p>Koma Tebe never ceases to amaze us with his tweet sized code sorceries; in a recent creation of his he impresses with a cool metaball-esque sketch, that makes use of a cool P5 trick that I had almost forgotten about:</p><div data-type="twitter" tweetid="1762880511767097413"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/KomaTebe">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/1726542416948174849/lEC3_Ktq_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/KomaTebe" class="twitter-displayname">Koma Tebe</a>
              <p><a target="_blank" href="https://twitter.com/KomaTebe" class="twitter-username">@KomaTebe</a></p>
    
            </div>
            <a href="https://twitter.com/KomaTebe/status/1762880511767097413" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      f=0,draw=r=&gt;{for(f++||createCanvas(W=400,W),background(0),noStroke(c=128),C=circle,d=200,j=0;j&lt;W;j+=16)for(i=0;i&lt;TAU;i+=PI/24)fill(c+128),C(sin(i)*(J=j+f%32)+d,cos(i)*J+d,J/8),c=-c;C(d,d,180),fill(0),C(d,d,9*sin(f/3)+150),filter(BLUR,6),filter(THRESHOLD,.4)};//<a class="twitter-content-link" href="https://twitter.com/hashtag/つぶやきProcessing" target="_blank">#つぶやきProcessing</a> 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/ext_tw_video_thumb/1762880245630132224/pu/img/OW8sOGunbagXIUGs.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/KomaTebe/status/1762880511767097413" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            373
          </a>
          <a target="_blank" href="https://twitter.com/KomaTebe/status/1762880511767097413"><p>17:40 • 28 Feb 2024</p></a>
        </div>
    
  </div> 
  </div><p>The secret to this one is the <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://p5js.org/reference/#/p5/filter">filter()</a> function that comes out of the box with p5js, which lets you apply an image filter to all pixels of the canvas at once, such as the BLUR and THRESHOLD filters in this instance. Quickly popping Koma's code into the P5 editor and toggling off the two filters, we can get a feel for what's happening under the hood:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8ca43d3f4fa6412183526876c354b0a5.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="800" nextwidth="800" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/991b406a539146441ec0817ff53c1ed7.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="800" nextwidth="800" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1ca98096f848f9861d9ddb741e498485.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">Base Pattern -&gt; Blurred Canvas -&gt; Thresholding the pixel values</figcaption></figure><p>The blur makes it such that the outward going circular shapes on the canvas blend into each other, while the threshold clamps these values back to a saturated black or white value. This makes it such that the shapes connect in a sort of goo-y, metaball-esque manner. Which has the nice side-effect that you can get different outcomes depending on the harshness of the blur and threshold parameters. Simply a classic P5 trick.</p><p>I also recommend checking out Koma Tebe's other sketches over on Twitter, since there's lots of cool tricks that can be learned from the Tsubuyaki format. And while we're talking about code golfing, another cool one I came across recently was by Steve over on Warpcast, in which he packages an entire web page inside of a tiny cast:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/085343f865a0577b422069a620eed175.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://warpcast.com/sdv.eth/0x3b01246e">Link to Cast</a></figcaption></figure><p>Initially I had some trouble figuring out what I was looking at, but that was due to being a Firefox user... which doesn't actually render the code properly. If you're viewing the cast in Chrome you can simply highlight the content of the cast, then right click it to reveal an option that says 'go:to' to open the code snippet as page in the browser (or alternatively drop the cast content into your address bar) - which will then reveal Steve's creation: the farcaster logo made entirely out of vertical slashes and horizontal dashes. It's a neat trick, and I'm wondering what more can be done with it since you technically could also include JavaScript within such a short code snippet.</p><h3 style="position: relative;" id="h-optical-illusions-by-akiyoshi-kitaoka">Optical Illusions by Akiyoshi Kitaoka</h3><p>I frequently browse Pinterest to find inspiration for my sketches, and my latest obsession has been optical illusions - they also seem to perform really well on social media since they're really powerful eye-catchers. I recently came across one that had me do a double-take, to check if I I was actually seeing correctly - have a look for yourself:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/eafb52d604e381493d00047220a600a0.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAVCAIAAACor3u9AAAACXBIWXMAABYlAAAWJQFJUiTwAAAE3klEQVR4nJWVe0xTZxjGfw7RbUILCFRkRUWgCMoU5eYKTpw3wOEUiSIaBC+AgvUyQRcuguEmCPGSZXOLy3DqNE7HXPwDNdmIybJEvASxEeg6hKJYUUZTsGt6lnO6odE/HE++P86Xk/M93/M87/seWjoNdT8XNPyelXu6fNs3JQ3XN5VfyF/7Vc1313fWX81Zf7yq7FLx5RtZu88e2Px16Q9NO5791TM0+NxsNlskmP+DfWuxWIYGB4eeP7cJgn3L9hO72cropeAOmTjkQA4EMmYqjvsgDhSQABMhHZ98dA/vCNLHVgmCBPuz/USbIDy6316/UdPe9JvFZuNk4xLiIcQ7SkPUPpilZCvpNRAxhhj5uoOwClSevqv5qBBi/X5pufHr1Wu9j3t1Ol1TU5OdoKur69SpU+fOnTv5bX3nwLOCALVaupvVZiP9yCY8UOZDgRwvHJbiUgRrUZbg7A/vo6h1fisJpoIfrnE86G+3DP1tE2xWq9VsNg8rsLs0NDj4qoJ5pTsIZ/Ee6YhkefJhCIVIRWgB6gqYN4HpJB+CVCf8WZjHk8H2x51dj3q6B0ymvr4+k8kkvAabtARBMJvNHP8pAT9QOfp+jLoaohVMZUUtpLiRIFtWiYMKojwiqpmyBGY533pwD5DD9+cvFBcVXbx40a5gWIogCA0/NmRtybxz+7bVaqXifCp5MBvnGJzCRE/GVzt4JIMStowN2Mu4/RCFzA9VJWR63u/tKNRkNV66YDYPGo1GuwL7ucM0RqOxtbXVZDKJVRRasodE1ldIzoSQWgmpEOw5U0NMEcz2Io20QyIHke8kV9P79K7dBovF8ro5L9P8a9HeEym4wAa8KxgTCGFiGKO2Q4EjPhCLXMp8QjFjA2AuLYaWL459fvTY0TNnzhqNxq6XoNPpLBaLwWDQaDR5eXnNzc2CIFDfmEgGBMlUq4gqg3AFkSzNF1uBRLekGunu4YrgQqIPwDLflu72Rz0POzo69Hp9W1ubVqttlaCVYLdFJ6G/v1+0KK5mB1uIzIYpkOG2qAKCYBoT4vigCha548/iMkh/l/i34w/S+bilo/3Pm7duGgwG4U0QLVpzLId0wkphqyve+KzBpQpmIVuIW7REVj56cga8Bxsco0rETr7VfPvK1StarXa4/Icx3M8vCM5ciyMRIpQLypiRCcEerJOiDoXpJBUiGhjs6buRBSUwf9KdrvaBp/0Gg0Evwe7G8LNer9dqtXq9/gXBpiNpOOK8EzSwTRpEckhDeRCHAIlmCmzGsdoVL8bOp9v8h9RK9k76Hxapyz9lI8s/A39Y7pJSC7kQKPNbTWwlRHkRJr0NgCWuqw/T03d3ZARfXl7JTrFmlPOYWwcLxpMrZe4DGV6LqnhLJSbhPh91LSRPutvd9kqxv4Gg4nSSOJBXycPq8AiBGbCL0GLQyFAycSWKapiDkxr3aLHhdc/0I1MQvn8Xoaw/BB86MZM1ZWIAzPFWH2BOFgS7kiJlHgYqEvJ5Yr4/MoLdx1PFsRPB6EBcq8SWxgOypbTtSwEpeFcxSgUxdA6MUEF9Y4I4fILkgRvwS4NpMrL5ZL9Yo8S7JtdJpTXDzWsFMeUQN7mlW6yiEWSQVLedbQSliv8TAghOY9w+MQlPNbNLIUFGLiHZMAnWyWLL6Oq7NyIF/wBdv1xG55jtvAAAAABJRU5ErkJggg==" nextheight="900" nextwidth="1392" class="image-node embed"><p>If you're not color-blind then it should appear as if the grid of alternating darker and lighter green tiles is warped in some manner - but that's actually just an optical illusion, the grid is actually perfectly square! And there's no bend to it whatsoever. So, what's actually going on? I quickly did a little investigation and recreated the pattern with code, also making an alternative version with different colors:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1c6998e019d99d2a9f7e4efc892d7a69.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAIAAACHPC9vAAAACXBIWXMAAAsTAAALEwEAmpwYAAADJklEQVR4nJWWX0hTYRjGH0xluguVFKbtb9Oc7qAiZc5poF0oopsl+WdT0eVsW847QUQYS4gxRUqopfPPQGxUMNRZEMsLvZdGg/BCMBoRu3SoCV2c+M6UMt3wg3NxLp7zfr/v+d7nOy9efcWLH4BNBZvKHYEzCFiUsFW5wnCFAVsVLEpnEO5IfM0TFR7fwsufaLMATCZKr7aasRYtz57VQQSDjTyQIHtWtxYtv28GmKyLNfI02Cq5dZhM8xT0o0AeRD5jgFV3jgA1uVDwm4zYYKtz3z7EDZ7l+YWaNK2J4yWFyrL1owiwKuG7fgigG8HgNFCYnuPtC7DqRgN5R02efuQCjdRnXD+qIJt1R9BqJusI3/UHWJWerJOHwvRGAwKsOsfbh8L0wWnyJQRnNQWpzUasHBTDoYG1lDi3Fr0p9RnpWQb8hyWe3YzkiRZSCBalYL4rwKppWfyHDOz1vMXOD8eVZGvEIxHah6lZFnZ4STMdEOPBEGe2K4zeMc5/WpY53SZbqzEB8hRC4wrDYAcUfGoWKbQmbLF1Yk8P6U9STIYmIzWL1gRIkTTTvrwnmQzhxOwN9g4tyyZby5vTYbzBG84nhWLHT3qXmqVjYYe3csDIlvrI1twRkBwVpFKz2Ov9h0yL5dRsLmtZ5ilqltVokXzVBOHp8SfIWmKWVisghHz1UcKsXY6l1QrfviJR1i7HYlqNFsXP2qVZ/ImzdnmWhbhZo2WZi5M1ahbp+axJoDFRs2jPZ0221LdywNCybP6XtckQvOF8jDfQs3ScydpkCMt7kqSZdmoWO9EQsyWcP7AoxZ6eLbaOlsV/WCL1DUDBN9i5/y0pJk/R0LM0G2N3Rm7vGFfIHSEdBTE9SyG5v9qHARFH4wzi/XHllYVOjDes/SrTWk5YfPsKz25G2mIXxKQ5tti7mOmIaYgvCj5qcjtH8ImtFix2c31kVV571vb6u8wbzif+y5LahrB+VAGHJnni3sffVYT3eopgvnt5T3KikZyODyII5rvefGMcXwAM3Ya12BkkxxcbVtwROLYBKwMr49iODTRkuJkM/dX8O/Q8/Yy5XfwB7U7xIDj63xsAAAAASUVORK5CYII=" nextheight="3200" nextwidth="2400" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e51aac81f36d0cbf8150ca375bdb48aa.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAIAAACHPC9vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC9UlEQVR4nJ2WzVPaUBTFD02aoFhpFypf3bTVGYEAQuj/j0koFBEDRhbaFIYuWgzV9147SRyEzgPtorTq6/7Mze/ed87NBYANJeJfez6ZyAAkmTIWEE8CJCAgHmUMkiwDPpmsauQIfky+zWe3vErkdeXo/LJzPkampG8i7Bimy5RkTk3uWy4NO4a+CWQq7b9q0lmrf/lz8hXBtdc6v4wm3kUSWWMUzO3DShRI5R13fDQgSJd1FbOu0RpQZfvtqqb1+RqZ8vMIh5/w7yRy5SjmXdP8EmInq2y9aQ/ZrGdVVCB10B7SvjvGTvYvmm5Nj/FmwXvOlMxRMO+a5Siwk+274/aQInVQUTHrWe0hU7beYCdrfglXNYUYmN2klPJilRhmtiHKMu8a2jr2Np/9sBu8EGXM75iVNWEWbR20bwenjeqytZB4pkuRyIuy7L6Qp06zPvSRKfL5yICSzDn/weJ81BUgXWpckJB4vJCa3G8PiChLY+QjVaiqCDoGN21IPMvlfhFmSRUaI/+m18zHZT6j5bB1cRZdQeB8ZGcnWjzCCy2f/7ZriLJMnebuC7kYQ3hc460tDFluDYRZaN/W1oF0sf5pMeyATI7Ovej2W1EWbR3zbs0a+Ugvnv+BrD3CkijUFwF+PGsPs9RHARKFR7L2JJZu7fGsPYVFezhrT2fZfThrAizOP7ImytL4R9ZKwiyplayFx7ViTJhFX82aFo+wsxNRlukfWYMk5+PyTU+Yhd5lrWS5i2Hzf2bHqKrCLBrXGO0BUZP7/PlD4jUu+LCFWVJ8fznuWEnm7nyETLE+FGcZLvZXIm+6lLcGWXm/Ab/3gZ2dFGN8v1gjf27XCjHsbT6f9hrcu+lSVYV/2rzXHBwNiOOOkcpXo/A7NUIpvl9dsdZh4aWsxaXpca3+iSBT1GOgdpPZixxl+Oq6OTby8TuN5VI1ua8kc6bLraO/UrC2gfnt9PvVFTeCJC2PleXhwihllC4PmvvjRvqt+X30EEqfrW0A+AXIWkY0SdsrfwAAAABJRU5ErkJggg==" nextheight="3200" nextwidth="2400" class="image-node embed"><p>It's not a 1-to-1 copy of the pin when it comes to the placement of the pink and white geometric flowers, but the effect's still there, and even more pronounced when you scroll over the image. In the alternative version with different colors the effect didn't really come through - so it must have something to do with the actual colors! After posting it over in the birbsnest discord, Metamere jumped in explaining that it's an optical illusion invented (discovered?) by the Japanese professor Akiyoshi Kitaoka:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8c1ed930d66190dbbd5dece1ec5e0a21.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAPCAIAAAAK4lpAAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEOElEQVR4nI2Ta08iZxiGMavW3YrLIAwMJ/GwDCA4wCDnkYOCIGfFUZHhKEdxqEPtCDjFhUVitsk2zX7oZj/0Y39OP/Z/9A+00dnqatKkyZU7z/Mk897v/bwZjs+2JH3NEc1zhikiEzuC9Qaz1WVE0Xh4y+2yBjaxwCaWiAW3fK7rHzufP//Kn+XIJPMyiC8TA3f6VSGHHucScI6F47Yaw8M/FwMlg027cRRHw169c91hQ31uh9OG7mx7d7a96Jp6WS5SLctUy1I+dwIEpvmzHFb53AkBb0rAm2JbtgCBaTkEsHBcnvgff/09Efn9IOUrflfJV7N4Okmk907rpVIufYwnq+VsMuJPRf3pVCQV9eOJ7cx+pJLDM3ikXkpnDmLp1F1bzOyyepAM4Yngo0HIo1Gsb/OB+dxh7LdPH78/q122z8ZD5o5Bj+m2P3386bRZ3yFK4XQmSuRj2WIiW4gReV98N07kkrli6IjYLzdj2WKYOEnmSlEi7w2HHw0CGCye5Sgg7iq8iNlRRLsEr8jhZdkqvIiuvUF0K+gavLQgFitkoFQikkrECplICoFSSCSFRHLZvFggkkJihRyUSgQSCU/IE4hFkEz8VYINtUjIk4BczI56MUs06N1P7MTDW6Ftd2gLiwa9AY/jMBVJhLzpVCQW9Aa81k3MvBvx44lgKupPhHzpVCTid0X8rvzhLnGQwBNBm0ktAbmPBmLhHAhMlovHw/4lTZ0O+5dMt810222yxnQoptsmGyWm2x6P+qNBt5A97NHnTIeiqebNO6ZeyQ/7nTZZO6sWaKrptBksplXVsvS5gQT8di8eHA961XKWbJRo6pT9hqGpNlmjyCrTbe8ndiiyWq/kWo2Ts2qBIqvNap5I75GNUr2SbzVOysXjvXhww4kGNl0PHg8JpgtZvPMD2aVbZKPEao8+r1dy9Uru9uZ6POgd48kvw3KGpppntWK9kmMT10qZQhYnG6UP798x3TZxkHzyBmLhHMSfOUxF6pUcRVYpskpTp6PBFdOh2Pven0J36VYhi48HvfGQYSOOBt1W4+T25vrt1QW7VZZCFke0S08SQPyZHIGPBlcsw/7lLx9ue/T5eNT/+f3NBdW8oBrs7VxOkxezWExqp83gxSyYHcXsaMDjcNoMTpvBsa7H7KjDgjwxAIGXcghYg5UbVr0d1WxhZpdFt46sbGFmn9PosuisiMqgVnocBiuiEr7iADMc4dwECEze6/S/P/YkW7PFk0cWAK+UktcKWA2pV5VajVJvXNDqFvWIUm9Y0OoWtPoVs33ZaFbqjSsOj87pRtdgvWbpYcv3zD9tH/myIpHgZXA72Gz3ze6YymiAEeQOk0mzvg6bUNiEqhDkjW4VRtZgBEG0KxqV8r9OfG5gRRb43KnpSU4mvNlvnSnkqvkZDjj3Qjg38YyHIZ/7QsD7RgDM/B/+AYr+WxUiSy/7AAAAAElFTkSuQmCC" nextheight="650" nextwidth="1396" class="image-node embed"><p>Turns out this specific pattern is called Primrose Field, and comes in different versions, it also works when the grid is grayscale and the geometric flowers are alternatingly black and white. But that's just one of many, many more optical illusions that Kitaoka has created - he's actually been documenting his works since 2002 over on a page titled Akiyoshi's illusion pages:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/830b300014b88902bbdcc0290560d074.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.ritsumei.ac.jp/~akitaoka/index-e.html">Link to Akiyoshi's illusions pages</a></figcaption></figure><p>It's essentially a treasure trove for all sorts of different optical illusions - with a big focus on those that are still images but appear to be in motion whenever your gaze shifts, or when they fall into your peripheral vision. What's more is that Akiyoshi's illusions have made it onto quite a few influential album covers, such as <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://en.wikipedia.org/wiki/Animal_Collective">Animal Collective</a>'s critically acclaimed album, <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://en.wikipedia.org/wiki/Merriweather_Post_Pavilion_(album)"><em>Merriweather Post Pavilion</em></a>, as well as <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://en.wikipedia.org/wiki/Lady_Gaga">Lady Gaga</a>'s 2013 album <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://en.wikipedia.org/wiki/Artpop"><em>Artpop</em></a>. You can learn more about Kitaoka's life over on Wikipedia:</p><div data-type="embedly" src="https://en.wikipedia.org/wiki/Akiyoshi_Kitaoka" data="{&quot;provider_url&quot;:&quot;http://wikipedia.org&quot;,&quot;description&quot;:&quot;Akiyoshi Kitaoka is a Professor of Psychology at the College of Letters, Ritsumeikan University, Kyoto, Japan. In 1984, he received a BSc from the Department of Biology, University of Tsukuba, Tsukuba, Japan, where he studied animal psychology (burrowing behavior in rats) and (at the Tokyo Metropolitan Institute for Neuroscience) neuronal activity of the inferotemporal cortex in macaque monkeys.&quot;,&quot;title&quot;:&quot;Akiyoshi Kitaoka - Wikipedia&quot;,&quot;mean_alpha&quot;:42.5738888889,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://en.wikipedia.org/wiki/Akiyoshi_Kitaoka&quot;,&quot;html&quot;:&quot;<p><b>Akiyoshi Kitaoka</b><span style=\&quot;font-weight: normal\&quot;> (<span title=\&quot;Japanese-language text\&quot;><span lang=\&quot;ja\&quot;>&amp;#21271;&amp;#23713; &amp;#26126;&amp;#20339;</span></span>, <span title=\&quot;Hepburn transliteration\&quot;><i lang=\&quot;ja-Latn\&quot;>Kitaoka Akiyoshi</i></span>, born August 19, 1961)</span> is a <a href=\&quot;https://en.wikipedia.org/wiki/Professor\&quot; title=\&quot;Professor\&quot;>Professor</a> of <a href=\&quot;https://en.wikipedia.org/wiki/Psychology\&quot; title=\&quot;Psychology\&quot;>Psychology</a> at the College of Letters, <a href=\&quot;https://en.wikipedia.org/wiki/Ritsumeikan_University\&quot; title=\&quot;Ritsumeikan University\&quot;>Ritsumeikan University</a>, <a href=\&quot;https://en.wikipedia.org/wiki/Kyoto\&quot; title=\&quot;Kyoto\&quot;>Kyoto</a>, Japan.\n</p><p>In 1984, he received a <a href=\&quot;https://en.wikipedia.org/wiki/BSc\&quot; class=\&quot;mw-redirect\&quot; title=\&quot;BSc\&quot;>BSc</a> from the Department of <a href=\&quot;https://en.wikipedia.org/wiki/Biology\&quot; title=\&quot;Biology\&quot;>Biology</a>, <a href=\&quot;https://en.wikipedia.org/wiki/University_of_Tsukuba\&quot; title=\&quot;University of Tsukuba\&quot;>University of Tsukuba</a>, Tsukuba, Japan, where he studied animal psychology (burrowing behavior in rats) and (at the Tokyo Metropolitan Institute for Neuroscience) neuronal activity of the inferotemporal cortex in macaque monkeys.\n</p><p>After his 1991 <a href=\&quot;https://en.wikipedia.org/wiki/PhD\&quot; class=\&quot;mw-redirect\&quot; title=\&quot;PhD\&quot;>PhD</a> from the Institute of Psychology, University of Tsukuba,<sup id=\&quot;cite_ref-1\&quot; class=\&quot;reference\&quot;><a href=\&quot;https://en.wikipedia.org/wiki/Akiyoshi_Kitaoka#cite_note-1\&quot;>[1]</a></sup> he specialized in <a href=\&quot;https://en.wikipedia.org/wiki/Visual_perception\&quot; title=\&quot;Visual perception\&quot;>visual perception</a> and <a href=\&quot;https://en.wikipedia.org/wiki/Visual_illusions\&quot; class=\&quot;mw-redirect\&quot; title=\&quot;Visual illusions\&quot;>visual illusions</a> of geometrical shape, brightness, color, in motion illusions and other visual phenomena like Gestalt completion and <a href=\&quot;https://en.wikipedia.org/wiki/Perceptual_transparency\&quot; title=\&quot;Perceptual transparency\&quot;>Perceptual transparency</a>, based on a modern conception of <a href=\&quot;https://en.wikipedia.org/wiki/Gestalt_Psychology\&quot; class=\&quot;mw-redirect\&quot; title=\&quot;Gestalt Psychology\&quot;>Gestalt Psychology</a>.<sup id=\&quot;cite_ref-2\&quot; class=\&quot;reference\&quot;><a href=\&quot;https://en.wikipedia.org/wiki/Akiyoshi_Kitaoka#cite_note-2\&quot;>[2]</a></sup>\n</p>&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Wikipedia&quot;,&quot;thumbnail_url&quot;:&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Peripheral_drift_illusion_rotating_snakes.svg/1200px-Peripheral_drift_illusion_rotating_snakes.svg.png&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:900}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://en.wikipedia.org/wiki/Akiyoshi_Kitaoka" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b5/Peripheral_drift_illusion_rotating_snakes.svg/1200px-Peripheral_drift_illusion_rotating_snakes.svg.png" class="false"><div class="twitter-summary-card-text"><span>http://wikipedia.org</span><h2>Akiyoshi Kitaoka - Wikipedia</h2><p>Akiyoshi Kitaoka is a Professor of Psychology at the College of Letters, Ritsumeikan University, Kyoto, Japan. In 1984, he received a BSc from the Department of Biology, University of Tsukuba, Tsukuba, Japan, where he studied animal psychology (burrowing behavior in rats) and (at the Tokyo Metropolitan Institute for Neuroscience) neuronal activity of the inferotemporal cortex in macaque monkeys.</p></div></div></a></div></div><p>I'll probably try and recreate some more of his works and maybe even try to come up to remix them in a generative manner.</p><h3 style="position: relative;" id="h-on-sdfs-by-inigo-quilez">On SDFs by Inigo Quilez</h3><p>Inigo Quilez made a full rewrite for one of his stellar articles about SDFs, in which he introduces smooth-minimums and how they allow us to blend 3D shapes in a smooth manner:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/d3657d742cfc33d591044287c83b075d.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/iquilezles/status/1765935148091261277">Link to Tweet</a></figcaption></figure><div data-type="embedly" src="https://iquilezles.org/articles/smin/" data="{&quot;provider_url&quot;:&quot;https://iquilezles.org&quot;,&quot;description&quot;:&quot;Tutorials and articles of Inigo Quilez on computer graphics, fractals, demoscene, shaders and more.&quot;,&quot;title&quot;:&quot;Inigo Quilez&quot;,&quot;author_name&quot;:&quot;Inigo Quilez&quot;,&quot;url&quot;:&quot;https://iquilezles.org/articles/smin/&quot;,&quot;thumbnail_url&quot;:&quot;https://iquilezles.org/logo.jpg&quot;,&quot;thumbnail_width&quot;:1920,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Iquilezles&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1080}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://iquilezles.org/articles/smin/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://iquilezles.org/logo.jpg" class="false"><div class="twitter-summary-card-text"><span>https://iquilezles.org</span><h2>Inigo Quilez</h2><p>Tutorials and articles of Inigo Quilez on computer graphics, fractals, demoscene, shaders and more.</p></div></div></a></div></div><h2 style="position: relative;" id="h-web3-news">Web3 News</h2><h3 style="position: relative;" id="h-the-largest-genart-collection-in-history-aux-arbres">The largest Genart Collection in History: Aux Arbres</h3><p>A couple of days ago the minting period for Zanca's Aux Arbres concluded - and with over 70 thousand mints it indubitably went down as the largest blockchain art collection in history. A factor that played into this exorbitant number of mints likely has to do with the fact that Zancan's system kept revealing new types of variations, colors and patterns whenever a certain mint-number milestone was reached:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/de6cad3fd1381865bc2bf1316a52807d.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">Aux Arbres #72806 collected by yours truly</figcaption></figure><p>Some of the rarer variations that were revealed later throughout the minting will likely be highly valuable collector pieces in the future, for instance the honey-comb variation that was one of the last ones to be revealed, as well as a cool Smolskull crossover:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/a7ef911e03cee18a601aacaea3577bce.jpg" alt="Image" blurdataurl="data:image/png;base64,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" nextheight="849" nextwidth="1200" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/ab1e5ab33b7f17e32b09d01fe2dfd27b.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">#74213 minted by <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://twitter.com/MorpheusSomnia">@MorpheusSomnia</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/mknol/status/1764643449997848920">Link to Mark Knol's Tweet</a></figcaption></figure><p>After being asked about if there were still variations that were unrevealed, Zancan reveals to us that these variations weren't actually part of the original script but were added in during the minting of the project!</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/51fa723b2b3425e44f4d7e881858537b.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/zancan/status/1766598996401783233">Link to Thread</a></figcaption></figure><p>If Zancan hasn't already cemented himself as one of the greatest contemporary artists then this should do it, we'll likely still be talking about Aux Arbres for many years to come. I'm happy I didn't sleep on this one and have a few in my own (meager) collection.</p><h3 style="position: relative;" id="h-artblocks-self-publishing-announcement">ArtBlocks Self-Publishing Announcement</h3><p>Last week Art Blocks made quite a big announcement, unveiling that with their recent acquisition of Sansa the platform is currently in the process of creating an environment that will make it possible for artists to self-publish their generative projects:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/38cdf1048827134429223f65185c87ba.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/artblocks_io/status/1765800537667084652">Link to Tweet</a></figcaption></figure><p>It is however not entirely clear how <em>open</em> this new branch of Art Blocks will be, considering that projects which weren't <em>Art Blocks curated</em>, still had to undergo some form of curatorial audit before obtaining a stamp of approval for being released. In other news, WTBS also made an announcement that they're recording an episode with Erick, and I believe that we should be getting more information about the upcoming changes to Art Blocks in that conversation:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e10c86e4cb52011fd4ef1559f75987d8.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/WaitingToSign/status/1765882457755206120">Link to Tweet</a></figcaption></figure><h2 style="position: relative;" id="h-web-and-tech">Web &amp; Tech</h2><h3 style="position: relative;" id="h-naive-yearly-by-arena">Naive Yearly by <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://Are.na">Are.na</a></h3><p>I must confess that when I first came across <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://Are.na">Are.na</a>, I didn't really get it - it simply seemed like a place for collecting things you find on the internet, and I can already do that in any kind of note taking app, so what's the point?</p><p>But I slowly came around, <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://Are.na">Are.na</a> is a distraction free place on the internet where you can not just collect ideas and arbitrary types of content, but it also lets you organize your thoughts and give them structure, while providing social features tailored towards this end. If you're not familiar with <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://Are.na">Are.na</a>, this article by Jil Wright describes it beautifully, explaining how she uses the platform as someone that has an information addiction (just like me):</p><div data-type="embedly" src="https://medium.com/@jilwright/using-are-na-for-research-2b9274c8429" data="{&quot;provider_url&quot;:&quot;https://medium.com&quot;,&quot;description&quot;:&quot;Aren.a is an online platform that I've started using for personal knowledge management and collaboration.&quot;,&quot;title&quot;:&quot;Using Are.na for Research&quot;,&quot;mean_alpha&quot;:254.58632287,&quot;author_name&quot;:&quot;Jil Wright&quot;,&quot;url&quot;:&quot;https://medium.com/@jilwright/using-are-na-for-research-2b9274c8429&quot;,&quot;thumbnail_url&quot;:&quot;https://miro.medium.com/v2/resize:fit:1200/1*212M2AjxAKPAAzyYQ9wqbw.png&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Medium&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:669}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://medium.com/@jilwright/using-are-na-for-research-2b9274c8429" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://miro.medium.com/v2/resize:fit:1200/1*212M2AjxAKPAAzyYQ9wqbw.png" class="false"><div class="twitter-summary-card-text"><span>https://medium.com</span><h2>Using Are.na for Research</h2><p>Aren.a is an online platform that I've started using for personal knowledge management and collaboration.</p></div></div></a></div></div><p>Every year <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://Are.na">Are.na</a> holds a conference gathering people who expand <em>what the web is and can be</em>. They document this conference in form of a web page with pieces that compliment the talks given by the invited speakers:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e8b7082499ac0b23480ce1db7ec57dbe.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/AREdotNA/status/1765846368147353888">Link to Tweet</a></figcaption></figure><p>I highly encourage you to <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://naive-yearly.are.na">explore those pieces</a> (by clicking on the speaker names in the list on the right) - my favorite is Maya Man's eulogy for Google's 'I'm Feeling Lucky' button that found the end of it's lifespan in 2010. That said, if you're not on <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://Are.na">Are.na</a> yet, go check it out!</p><h3 style="position: relative;" id="h-retrofitting-fluid-typography">Retrofitting Fluid Typography</h3><p>Choosing fonts and an appropriate font-size for different text elements in a web page's UI is often more involved than it seems. In the age of responsive web design it often makes sense to scale font-sizes depending on the size of the browser's viewport that's displaying the page; and the most common solution nowadays is to apply a different <em>font-size</em> value whenever one of these breakpoints takes effect. This is a bit cumbersome as you'll have to create quite a few media queries in which you define the font-size values. Richard Rutter recently wrote an interesting article in which he takes a different approach that calls itself Fluid Typography:</p><div data-type="embedly" src="https://clagnut.com/blog/2428/" data="{&quot;provider_url&quot;:&quot;https://clagnut.com&quot;,&quot;description&quot;:&quot;As part of my forthcoming Patterns Day talk I decided to rebuild the newly redesigned Creative Boom article page using Utopian fluid typography to replace its multitude of breakpoints. This is the story of why and how.&quot;,&quot;title&quot;:&quot;Retrofitting fluid typography&quot;,&quot;mean_alpha&quot;:82.7170634921,&quot;author_name&quot;:&quot;Richard Rutter&quot;,&quot;url&quot;:&quot;https://clagnut.com/blog/2428&quot;,&quot;thumbnail_url&quot;:&quot;https://clagnut.com/images/2428/social.png&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Clagnut&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://clagnut.com/blog/2428/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://clagnut.com/images/2428/social.png" class="false"><div class="twitter-summary-card-text"><span>https://clagnut.com</span><h2>Retrofitting fluid typography</h2><p>As part of my forthcoming Patterns Day talk I decided to rebuild the newly redesigned Creative Boom article page using Utopian fluid typography to replace its multitude of breakpoints. This is the story of why and how.</p></div></div></a></div></div><p>Fluid Typography disposes of breakpoints and interpolates font-sizes depending on minimum and maximum values. It's a novel<em> </em>concept suggested by Utopia, which isn't a tool or framework, but rather a way of thinking about type and space in web design in a fluid manner. Although it sounds a little pretentious, I recommend giving Utopia's introductory video a watch, where they explain the concept and overall approach:</p><p>Over on their website they provide a couple of free tools, like font calculators, for you to use and get started with fluid typography yourself:</p><div data-type="embedly" src="https://utopia.fyi/" data="{&quot;provider_url&quot;:&quot;https://utopia.fyi&quot;,&quot;description&quot;:&quot;Fluid responsive design&quot;,&quot;title&quot;:&quot;Utopia&quot;,&quot;mean_alpha&quot;:255,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://utopia.fyi/&quot;,&quot;thumbnail_url&quot;:&quot;https://utopia.fyi/og.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Utopia&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://utopia.fyi/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://utopia.fyi/og.png" class="false"><div class="twitter-summary-card-text"><span>https://utopia.fyi</span><h2>Utopia</h2><p>Fluid responsive design</p></div></div></a></div></div><h3 style="position: relative;" id="h-css-scroll-triggered-animations">CSS Scroll-triggered Animations</h3><p>Modern CSS is truly a treat - Ryan Mulligan recently wrote an interesting article about scroll-triggered animations that are purely done with CSS:</p><div data-type="embedly" src="https://ryanmulligan.dev/blog/scroll-triggered-animations-style-queries/" data="{&quot;provider_url&quot;:&quot;https://ryanmulligan.dev&quot;,&quot;description&quot;:&quot;Combine scroll-driven animations and style queries to trigger an animation sequence powered only by CSS.&quot;,&quot;title&quot;:&quot;CSS Scroll-triggered Animations with Style Queries&quot;,&quot;mean_alpha&quot;:255,&quot;author_name&quot;:&quot;Ryan Mulligan&quot;,&quot;url&quot;:&quot;https://ryanmulligan.dev/blog/scroll-triggered-animations-style-queries/&quot;,&quot;thumbnail_url&quot;:&quot;https://ryanmulligan.dev/social/scroll-triggered-animations-style-queries.png&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Ryanmulligan&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://ryanmulligan.dev/blog/scroll-triggered-animations-style-queries/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://ryanmulligan.dev/social/scroll-triggered-animations-style-queries.png" class="false"><div class="twitter-summary-card-text"><span>https://ryanmulligan.dev</span><h2>CSS Scroll-triggered Animations with Style Queries</h2><p>Combine scroll-driven animations and style queries to trigger an animation sequence powered only by CSS.</p></div></div></a></div></div><p>His article is inspired by an experiment from last year by Bramus van Damme that's also worth a read:</p><div data-type="embedly" src="https://www.bram.us/2023/06/15/scroll-triggered-animations/" data="{&quot;provider_url&quot;:&quot;https://www.bram.us&quot;,&quot;description&quot;:&quot;When you combine Scroll-Driven Animations with Custom Properties, Style Queries, and Transitions you hack your way into creating Scroll-Triggered Animations.&quot;,&quot;title&quot;:&quot;Creating Scroll-Triggered Animations by combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions&quot;,&quot;author_name&quot;:&quot;View more posts&quot;,&quot;thumbnail_width&quot;:864,&quot;url&quot;:&quot;https://www.bram.us/2023/06/15/scroll-triggered-animations/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.bram.us/wordpress/wp-content/uploads/2023/06/scroll-triggered-animations-025-10fps.gif&quot;,&quot;author_url&quot;:&quot;https://www.bram.us/author/bramus/&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Bram.us&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:540}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.bram.us/2023/06/15/scroll-triggered-animations/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.bram.us/wordpress/wp-content/uploads/2023/06/scroll-triggered-animations-025-10fps.gif" class="false"><div class="twitter-summary-card-text"><span>https://www.bram.us</span><h2>Creating Scroll-Triggered Animations by combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions</h2><p>When you combine Scroll-Driven Animations with Custom Properties, Style Queries, and Transitions you hack your way into creating Scroll-Triggered Animations.</p></div></div></a></div></div><h2 style="position: relative;" id="h-ai-corner">AI Corner</h2><h3 style="position: relative;" id="h-why-future-ai-wont-revolve-around-chatbots">Why future AI won't revolve around Chatbots</h3><p>The hype around our AI powered chat partners has yet to die down - and deservedly so, they've proven themselves to be extremely powerful tools for all sorts of tasks. We are however still limited in that our only means of communicating with them is through a prompt based interface. Fast Company discusses this issue in a recent article of theirs and showcases three companies that have already leveraged LLMs in innovative manners:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c141fcb20c3f58de4493bc0187d06edd.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.fastcompany.com/91034315/these-three-companies-show-why-the-next-ai-wave-wont-revolve-around-chatbots">Link to Article</a></figcaption></figure><p>For instance, the second example they provide, a company pitted two LLMs against each other in a sort of conversation to come up with new ideas:</p><blockquote><p>He started playing around with the idea of combining two <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://www.fastcompany.com/90826178/generative-ai">large language models</a> (LLMs), one to gather travel data and the other to analyze company spending. What if those two LLMs had a kind of conversation? And what if they instructed one of those LLMs to act as if it were a CFO who needed to prepare a board presentation on how to save money on corporate travel?&nbsp;</p></blockquote><p>A relevant article in this regard is by Amelia Wattenberger back from 2023, in which she had already identified this same issue and also tackles it from a UI perspective titled "<a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://wattenberger.com/thoughts/boo-chatbots">Boo Chatbots</a>"</p><h3 style="position: relative;" id="h-an-ai-masterpiece-better-than-dune-2">An AI masterpiece better than Dune 2</h3><p>This one isn't educative in the least bit, but as someone who's attempted to make ASCII art with ChatGPT's help, I highly enjoyed watching this dramatic chat of someone with far more patience that I do:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/75380ecc92feae3874f9eb11c77fdeea.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/petergyang/status/1765611617960747246">Link to Tweet</a></figcaption></figure><h2 style="position: relative;" id="h-gorilla-updates">Gorilla Updates</h2><p>I've been deep, deep in CSS hell again this past week, in an attempt to figure out a relatively decent design for a new landing page for the Newsletter, and there's still not much to really show right now, except a big stinkin pile of broken CSS. I did however find a little bit of time for some generative shenanigans - I already mentioned the little Akiyoshi Kitaoka inspired optical illusion sketch earlier - but I also explored another idea that involves a triangular lattice inspired by yet another thing I saw on Pinterest:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/f3360cce30d4db44b1eb24232320adb9.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAIAAAAuOwkTAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEsklEQVR4nJWVT6jcRBzHQ0+9Fg8LhQdCoVCp9PCwsLpYVFBW3uHBw9AuPEQMZdt3CESIBJpiylZySM1hCysEAuaw4MiIaecSJRokbUMJOC2ho+Ywh1iCRlz6Vppn0xLZzGu6ffVQP4dhdmYzv7/zHW4+n1uWZZomhNAwDKfBtm2E0HQ6NQwDIWTbtuM4hJCyLOu6ZmP1NPVjHjVz/N0Pxvun7xV/cvP5nOd5juMEQeCW2Ldv39ra2v79+9sV13Wrqsrz3DTNvKE9dD6f27at6/qnFy9e0LQ/tu+xT17hOC5NU0ppURRZlrFxNpsx39k6pZRtEUJms1lVVVevXIUQuq57/dr1MAw9z4uiKAzDLMsopbdu3dp5+PBcf+NljvvxS8hRSpPHpGmaZVkQBJqmIYQsy8qyrN1NkmQ2m9V1bdu2ZVmXjEuXL1/WG8bjMYSQEJI1tJHVdb0wQBqSJLEaVFUdjUZJkiiKMh6Pl/8wb+h0Ouvr691u9+jRo91u9/jx4/1+f319vdfrra6ubmxslGX5YGfn/vb2o6rajYCdIooiavB9P4oi13UlSXJdl+22EfT7/RMnThw+fLjb7bKCL7Nc8CcReJ5nGIYsy5IkOY4DABiPxxhjAICmaXsMMCdAg+d5QRCw0W8IggBj/MRAlmW+70uSBADAGLOETqfTyWSCMbYsy/f9PM/bFJVl+aEgnDx1ShCEYYMgCB80sJWtrS1FURzH8TwvyzIuz3NFUQzDcF3Xtu04jpl3CCHTNAeDgWEYAIA0TVkEVVXhm9GNa2HQEIaLCULI8zzmvud5cRxXVeW6LsZ4EYEoimaDpmkYY8dxRqMRAECWZdu2gyCQJMmyrDRNWYpeeHfz9IXPyO3bYXitzdueMrA+LstyEcGkgRASRVHrQtgQBEEURXEcy7Ls+/4/OzsPqmpxhV56TTx75j3+5HA4pJTuudhlWYqiyPM8pXRRZIyxoiiaprmuu7m5qeu6ZVmKokRRBAAQBMG27eFwCABgPXP39+Lv+/fr52O3iyilCCFRFC3LYl67rhvH8WQymU6nEELP89psPFr4+/BZFfrPZt29B4SQNE1VVQ2CgIldkiSGYdi2nec5bWBSUde1ZVm6rkMInzeCJEkwxoQQlhlN0xRFwRirqspuGfOgjSB+DBMGZr6dUErTNC2K4okBJkGt2OV5DiHUdV3TNHZ0KxXMQHsuE0o2Lk8IIa3WLtrUcRxJkuQGAADbNk3T87w0TZ818L9YtOlgMDhw4ECn0zly5MixY8fW1tYghBhjdrnI0wZYF7ZlZD/Lstzz/lRVVRTF7j0YDAYHDx7sdDovNqysrBw6dKjX6wEAWiltpaKqqrNbW5L0kaqeG41GkiSpqvpsL1VV1ev1fN9fpEhRlH6/z/P8YDDgeV6SJE3TZFlGCGGM2yDaFP3yMyHkDntqwjCMoujub3dZYZb5PgiKolgYmEwmrAaSJLH+Yy8zAABCGIYhpdT3fYTQbPbXIq0N4Y2b58+fN4xLn2gXJpPP2SdLfPHxmTfuJD9xTCGYMIRhGMdxmxPmNWtijHEcx0wV3nn7rTdff5UQAuHXCCHXveJ53zKtXuabr6Zp+uu/WIYZc2UfZhEAAAAASUVORK5CYII=" nextheight="1346" nextwidth="1974" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/870009c18dea9311e8b825fd3c0e60b9.jpg" alt="Star Tetrahedron Bilder – Durchsuchen 989 Archivfotos ..." blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAC4jAAAuIwF4pT92AAADYElEQVR4nNWWsYv6SBTHpxSusxDORkSxEQsbiwQJCRyEIEgKBYslV0wlKeSKk2tOUohcdc2BIMgikmaxkkEk1SDiP5BK7K1EJLABCcM7mGFz+/Nc1/2xW/w+VTLz3nznzbw3Mwi+GPQha8b5MQWiKAKAMSf+/UwBADgejz9zjsfj/V53CUR8vu12+w9Ou92+P4j3BRhf9O12WygUzpxCobDdbuOujwkwxqJvCcMQAAzDGA6HwmY4HBqGAQBhGF4Y/1/ynQgYd5jP55Ikvc4iSZLm8/k9QXwjEEURxrhWq3W7XcuyHh4eLMvCGCeTSUrpawFKaTKZxBjHZt1ut1arYYwv9uY/AeGZSCQQQoZhEEIWi8VqtapWq6qqAsD5fBYC5/MZAFRVrVarq9VqsVgQQgzDQAglEomLsC4FNptNsVjEGEuSRClljOm6vtvtXruJj91up+s6Y4xSKkkSxrhYLG42mzcFxBwBoNVqjcdj3/d1XUcIpVIpSunfnH844ptSmkqlEEK6rvu+Px6PW61WPMitTT4cDplMhjEWBAF6wbZtx3E6HMdxbNuOu4IgYIxlMpnD4fDOJsfR9Xo9y7JM03RdV5Zl27ZVVSWECBtCiKqqtm3Lsuy6rmmalmX1er2rSXUlAmGUTqez2SwAjEYj0zSDIFA4qqoqihIEgWmao9EIALLZbDqdfitlr9cBY6xSqYhMBwBZlieTCQD8wgGAx8dHWZZF73w+r1QqbxXE9SVyHKfRaADA8/MzAHieVy6XRbvjOABQLpc9z4sNGo2GaL9riU6nUy6XC4JAOJx5VpimOZ1O/+JMp1PTNOPKAIAgCHK53Ol0eicCMVa9Xh8MBqKwGT+aAGC/38uy/BtHluX9fn9hMBgM6vX6rTQVc1kul5qmiQPuomsymYi8FPtxsRphGGqatlwubxUaAJRKpWazuV6vXdedcZ6enmazGSHE8zwh4HkeISTums1mruuu1+tms1kqlW4tURiGnU7H4vz6AsYYIZTP5x3H+YnjOE4+n0cIYYxjM+HV6XQuor/ruCaEaJoGAH9yAEDTNFF3Hzuub1w4Gh9RZFGs9wkXDrzM0fd9RVF+5yiK4vv+d16ZV4l4Ivb7fbHJ/X7/My/91wgB+LqHl8v5qocX/Nhv0+/mX7uVPXHhQ4wGAAAAAElFTkSuQmCC" nextheight="360" nextwidth="360" class="image-node embed"><p>I thought that the unfolded cutout for the star tetrahedron looked really cool - from an artistic POV it's more interesting than the actual 3D shape that it forms, to me at least. Apparently these are called nets:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/d46213c6d08e3823f723ab45cf27b6d8.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAICAIAAAAX52r4AAAACXBIWXMAABYlAAAWJQFJUiTwAAACyElEQVR4nD1RS0hUYRS+k8ggMjqjzvvO877///7/nfvfO4/Gq42ZaVFEm1ZBixZZRIuRTMnCWvSA3IRuJBKEiAasHEmIEoxaKUq0KFJxURGY+ah0IopuXAeCj8PhcM75zvk+CspqtrGJaGmVpDQ9k84YWaM5lTGMphzRM1jR9ORulaQajeZkKpvOGLmWtkiUrXbUueo8Tpen1um2VVRRNrvNZqeoCpvNXllZTdnslfYah6PO7fFTfjrOcDIdZnyBkC8QisW5SIQJhuN0hAmGYv5gOEBHA3Q0EmXLlXCE8frp+gav0+VxOt31Dd7GrNHW1rGnZf/eI0eb97WrTbnW1jZFSyUbjXCEoRAxWg4cx4kMy4qCKHMClACSgIIw4QWIFR1ighQNyCrHA4YVeVGGshqKsrVOt72qVpLQ8MhIYWLi5+rq5/uFh4ODIydOvllaunft+oNkLp/PUywnWfOY4IQGZVVJaKKEkKJJAPECVElKSWgQE0XVkaIJIiJ6RoI4EIo5XR673SEmtNHeS4UbNzc3N5YHbo/2Xx3qOPRuYWFhbr5wa+DR2JhFsGNAGikawqScAKhakFXFIkgKIoKYwJ0jVGI1s6xEh+MUVSnr6a8vX/14+vz7ypeSaa6srb399GF5fX2jtP3LNB+Pj1MMI2JF53hYFoHjgAQxywMRYKzo5dUAYoStP4CsAoiVRBJiIgHk8wZ8DD9y6sxHatcsVT88NPStVJqfmiow5Nmdu39NszhetD6AMhF2ZAGyKkEMoHW4tVFWBQkBWWU5EKCjwVDMFwhZ/u8gGIq5XG4eoLXFxd/TL/7Mzm1vbZmm+X5mZrr18Oti0TTNySeTlD8Y5UU5zvAMK3I8ZDkQZ3hRQiwrRqIsx4M4I3j9dLXD5aip/49qR105en3BzrPnuvuvdPVdPt/dk8939V7sO9Z5uutCb09Pb3vHwX+kVNFVe4txzgAAAABJRU5ErkJggg==" nextheight="376" nextwidth="1480" class="image-node embed"><p>Looking just a little bit more into it, if you're looking for an algorithm to unfold a 3D shape onto a 2D plane you'd probably be looking at <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://computergraphics.stackexchange.com/questions/8774/unfold-a-3d-mesh-to-a-2d-plane">UV unwrapping</a>. But yet again, I was all out of time for exploring internet rabbit holes this week... so maybe that's something better left for next week. And that's not really what I wanted to do in the first place, I just wanted to generate some interesting triangle patterns, so I started out simple and just did a little grid/lattice in which I apply some random rotations to the individual triangles, and I feel that there's already something there:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3e25cd9f52919bdd2f213b0cc0a6f442.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="3200" nextwidth="2400" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8b40f5bc2f7cd06f8923cca4267d8180.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="3200" nextwidth="2400" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2c6bf193a01b6b189fdfd805d02a7ae6.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="3200" nextwidth="2400" class="image-node embed"><p>Besides that I also finally got another idea out of my system that I've been thinking about ever since I made my sketch for Genuary 2024's Wobbly prompt - and it turned out differently from what I had envisioned, but in a good way actually! In my mind I was envisioning a circular thing that had wavy bands shooting outwards from the center, but it ended up looking somewhat 3D, with the bend of the bands conveying some sort of additional depth:</p><div data-type="twitter" tweetid="1766939571529363628"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/gorillasu">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/1516050989241057281/05gwFNl3_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/gorillasu" class="twitter-displayname">Ahmad Moussa || Gorilla Sun</a>
              <p><a target="_blank" href="https://twitter.com/gorillasu" class="twitter-username">@gorillasu</a></p>
    
            </div>
            <a href="https://twitter.com/gorillasu/status/1766939571529363628" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      Medusa <img class="twitter-emoji" draggable="false" alt="🐍" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f40d.png"><img class="twitter-emoji" draggable="false" alt="🪸" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1fab8.png"> 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/tweet_video_thumb/GIVt_kIXsAArHhs.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/gorillasu/status/1766939571529363628" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            107
          </a>
          <a target="_blank" href="https://twitter.com/gorillasu/status/1766939571529363628"><p>22:29 • 10 Mar 2024</p></a>
        </div>
    
  </div> 
  </div><h2 style="position: relative;" id="h-music-for-coding">Music for Coding</h2><p>If you're a fan of Nujabes, then this one by Uyama Hiroto will hit the sweet spot - Freeform Jazz is Hiroto san's third full-length studio album released in 2016:</p><div data-type="youtube" videoid="H_Wi2_rnfOY">
      <div class="youtube-player" data-id="H_Wi2_rnfOY" style="background-image: url('https://i.ytimg.com/vi/H_Wi2_rnfOY/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=H_Wi2_rnfOY">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>The overall sound is hard to describe, somehow distant and mysterious, but still raw and intimate, uneasy but relaxed. Each track is very different and unique, but the entirety of the album still flows really well and blends into a beautiful larger whole that never loses your attention. A relevant piece of writing here is a conversation between Uyama with his editor and music compiler Hashimoto Toru that shines light on how the album came to be:</p><div data-type="embedly" src="http://kumomi.org/2022/12/02/uyama-hiroto-freeform-jazz-interview-2016/" data="{&quot;provider_url&quot;:&quot;http://kumomi.org&quot;,&quot;description&quot;:&quot;This is an interview about Uyama Hiroto's third full-length album, freeform jazz. Joining Uyama here is close friend Hashimoto Toru. This interview is particularly recommended reading for fan...&quot;,&quot;title&quot;:&quot;Uyama Hiroto \&quot;freeform jazz\&quot; Interview (2016)&quot;,&quot;author_name&quot;:&quot;Henkka&quot;,&quot;thumbnail_width&quot;:622,&quot;url&quot;:&quot;http://kumomi.org/2022/12/02/uyama-hiroto-freeform-jazz-interview-2016/&quot;,&quot;thumbnail_url&quot;:&quot;http://kumomi.org/wp-content/uploads/2022/03/img_b11bb451144801e65a31d636634e6c38447488.jpg&quot;,&quot;author_url&quot;:&quot;http://kumomi.org/author/henkka/&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;kumomi&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:414}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="http://kumomi.org/2022/12/02/uyama-hiroto-freeform-jazz-interview-2016/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://kumomi.org/wp-content/uploads/2022/03/img_b11bb451144801e65a31d636634e6c38447488.jpg" class="false"><div class="twitter-summary-card-text"><span>http://kumomi.org</span><h2>Uyama Hiroto "freeform jazz" Interview (2016)</h2><p>This is an interview about Uyama Hiroto's third full-length album, freeform jazz. Joining Uyama here is close friend Hashimoto Toru. This interview is particularly recommended reading for fan...</p></div></div></a></div></div><blockquote><p>It is, as implied by the title, a work that is free in form. Alongside the beautiful ensembles characteristic of Uyama, the release is filled with freaky beats, experimental ideas, and dope song progressions, lulling the listener into a false sense of security.</p></blockquote><p>In the famous words of Patrick Star "Now you must acquire a taste for... Freeform Jazz" - but I believe that it's not too difficult to do so when the Jazz is presented as beautifully as this. After giving the album a full listen, I have to say that it's very likely going to establish itself as a personal favorite. Being considered as Nujabes right-hand man, they have worked closely together on multiple tracks - here's one of them that I found to be stellar:</p><p>That's it from me this week, hope you enjoyed this week's curated list of generative art and tech shenanigans - now that you've made it through the newsletter, you might as well share it with someone that you know who might enjoy this kind of <em>content</em> - sharing the newsletter is one of the best ways to support it!</p><p><strong>If you've read this far, thanks a million!</strong><em> And if you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-46/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Compressionism as an Art Movement - Particle based Fluid Simulations - Infinite Procedural Photorealistic Worlds - Molnar's Paris - Plotting on Jackson Cubes - The Blockchain was Invented for NFTs, not Currency - A CMS for Github Pages - A Netlify Horror Story +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 46&quot;,&quot;mean_alpha&quot;:241.749079755,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-46/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/03/patternicus-1-1.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:815}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-46/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/03/patternicus-1-1.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 46</h2><p>Compressionism as an Art Movement - Particle based Fluid Simulations - Infinite Procedural Photorealistic Worlds - Molnar's Paris - Plotting on Jackson Cubes - The Blockchain was Invented for NFTs, not Currency - A CMS for Github Pages - A Netlify Horror Story +++ lots more</p></div></div></a></div></div><p><em>And if that's not enough, you can find a backlog of all previous Gorilla Newsletter issues here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span><em> If you're interested in sponsoring or advertising with the Newsletter - reach out!</em></p><p></p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>web3</category>
            <category>tech</category>
            <category>code</category>
            <category>ai</category>
            <category>farcaster</category>
            <category>genart</category>
            <category>generative art</category>
            <category>creative coding</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/0a8faefcc0fcfd6c064138731984c5d6.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gorilla Newsletter 46]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-46</link>
            <guid>ujQ5kFRzvTJbns5NvgCz</guid>
            <pubDate>Mon, 04 Mar 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[Compressionism as an Art Movement - Particle based Fluid Simulations - Infinite Procedural Photorealistic Worlds - Molnar's Paris - Plotting on Jackson Cubes - The Blockchain was Invented for NFTs, not Currency - A CMS for Github Pages - A Netlify Horror Story]]></description>
            <content:encoded><![CDATA[<p><strong>Welcome back everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> and a heartfelt thank you to all new subscribers that joined in the past week!</strong></p><blockquote><p><strong>This is the 46th issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-46/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Compressionism as an Art Movement - Particle based Fluid Simulations - Infinite Procedural Photorealistic Worlds - Molnar's Paris - Plotting on Jackson Cubes - The Blockchain was Invented for NFTs, not Currency - A CMS for Github Pages - A Netlify Horror Story +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 46&quot;,&quot;mean_alpha&quot;:241.749079755,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-46/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/03/patternicus-1-1.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:815}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-46/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/03/patternicus-1-1.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 46</h2><p>Compressionism as an Art Movement - Particle based Fluid Simulations - Infinite Procedural Photorealistic Worlds - Molnar's Paris - Plotting on Jackson Cubes - The Blockchain was Invented for NFTs, not Currency - A CMS for Github Pages - A Netlify Horror Story +++ lots more</p></div></div></a></div></div><p>That said,<strong> hope you're all having a great start into the week! </strong>Let's get straight into it! <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h2 style="position: relative;" id="h-all-the-generative-things">All the Generative Things</h2><h3 style="position: relative;" id="h-compressionism-as-an-art-movement">Compressionism as an Art Movement</h3><p>Compression isn't only crucial for all sorts of technical purposes and applications, but has also occupied an art-centric role over the years - it is actually quite fascinating to think about how the size limitations of early computers have influenced the overall trajectory of digital art over the past decades, not only from a technical point of view but also the aesthetics thereof.</p><p>Twitter user Diid, who's currently building out <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://www.cada.art/">The Center for the Advancement of Digital Art</a>, recently published an article on this exact topic, diving into the origins of the term <em>Compressionim</em>, positing it as an art movement in its own right, and how it is undergoing somewhat of a renaissance with blockchain art that is also confronted with the size limitations of the underlying tech:</p><div data-type="embedly" src="https://www.cada.art/columns/compressionism" data="{&quot;provider_url&quot;:&quot;https://www.cada.art&quot;,&quot;description&quot;:&quot;A brief history and explanation of what compressionism is and where it came from.&quot;,&quot;title&quot;:&quot;On Compressionism - The Center for the Advancement of Digital Art&quot;,&quot;thumbnail_width&quot;:616,&quot;url&quot;:&quot;https://www.cada.art/columns/compressionism&quot;,&quot;thumbnail_url&quot;:&quot;http://static1.squarespace.com/static/64ffb07a35df0f4d185ada3f/t/65e015fea1fd42189c5e8fa5/1709184512949/you-dont-remember-do-you-FINAL.png?format=1500w&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;The Center for the Advancement of Digital Art&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:462}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.cada.art/columns/compressionism" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://static1.squarespace.com/static/64ffb07a35df0f4d185ada3f/t/65e015fea1fd42189c5e8fa5/1709184512949/you-dont-remember-do-you-FINAL.png?format=1500w" class="false"><div class="twitter-summary-card-text"><span>https://www.cada.art</span><h2>On Compressionism - The Center for the Advancement of Digital Art</h2><p>A brief history and explanation of what compressionism is and where it came from.</p></div></div></a></div></div><p>Diid starts us off by recounting the origins of the term <em>Compressionism</em>, first coined by James Powderly as a title for an interactive video project of his, but then later given to Nathaniel Stern for another performance art project:</p><div data-type="embedly" src="https://vimeo.com/4560339" data="{&quot;provider_url&quot;:&quot;https://vimeo.com/&quot;,&quot;description&quot;:&quot;Performative digital and hand-made prints, produced by strapping a scanner, computer and battery pack to the artist, then traversing the landscape.&quot;,&quot;title&quot;:&quot;\&quot;Compressionism\&quot; - scanner performance art and printmaking&quot;,&quot;author_name&quot;:&quot;nathaniel stern&quot;,&quot;height&quot;:240,&quot;thumbnail_width&quot;:295,&quot;width&quot;:320,&quot;html&quot;:&quot;<iframe loading=\&quot;lazy\&quot; class=\&quot;embedly-embed\&quot; src=\&quot;//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F4560339%3Fapp_id%3D122963&amp;dntp=1&amp;display_name=Vimeo&amp;url=https%3A%2F%2Fvimeo.com%2F4560339&amp;image=https%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F11589982-4399dd5fa8a0326f834271146e0e54ef597a7ad0c443ffd7a06b7e29f5593aba-d_295x166&amp;key=71609d2d442448d7b33ccbb5e51a8341&amp;type=text%2Fhtml&amp;schema=vimeo\&quot; width=\&quot;320\&quot; height=\&quot;240\&quot; scrolling=\&quot;no\&quot; title=\&quot;Vimeo embed\&quot; frameborder=\&quot;0\&quot; allow=\&quot;autoplay; fullscreen; encrypted-media; picture-in-picture;\&quot; allowfullscreen=\&quot;true\&quot;></iframe>&quot;,&quot;author_url&quot;:&quot;https://vimeo.com/user1724903&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Vimeo&quot;,&quot;thumbnail_url&quot;:&quot;https://i.vimeocdn.com/video/11589982-4399dd5fa8a0326f834271146e0e54ef597a7ad0c443ffd7a06b7e29f5593aba-d_295x166&quot;,&quot;type&quot;:&quot;video&quot;,&quot;thumbnail_height&quot;:166}" format="iframe"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://vimeo.com/4560339" target="_blank" rel="noreferrer"><div class="twitter-summary-large-image"><img src="https://i.vimeocdn.com/video/11589982-4399dd5fa8a0326f834271146e0e54ef597a7ad0c443ffd7a06b7e29f5593aba-d_295x166" class="false"><div class="twitter-summary-card-text"><span>https://vimeo.com/</span><h2>"Compressionism" - scanner performance art and printmaking</h2><p>Performative digital and hand-made prints, produced by strapping a scanner, computer and battery pack to the artist, then traversing the landscape.</p></div></div></a></div></div><p><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://artelectronicmedia.com/en/artwork/compressionism/">A short description of the project can be found here</a>.</p><p>If you google the term <em>Compressionism</em> you don't actually find much about it, as an artform/art movement at least. But I would to some extent agree with Diid that it is an apt umbrella term for much of the art of our era, be it dither art that employs color reduction techniques for aesthetic purposes, ASCII art that reduces an image into letter symbols, size-coding and code-golfing that are often impressive feats of a human type of compression, and would go as far as saying that AI art falls under this category, where machine learning models up-sample imaginary outputs from compressed internal representations.</p><p>And especially with code based on-chain projects, we are seeing a renaissance of this phenomenon, where expensive blockchain storage pushes code artists make their projects as small as possible, such as to minimize the associated cost - just past December we observed many a generative artist size-code their systems for fxhash's launch on ETH.</p><p>The most notable project in that regard was Piter Pasma's <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.fxhash.xyz/generative/slug/blokkendoos">Blokkendoos</a>, in which he creates a Monte Carlo path tracer in only 5954 characters of dependecy-less vanilla JavaScript code. At the time Piter also shared an interesting thread on the importance of size optimizing code, that I believe is relevant to this discussion:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/9b999eaeae7bf0171a13eaa1f95ed354.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/piterpasma/status/1736000934923137413">Link to Tweet</a></figcaption></figure><p>Piter Pasma also chimes in with some questions of his own underneath Diid's tweet, raising some interesting points:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2bd55299d9b3e2e11c9be1a2c46d1374.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/0xdiid/status/1763398889997005292">Link to Tweet</a></figcaption></figure><p>But as Diid points towards the end of his article, he's not trying to define the movement as a whole - if it can be called a movement that is. While it can be interesting to group different artforms under a collective -ism, to more easily categorize and compartmentalize, it can often lead to overly simplifying the complexity, the philosophical ideas and the historical context of these artforms. After all, an isms is not synonymous with idiosyncrasy, and I believe the distinction has to be made there. Art is generally beyond isms.</p><h3 style="position: relative;" id="h-particle-based-fluid-simulations">Particle based Fluid Simulations</h3><p>Although a bunch of circles bouncing around on a virtual canvas might at first glance seem a bit underwhelming, the implementation thereof lies at the foundation of some quite advanced computational concepts. The first culprit in that regard being numerical stability - when simulating physics computationally we are entirely at the whims of the internal finite precision arithmetic of our computers, and in many cases achieving a somewhat stable system can be quite challenging.</p><p>Particle simulations are also fascinating because they're an integral component of many other interesting types of simulations, such as collision systems, mesh and soft body simulations, flocking simulations, and as I most recently learned, also fluid simulations. I came across a tutorial series by PixelPhysics over on YouTube, in which they show us how to implement a particle based fluid sim from scratch, entirely in vanilla JavaScript:</p><div data-type="youtube" videoid="Pj6okvh0wYw">
      <div class="youtube-player" data-id="Pj6okvh0wYw" style="background-image: url('https://i.ytimg.com/vi/Pj6okvh0wYw/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=Pj6okvh0wYw">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>Their implementation is based on a paper back from 2005 titled <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.semanticscholar.org/paper/Particle-based-viscoelastic-fluid-simulation-Clavet-Beaudoin/6090b0c36b0867ee249648072caf641a0fb37009"><em>Particle based viscoelastic fluid Simulation</em></a> (the paper is not an incredibly difficult read), which describes a system that allows the simulation of surface tension via a double density relaxation procedure - but before this starts sounding like some strange technobabble straight from r/VXJunkies, I'll leave it to PixelPhysics to do the heavy lifting and explain how it works. I might attempt my own implementation at some point though.</p><p>A commonality that I see between particle simulations, is that the behavior of particles often boils down to their proximity to other neighboring particles and their movement. In a flocking simulation, following <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.red3d.com/cwr/boids/">Craig Reynolds famous model</a>, the movement of the individual particles is influenced by steering behaviors that depend on the vector forces of other nearby <em>Boids </em>(other particles).</p><p>When it comes to fluid sims, another important resource is this Coding Adventure by the OG Sebastian Lague, in which he also creates a proper fluid simulation:</p><div data-type="youtube" videoid="rSKMYc1CQHE">
      <div class="youtube-player" data-id="rSKMYc1CQHE" style="background-image: url('https://i.ytimg.com/vi/rSKMYc1CQHE/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=rSKMYc1CQHE">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>When I explored physics simulations for myself last year and wrote a number of posts on the topic, I always felt that there was a lot more there to explore, and it's definitely something that I'll likely tackle again in the coming months - especially flocking and fluid sims. So the main take-away here, is that investigating the behavior of bouncing virtual particles is frequently a worthwhile scientific endeavor.</p><h3 style="position: relative;" id="h-infinite-photorealistic-worlds-using-procedural-generation">Infinite Photorealistic Worlds using Procedural Generation</h3><p>Whenever I see the term 'Procedural' nowadays, it almost feels like a relic from an era long past - considering how far along generative AI has come. This week I came across an interesting, relatively recent, paper that claims an entirely procedural approach to creating photorealistic scenes:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/4277eeafa773258ad786f89acbed0ad3.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://arxiv.org/abs/2306.09310">Link to Paper</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://infinigen.org/">Link to Project Page</a></figcaption></figure><p>The results look quite impressive, especially since the generator not only creates images but also 3D asset files (Blender) for the depicted scenes. As always, the Hackernews comment section for the article is quite polarized:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/331f8158e8d98c9e4d71e907438e3f29.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://news.ycombinator.com/item?id=36376071">Link to Hackernews Comments Section</a></figcaption></figure><p>I can get behind both points of view though; on the one hand the system seems quite useful for generating novel 3D training data, and the paper actually already has a few citations that use it for this purpose - but on the other hand I also have to give it to the other opinions that question the photo-realism of the generated scenes. It might not be the best descriptor, and a procedural approach might just be a little too late for that considering what we're doing with machine learning these days.</p><p>But I find it strange to diminish the value of a project like this one, just because we can do things with AI now, I strongly believe that there's always merit to exploring alternative approaches to different tasks even when they might not be cutting-edge. Genuinely curious, what do you think about this issue?</p><h3 style="position: relative;" id="h-molnars-paris">Molnár's Paris</h3><p>And to top off this generative column, and with NFT Paris conlcuding, Le Random leaves us with a historical travel guide that takes us through Paris, recounting the important places of Vera Molnár's life in the bustling art capital:</p><div data-type="embedly" src="https://www.lerandom.art/editorial/molnars-paris" data="{&quot;provider_url&quot;:&quot;https://www.lerandom.art&quot;,&quot;description&quot;:&quot;Vera Molnár moved to Paris at the end of 1947 and would call the city home for the rest of her storied life. Use our interactive map to follow in her footsteps across the French capital and discover the entwined narrative of artistic evolution and urban existence that defined her practice.&quot;,&quot;title&quot;:&quot;Molnár's Paris&quot;,&quot;mean_alpha&quot;:241.091628959,&quot;thumbnail_width&quot;:1326,&quot;url&quot;:&quot;https://www.lerandom.art/editorial/molnars-paris&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65dc7206a2a99f957dcb3b2c_Screenshot%202024-02-26%20at%2012.11.21%20PM.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Lerandom&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1326}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.lerandom.art/editorial/molnars-paris" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65dc7206a2a99f957dcb3b2c_Screenshot%202024-02-26%20at%2012.11.21%20PM.png" class="false"><div class="twitter-summary-card-text"><span>https://www.lerandom.art</span><h2>Molnár's Paris</h2><p>Vera Molnár moved to Paris at the end of 1947 and would call the city home for the rest of her storied life. Use our interactive map to follow in her footsteps across the French capital and discover the entwined narrative of artistic evolution and urban existence that defined her practice.</p></div></div></a></div></div><p>I was especially curious to see what Monk had to say about Le Select, the Hungarian expat café that Molnár would frequent, through which she got to know Sonia Delauney. When I wrote my own piece on Molnár's life I came across some resources stating that she met Kandinsky and Malevich there, although I couldn't find further information if these claims were accurate. Maybe it was only meant metaphorically. Next time you find yourself in Paris, you might just want to build in some of these locations into your itinerary!</p><h2 style="position: relative;" id="h-pen-and-plottery">Pen and Plottery</h2><p>The occasional plotter segment of the Newsletter is back! <span data-name="pencil" class="emoji" data-type="emoji">✏</span> There were quite a few plotter-related things this week that warranted its return <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h3 style="position: relative;" id="h-plotting-on-jackson-cubes">Plotting on Jackson Cubes</h3><p>If you've noticed, I'm a big fan of written resources that inspire us with new ideas, teach us new things and/or provide us with interesting methods to make interesting art - and that's exactly what Jos Vromans did with a recent post of his, in which he checks all three of those boxes. In <em>Plotting on Jackson Cubes</em>, Jos introduces us to Jackson Cubes, shows us how they can be decorated with different plotted patterns and even provides us with a couple of SVG generators to easily create these patterns:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3b45a4115866e34eead2cae707a87bf0.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.josvromans.com/blog/2024/2/jackson-cubes/">Link to Article</a></figcaption></figure><p>If you're not familiar with what a Jackson Cube is, it's essentially an Origami cube that's assembled out of 6 interlocking pieces of folded paper. There's different variations, like the one shown above that have one or more corner sliced off, resulting from a slightly different folding procedure, and making them stackable on top of each other.</p><p>These cubes derive their name from their creator Paul Jackson, who came up with the folding technique in the early 1970s - there is a cool video of his back from 2018, in which he personally demonstrates the folding technique:</p><p>Looking into it a bit more, I also found this interesting list of the different variations that Paul Jackson came up with, and I guess the proper term for the cubes with the corners sliced off is <em>Columbus Cubes:</em></p><div data-type="embedly" src="http://www.origamiheaven.com/designsfrompauljacksonscube.htm" data="{&quot;provider_url&quot;:&quot;http://www.origamiheaven.com&quot;,&quot;description&quot;:&quot;The web-site of paperfolding designer, author and publisher David Mitchell&quot;,&quot;title&quot;:&quot;David Mitchell's Origami Heaven - MODE - Designs From the Paul Jackson Cube&quot;,&quot;url&quot;:&quot;http://www.origamiheaven.com/designsfrompauljacksonscube.htm&quot;,&quot;thumbnail_width&quot;:118,&quot;thumbnail_url&quot;:&quot;http://www.origamiheaven.com/pictures/centrestripecube.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Origamiheaven&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:118}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="http://www.origamiheaven.com/designsfrompauljacksonscube.htm" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://www.origamiheaven.com/pictures/centrestripecube.jpg" class="false"><div class="twitter-summary-card-text"><span>http://www.origamiheaven.com</span><h2>David Mitchell's Origami Heaven - MODE - Designs From the Paul Jackson Cube</h2><p>The web-site of paperfolding designer, author and publisher David Mitchell</p></div></div></a></div></div><p>Decorating these cubes with generative patterns is the cherry on top, and imo makes them really <em>pop</em>. Jos points us towards two pattern generators of his, that allow you to directly export SVG files and feed them into your own plotter if you have one. Although I've messed around quite a bit with the 10 print pattern, I actually never experimented with triangle subdivisions - so I found it super cool that Jos also wrote a bit about how to create these patterns in another post of his:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/cfaeba76acbf67b4974ab77b0e589d70.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.josvromans.com/blog/2021/1/triangle-subdivisions/">Link to Article</a></figcaption></figure><p>Overall, I really love the plotter+origami combo, feels like a match made in heaven. Besides that, a little bird also told me that Jos is already working on a couple more articles that we'll likely see quite soon over on his blog.</p><h3 style="position: relative;" id="h-plotter-animation-by-compote-de-plot">Plotter Animation by Compote de Plot</h3><p>Another cool thing that you can do with plotters are stop-motion animations - such that each individual frame is plotted and then later recombined into a complete digital animation. The cool thing here is that it's often difficult to align frames perfectly, giving it that nice stop-motion jitter effect.</p><p>Compote de plot created a really cool one recently, in which a tessellated sphere disintegrates into individual tiles and then reappears from the void:</p><div data-type="twitter" tweetid="1762864811329667538"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/loic_goulefert">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/1361729983954231296/cU0tIn9w_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/loic_goulefert" class="twitter-displayname">Compote de plot</a>
              <p><a target="_blank" href="https://twitter.com/loic_goulefert" class="twitter-username">@loic_goulefert</a></p>
    
            </div>
            <a href="https://twitter.com/loic_goulefert/status/1762864811329667538" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      60 frames <a class="twitter-content-link" href="https://twitter.com/hashtag/plotloop" target="_blank">#plotloop</a><br><a class="twitter-content-link" href="https://twitter.com/hashtag/plottertwitter" target="_blank">#plottertwitter</a> 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/ext_tw_video_thumb/1762864572371783680/pu/img/6Pm3TUCcQ7UqdXEy.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/loic_goulefert/status/1762864811329667538" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            18
          </a>
          <a target="_blank" href="https://twitter.com/loic_goulefert/status/1762864811329667538"><p>16:38 • 28 Feb 2024</p></a>
        </div>
    
  </div> 
  </div><p>I thought that the pattern on the sphere was really cool, it reminds me of a Voronoi diagram with the added effect that the edges between them are slightly bent due to the curvature of the sphere's surface. Compote de Plot sheds some light on how they did it after I inquired about it on Twitter, revealing that he's using blender's <em>cell fracture</em> tool to generate the pattern on the sphere:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/01699ddd82af46b68dd48f088d7ef6ef.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/gorillasu/status/1763154663933698467">Link to Thread</a></figcaption></figure><p>I'll have to try and figure out how to generate a Voronoi Diagram/Delaunay Triangulation on a sphere now, I think the challenge here is having the tessellation wrap around- a quick google actually reveals that Red Blob Games has written about this, so I might just dig into it sometime this week:</p><p><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out kg-bookmark-container" href="https://www.redblobgames.com/x/1842-delaunay-voronoi-sphere/">Delaunay+Voronoi on a sphere</a></p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e8856f62c838a407eeedf623e675e380.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAANCAIAAABHKvtLAAAACXBIWXMAAC4jAAAuIwF4pT92AAAD+UlEQVR4nIWUbUxbZRTH/1lMlpj4FvyybAYDwohIljBnQIoMkRmImviCCwOT+YLERcy6RjIQFkBgc2y8dojUrsBt07LKBoUV2tLbG7oNVqDSUl5Gb8dcLKYudBOklpfymKcX99Un99v/nPP7n+ec54KETzAYdDgZ5/TPDqfS6dK6+Z6HD/mwsh0KhQghPp/bZuuetPfb7YMzMxavd3Jzc5MQEla3g8HN6/ra6vP4rgp1zejVfeLz3Q+rWxDiGEaSmomzjbisgmEEd+7BNb93fX2LkE1CtgOBQFomEl9D7mf49gxkDHqHcO83VnCwsvKXuPipo5/ighTXhsDeQs8A2hTweKyEEBBCZme5g0l4Mxvj01hZx+o61tYxNgWv1yn0d0oiegYorYJzAZMzcMxTE2rtW4IqliSmZ6FVgUGOZrnccN+nmDYFHj3yIxAI5OQj+TAKxRTgmMfiHxTgcsNoPk4I0f5yITYKyWk410TTuDHcnMSvszhdCb//74WFqVcS8HkR+o2Y81AHc3fhWqB1mCswDZfihzrRG0fw3lEaJADGp2nQ0jLU18DzdlEGrS7KoACTlRYa5Cig4hyGDFK1uiE2iuZeVuHWJGXP3cUdD5zzUF1FqywK1TWi9Cy8m4MTEow76eeYpzMYtaO8BmZzZ3IaUtLpV98KPUtvud+4o56peLtdVrkvAu/n0YbaOtDdC+s4LWKy0vi6xifx4MGfSalIz8I3p6ngctPkVgWyP0BJeTQhpLTs45hIZL6zA7huhkKDomLsj8boKMtxfc/toi3mfUEZ9a20FYWGwgrFaGvPpkOWy8/ueRpVdXSADT/io3zqN+0IPJ7bhJDV1ZXIPUg4QDdHdZXexuuHEROJY/kvhvf7n9gYRDyB1EyaWCjGqVJKOiGhnqanzQiFtgghKam790XgUAriYvFqMt3I+ia6JBsbQUKIUvkTgAOJeOkFRO+lMfHxmJq6IWyRyXQF4RO3n7aSnkUdxMWiqSWfrqnwjpaXlxjmUmXVl5Li1K+KdhV8DZ/PI7wj4SiVsoKCY7l5STm5z4oy0NTyYVjdEPzdHjPHvSxQ8PxuxCdAyVQK6fSKgsHgyIjVbnfYbHabzdHba7BYrH6//7+HSrze3zWa7uFhVjdgUKt7ZDI5y3KC/VAoxFksLMsZDCaptFEsLigpOdmnGxgbs+t0fTzP7wD0ej3DMCoVo1YzWm23Xq9fWvI+BviXl5tbmsvLysTik9U139fW1mg0msfqxMREV1fHxYvnOzo6dbp+qfRSRUWFXC7XansWFxcp4H9PYG1taGjQaDSyLGvhOLPZzPPCn2qHwfN8Z0enWq1mmK7GxoZ2WfvNG3RCoVDoX5Ke1rS66TnEAAAAAElFTkSuQmCC" nextheight="516" nextwidth="1280" class="image-node embed"><h3 style="position: relative;" id="h-plotter-assisted-lithographs">Plotter assisted Lithographs</h3><p>And in other news, Licia He has been experimenting with making plotter assisted lithographs:</p><div data-type="twitter" tweetid="1762539025502539907"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/Licia_He">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/1470985406074302465/tpsD38ZH_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/Licia_He" class="twitter-displayname">Licia He</a>
              <p><a target="_blank" href="https://twitter.com/Licia_He" class="twitter-username">@Licia_He</a></p>
    
            </div>
            <a href="https://twitter.com/Licia_He/status/1762539025502539907" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      Made some progress in making code-generated, plotter-assisted, kitchen lithograph. <br><br>(Plotter litho? Generative litho? Gen kitchen litho?  What should I call this <img class="twitter-emoji" draggable="false" alt="🧐" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f9d0.png"><img class="twitter-emoji" draggable="false" alt="😆" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f606.png">) 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/ext_tw_video_thumb/1762538943197675520/pu/img/xd4ilquCLzqUYsrf.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/Licia_He/status/1762539025502539907" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            57
          </a>
          <a target="_blank" href="https://twitter.com/Licia_He/status/1762539025502539907"><p>19:03 • 27 Feb 2024</p></a>
        </div>
    
  </div> 
  </div><p>What's a lithograph, you ask? A lithograph is essentially a printmaking technique that involves creating an image on a flat surface with ink (or other painting materials), typically a stone or metal plate, and then pressing a piece of paper against that surface to transfer the image from the surface to the paper. Here, Licia prepares the lithograph surface with her plotters.</p><p>I found this cool article that shows the process step-by-step by means of a series of animated GIFs:</p><div data-type="embedly" src="https://www.metmuseum.org/about-the-met/collection-areas/drawings-and-prints/materials-and-techniques/printmaking/lithograph" data="{&quot;provider_url&quot;:&quot;https://www.metmuseum.org&quot;,&quot;description&quot;:&quot;Lithography is a planographic printmaking process in which a design is drawn onto a flat stone (or prepared metal plate, usually zinc or aluminum) and affixed by means of a chemical reaction.&quot;,&quot;title&quot;:&quot;Lithograph&quot;,&quot;thumbnail_width&quot;:720,&quot;url&quot;:&quot;https://www.metmuseum.org/about-the-met/collection-areas/drawings-and-prints/materials-and-techniques/printmaking/lithograph&quot;,&quot;thumbnail_url&quot;:&quot;http://www.metmuseum.org/-/media/images/about-the-met/collection-areas/drawings-and-prints/materials-and-techniques/printmaking/teasers/lithography_teaser_final_v2.jpg?sc_lang=en&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;The Metropolitan Museum of Art&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:400}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.metmuseum.org/about-the-met/collection-areas/drawings-and-prints/materials-and-techniques/printmaking/lithograph" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://www.metmuseum.org/-/media/images/about-the-met/collection-areas/drawings-and-prints/materials-and-techniques/printmaking/teasers/lithography_teaser_final_v2.jpg?sc_lang=en" class="false"><div class="twitter-summary-card-text"><span>https://www.metmuseum.org</span><h2>Lithograph</h2><p>Lithography is a planographic printmaking process in which a design is drawn onto a flat stone (or prepared metal plate, usually zinc or aluminum) and affixed by means of a chemical reaction.</p></div></div></a></div></div><h2 style="position: relative;" id="h-web3-news">Web3 News</h2><h3 style="position: relative;" id="h-the-blockchain-was-invented-for-nfts-not-currency">The Blockchain Was Invented for NFTs, not Currency</h3><p>The invention of the blockchain is probably most often erroneously attributed to the elusive figure of <em>Satoshi Nakamoto.</em> Although the original white-paper for the bitcoin blockchain was revolutionary, from a historical point of view, that wasn't actually the inception of the cryptographic and decentralized notions that most blockchains build upon today.</p><p>Satoshi based his decentralized financial system on the ideas of Stuart Haber and Scott Stornetta, that were previously more concerned with developing a system for proving the integrity of digital records of any form, which led them to the conception of an early blockchain system. In this interview with Jason Bailey for RCS they recount their story:</p><div data-type="embedly" src="https://www.rightclicksave.com/article/the-blockchain-was-invented-for-nfts-not-currency" data="{&quot;provider_url&quot;:&quot;https://www.rightclicksave.com&quot;,&quot;description&quot;:&quot;A candid interview with the inventors of the blockchain&quot;,&quot;title&quot;:&quot;The Blockchain Was Invented For NFTs, Not Currency&quot;,&quot;thumbnail_width&quot;:1400,&quot;url&quot;:&quot;https://www.rightclicksave.com/article/the-blockchain-was-invented-for-nfts-not-currency&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/61e6c06a23cb13bf76051194/65df737307381a72d7afa89d_Scott_and_Stuart_Cropped.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Rightclicksave&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:680}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.rightclicksave.com/article/the-blockchain-was-invented-for-nfts-not-currency" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/61e6c06a23cb13bf76051194/65df737307381a72d7afa89d_Scott_and_Stuart_Cropped.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.rightclicksave.com</span><h2>The Blockchain Was Invented For NFTs, Not Currency</h2><p>A candid interview with the inventors of the blockchain</p></div></div></a></div></div><p>Throughout the interview they do emphasize that Satoshi made impactful contributions in the manner that their system was leveraged for financial purposes. They also state that NFTs in their current form are essentially the manifestation of their long-term goals for the system that they've built, and are moreover big proponents of an interoperable multi-chain future, where the decentralized ledgers can seamlessly communicate with each other. And we've actually already been witnessing this to some extent in recent months. As always, a highly interesting read from RCS.</p><h3 style="position: relative;" id="h-deep-dive-into-farcaster-nfts">Deep-dive into Farcaster NFTs</h3><p>The Farcaster scene has been unfolding more and more rapidly, especially with Farcaster Frames that make it possible to directly mint NFTs from the social feed. Kaloh did some number crunching and reports back with what seem to be the most valuable collectibles in the current eco-system:</p><div data-type="embedly" src="https://www.kaloh.xyz/p/deep-dive-farcaster-nfts" data="{&quot;provider_url&quot;:&quot;https://www.kaloh.xyz&quot;,&quot;description&quot;:&quot;Let's dive in Farcaster NFT ecosystem with a market analysis and a curated list&quot;,&quot;title&quot;:&quot;🟣 Deep Dive: Farcaster NFTs&quot;,&quot;author_name&quot;:&quot;Kaloh&quot;,&quot;url&quot;:&quot;https://www.kaloh.xyz/p/deep-dive-farcaster-nfts&quot;,&quot;thumbnail_url&quot;:&quot;https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6fd1cb4c-fca4-4cb9-a6b5-02532cdb778a_1990x2000.png&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Kaloh&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.kaloh.xyz/p/deep-dive-farcaster-nfts" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F6fd1cb4c-fca4-4cb9-a6b5-02532cdb778a_1990x2000.png" class="false"><div class="twitter-summary-card-text"><span>https://www.kaloh.xyz</span><h2>🟣 Deep Dive: Farcaster NFTs</h2><p>Let's dive in Farcaster NFT ecosystem with a market analysis and a curated list</p></div></div></a></div></div><p>If you're curious about how Kaloh aggregates these numbers I also highly encourage you to check out another piece he's written in which he explains all of it:</p><div data-type="embedly" src="https://www.kaloh.xyz/p/-how-to-crunch-the-numbers-behind" data="{&quot;provider_url&quot;:&quot;https://www.kaloh.xyz&quot;,&quot;description&quot;:&quot;Understand how to use my market analysis spreadsheets&quot;,&quot;title&quot;:&quot;📈 How To Crunch The Numbers Behind NFTs&quot;,&quot;author_name&quot;:&quot;Kaloh&quot;,&quot;url&quot;:&quot;https://www.kaloh.xyz/p/-how-to-crunch-the-numbers-behind&quot;,&quot;thumbnail_url&quot;:&quot;https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fpbs.substack.com%2Fmedia%2FFQPusPxVQAEvMQu.jpg&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Kaloh&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.kaloh.xyz/p/-how-to-crunch-the-numbers-behind" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://substackcdn.com/image/fetch/w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fpbs.substack.com%2Fmedia%2FFQPusPxVQAEvMQu.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.kaloh.xyz</span><h2>📈 How To Crunch The Numbers Behind NFTs</h2><p>Understand how to use my market analysis spreadsheets</p></div></div></a></div></div><h2 style="position: relative;" id="h-tech-and-web-dev-things">Tech and Web Dev things</h2><h3 style="position: relative;" id="h-a-cms-for-github-pages">A CMS for Github Pages</h3><p>Github pages is really cool, it makes the deployment of static websites incredibly straightforward. But once that static site grows just a little bit larger, working with it can quickly become a hassle - managing a bunch of markdown files in form of a github repo and manually linking image and media files through markdown can get messy really quick. This is where Pages CMS comes in, as an attempt to alleviate these pain points by creating a proper content management system for Github pages:</p><div data-type="embedly" src="https://pagescms.org/" data="{&quot;provider_url&quot;:&quot;https://pagescms.org&quot;,&quot;description&quot;:&quot;Tired of juggling Git and YAML to update your Next.js, Astro, Hugo or Nuxt website? Make it easy on you and your team, get a user-friendly CMS running straight on top of GitHub.&quot;,&quot;title&quot;:&quot;Pages CMS: The No-Hassle CMS for GitHub&quot;,&quot;mean_alpha&quot;:71.25,&quot;thumbnail_width&quot;:1600,&quot;url&quot;:&quot;https://pagescms.org/&quot;,&quot;thumbnail_url&quot;:&quot;https://pagescms.org/cover@2x.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Pagescms&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://pagescms.org/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://pagescms.org/cover@2x.png" class="false"><div class="twitter-summary-card-text"><span>https://pagescms.org</span><h2>Pages CMS: The No-Hassle CMS for GitHub</h2><p>Tired of juggling Git and YAML to update your Next.js, Astro, Hugo or Nuxt website? Make it easy on you and your team, get a user-friendly CMS running straight on top of GitHub.</p></div></div></a></div></div><p>I spent some time and took it for a spin with a side project of mine - and I have to say, I'm really impressed! You simply link it to an existing github repo of yours, be it a Jekyll, 11ty, or any other static site generator, and set up a configuration file that defines the relevant folders in your project, mainly those that contain your media and markdown files, then you can already get started creating and managing your content via the CMS. Definitely worth keeping an eye on how this project develops in the future!</p><h3 style="position: relative;" id="h-css-has-rule">CSS :has() Rule</h3><p>Our favorite web dev Ahmad Shadeed, as well as repeat offender of the Newsletter, is back with another deep-dive, this time teaching us about the :has() rule in CSS:</p><div data-type="embedly" src="https://ishadeed.com/article/css-has-guide" data="{&quot;provider_url&quot;:&quot;https://ishadeed.com&quot;,&quot;description&quot;:&quot;Everything you need to know about CSS :has() selector.&quot;,&quot;title&quot;:&quot;CSS :has() Interactive Guide&quot;,&quot;author_name&quot;:&quot;Ahmad Shadeed&quot;,&quot;url&quot;:&quot;https://ishadeed.com/article/css-has-guide/&quot;,&quot;thumbnail_url&quot;:&quot;https://ishadeed.com/assets/css-has-guide/twitter-card.jpg&quot;,&quot;thumbnail_width&quot;:1480,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Ishadeed&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:864}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://ishadeed.com/article/css-has-guide" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://ishadeed.com/assets/css-has-guide/twitter-card.jpg" class="false"><div class="twitter-summary-card-text"><span>https://ishadeed.com</span><h2>CSS :has() Interactive Guide</h2><p>Everything you need to know about CSS :has() selector.</p></div></div></a></div></div><p>If you're not familiar the :has() rule, it's essentially a means for us to 'look ahead' and check what kind of element comes after the current element. A scenario where this comes in really handy is when you want to override the bottom-margin of the current element depending on what the next element is - for instance, we sometimes want a bigger margin when a block of text is followed by an image, to allow for some visual breathing room. Ahmad Shadeed guides us through all of the intricacies of this special CSS rule.</p><h3 style="position: relative;" id="h-doom-rendered-via-checkboxes">DOOM Rendered via Checkboxes</h3><p>I came for <em>DOOM Rendered via Checkboxes</em> - I stayed for interesting Web Assembly internet lore and the Nerd Sniping phenomenon:</p><div data-type="embedly" src="https://healeycodes.com/doom-rendered-via-checkboxes" data="{&quot;provider_url&quot;:&quot;https://healeycodes.com&quot;,&quot;description&quot;:&quot;WebAssembly meets 16000 HTML checkboxes.&quot;,&quot;title&quot;:&quot;DOOM Rendered via Checkboxes&quot;,&quot;url&quot;:&quot;https://healeycodes.com/doom-rendered-via-checkboxes&quot;,&quot;thumbnail_width&quot;:640,&quot;thumbnail_url&quot;:&quot;https://healeycodes.com/_next/image?url=%2Fposts%2Fdoom-rendered-via-checkboxes%2Fdoom-checkboxes.png&amp;w=1920&amp;q=100&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Healeycodes&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:400}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://healeycodes.com/doom-rendered-via-checkboxes" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://healeycodes.com/_next/image?url=%2Fposts%2Fdoom-rendered-via-checkboxes%2Fdoom-checkboxes.png&amp;w=1920&amp;q=100" class="false"><div class="twitter-summary-card-text"><span>https://healeycodes.com</span><h2>DOOM Rendered via Checkboxes</h2><p>WebAssembly meets 16000 HTML checkboxes.</p></div></div></a></div></div><p>Andrew Healey's was inspired by Bryan Braun's checkbox shenanigans to create a version of DOOM that's entirely rendered via HTML checkbox elements. Apparently you can make a lot of things on the Web entirely with checkboxes as Bryan explains in an article of his:</p><div data-type="embedly" src="https://www.bryanbraun.com/2021/09/21/i-keep-making-things-out-of-checkboxes/" data="{&quot;provider_url&quot;:&quot;https://www.bryanbraun.com&quot;,&quot;description&quot;:&quot;Something happened earlier this year where I got on a run making checkbox animations and just couldn't stop.&quot;,&quot;title&quot;:&quot;I keep making things out of checkboxes&quot;,&quot;url&quot;:&quot;https://www.bryanbraun.com/2021/09/21/i-keep-making-things-out-of-checkboxes/&quot;,&quot;thumbnail_width&quot;:186,&quot;thumbnail_url&quot;:&quot;https://www.bryanbraun.com/assets/images/logo.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Bryan Braun - Frontend Developer&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:186}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.bryanbraun.com/2021/09/21/i-keep-making-things-out-of-checkboxes/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.bryanbraun.com/assets/images/logo.png" class="false"><div class="twitter-summary-card-text"><span>https://www.bryanbraun.com</span><h2>I keep making things out of checkboxes</h2><p>Something happened earlier this year where I got on a run making checkbox animations and just couldn't stop.</p></div></div></a></div></div><p>Andrew builds his creation on top of Diek Mann's Web Assembly port of the original DOOM, pointing us to an interesting repo in which Diek Man not only teaches us about Web Assembly but also show us how the port is made possible:</p><div data-type="embedly" src="https://github.com/diekmann/wasm-fizzbuzz?tab=readme-ov-file" data="{&quot;provider_url&quot;:&quot;https://github.com&quot;,&quot;description&quot;:&quot;WebAssembly from Scratch: From FizzBuzz to DooM. Contribute to diekmann/wasm-fizzbuzz development by creating an account on GitHub.&quot;,&quot;title&quot;:&quot;GitHub - diekmann/wasm-fizzbuzz: WebAssembly from Scratch: From FizzBuzz to DooM.&quot;,&quot;mean_alpha&quot;:251.78,&quot;author_name&quot;:&quot;diekmann&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://github.com/diekmann/wasm-fizzbuzz&quot;,&quot;thumbnail_url&quot;:&quot;https://opengraph.githubassets.com/a2ad0eb8bd9a3b667607f5e2157187d227aa90734a43473297bb0733f8e2bcb4/diekmann/wasm-fizzbuzz&quot;,&quot;author_url&quot;:&quot;https://github.com/diekmann&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;GitHub&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://github.com/diekmann/wasm-fizzbuzz?tab=readme-ov-file" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://opengraph.githubassets.com/a2ad0eb8bd9a3b667607f5e2157187d227aa90734a43473297bb0733f8e2bcb4/diekmann/wasm-fizzbuzz" class="false"><div class="twitter-summary-card-text"><span>https://github.com</span><h2>GitHub - diekmann/wasm-fizzbuzz: WebAssembly from Scratch: From FizzBuzz to DooM.</h2><p>WebAssembly from Scratch: From FizzBuzz to DooM. Contribute to diekmann/wasm-fizzbuzz development by creating an account on GitHub.</p></div></div></a></div></div><p>Have you been Nerd Sniped yet?</p><h3 style="position: relative;" id="h-a-netlify-horror-story">A Netlify Horror Story</h3><p>A post from r/webdev has recently been making the rounds, in which a Netlify user has been billed a whopping $104k by Netlify for the bandwidth consumption of a simple static site:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/27dba8ce77c676b40127553a31ccd328.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.reddit.com/r/webdev/comments/1b14bty/netlify_just_sent_me_a_104k_bill_for_a_simple/">Link to entire reddit post</a></figcaption></figure><p>After reaching out to Netlify's customer support it turns out that the site has in fact succumbed to a DDOS attack and incurred these exorbitant bandwidth costs - Netlify informs that the subject of this attack was an .mp3 file of an old Cantonese song included on the page. Netlify then offered to reduce the cost to 5% in light of it being a DDOS attack. Reddit comments recommended OP to post the story over on Hackernews before actually paying the outstanding cost - which then actually led the entire thing to catch on fire, even prompting a reply from Netlify's CEO over on Hackernews:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/4b399f66c21c6f33b43838f21bfbe03d.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://news.ycombinator.com/item?id=39520776">Link to Hackernews Story</a></figcaption></figure><p>As well as an official statement from Netlify over on Twitter:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c592427413f00e704c72c167f73d679b.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/Netlify/status/1762518910107033798">Link to Tweet</a></figcaption></figure><h2 style="position: relative;" id="h-ai-corner">AI Corner</h2><h3 style="position: relative;" id="h-runway-studios-creative-dialogues">Runway Studios Creative Dialogues</h3><p>Generative AI is unarguably going to transform the film-making scene in the coming years, and Runway Studios is currently at the helm of driving the creative dialogue around the cutting edge technology. Runway Studios, an off-shoot of the generative AI tooling company Runway, recently started a series of conversations between creatives that use AI for the purpose of creative expression - I found them to be highly insightful and really enjoyable to watch, here's episode 2 featuring Anna Ridler and Lex Fefegha:</p><p>You can keep an eye on upcoming episodes here, one of them will feature Golan Levin, so definitely worth keeping an eye on:</p><div data-type="embedly" src="https://studios.runwayml.com/creative-dialogues/episode-2" data="{&quot;provider_url&quot;:&quot;https://studios.runwayml.com&quot;,&quot;description&quot;:&quot;A series of conversations exploring human creativity and artificial intelligence.&quot;,&quot;title&quot;:&quot;Creative Dialogues from Runway Studios&quot;,&quot;thumbnail_width&quot;:780,&quot;url&quot;:&quot;https://studios.runwayml.com/creative-dialogues/episode-2&quot;,&quot;thumbnail_url&quot;:&quot;https://d3phaj0sisr2ct.cloudfront.net/studios/images/rw-studios-cd-ep-02-card.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Runwayml&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:390}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://studios.runwayml.com/creative-dialogues/episode-2" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://d3phaj0sisr2ct.cloudfront.net/studios/images/rw-studios-cd-ep-02-card.jpg" class="false"><div class="twitter-summary-card-text"><span>https://studios.runwayml.com</span><h2>Creative Dialogues from Runway Studios</h2><p>A series of conversations exploring human creativity and artificial intelligence.</p></div></div></a></div></div><h3 style="position: relative;" id="h-ai-and-design-systems">AI and Design Systems</h3><p>Last week I shared an article by Brad Frost from early January 2024 in which he proposes a global design system that I found highly interesting. Frost returns with a new article, this time exploring the role that AI models currently occupy in aiding the creation of design systems:</p><div data-type="embedly" src="https://bradfrost.com/blog/post/ai-and-design-systems/" data="{&quot;provider_url&quot;:&quot;https://bradfrost.com&quot;,&quot;description&quot;:&quot;We've all watched with simultaneous fascination and trepidation as a flood of AI-powered tools continues to wash over the digital landscape. At Big Medium, we help complex organizations design at scale and pragmatically adopt new technologies, so naturally we've been putting AI tools through their p&quot;,&quot;title&quot;:&quot;AI and Design Systems&quot;,&quot;thumbnail_width&quot;:1024,&quot;url&quot;:&quot;https://bradfrost.com/blog/post/ai-and-design-systems/&quot;,&quot;thumbnail_url&quot;:&quot;https://bradfrost.com/wp-content/uploads/2024/02/DALL%C2%B7E-2024-02-27-09.07.48-Imagine-a-whimsical-and-innovative-scene-where-a-friendly-robot-full-of-character-and-warmth-is-literally-bringing-digital-designs-to-life-by-emitti.webp&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Brad Frost&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1024}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://bradfrost.com/blog/post/ai-and-design-systems/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://bradfrost.com/wp-content/uploads/2024/02/DALL%C2%B7E-2024-02-27-09.07.48-Imagine-a-whimsical-and-innovative-scene-where-a-friendly-robot-full-of-character-and-warmth-is-literally-bringing-digital-designs-to-life-by-emitti.webp" class="false"><div class="twitter-summary-card-text"><span>https://bradfrost.com</span><h2>AI and Design Systems</h2><p>We've all watched with simultaneous fascination and trepidation as a flood of AI-powered tools continues to wash over the digital landscape. At Big Medium, we help complex organizations design at scale and pragmatically adopt new technologies, so naturally we've been putting AI tools through their p</p></div></div></a></div></div><p>The main point of the article is that LLMs can be super powerful in generating the code for new components when trained on an already existing design system's codebase:</p><blockquote><p><strong>When you train a LLM on a design system’s codebase, conventions, syntax and documentation, you get a component boilerplate generator on steroids.</strong></p></blockquote><p>However, as we've already seen in recent history, it is still not a replacement for human judgement, and still requires a guiding hand to yield satisfactory outputs.</p><h2 style="position: relative;" id="h-gorilla-updates">Gorilla Updates</h2><h3 style="position: relative;" id="h-generative-irregular-puzzle-tilings">Generative Irregular Puzzle Tilings</h3><p>This week I worked a little more on my generative puzzle generator - I was wondering what it would look like to combine it with my code for irregular grids, albeit still a bit rough around the edges it did end up working out:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/585da61ac1f0c08c7bb5970911ac76e1.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="3360" nextwidth="2240" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/fae040e77d69c106290da8eca6e10382.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="3360" nextwidth="2240" class="image-node embed"><p>It was actually quite tricky to coordinate the connections between the irregular rectangular tiles - if done manually, you'd have to check which tiles are adjacent and at what positions their adjacency falls which is non-trivial.</p><p>I cheated a little, and create a preliminary regular square grid of puzzle tiles, for which we already lock in place the adjacency between each of the tiles. This grid is then overlayed it with an irregular grid that will then simply imitate the adjacency of the square tiles - if there is a shared edge that is. Maybe it's not a hack, since it still required quite a bit of code. Here's two debug outputs to visualize what's actually going on behind the scenes:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2a9c79ec74543ae02c2aae95faa9e195.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="3360" nextwidth="2240" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/0d9631b151338ae3a9ad48c544ea0202.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="3360" nextwidth="2240" class="image-node embed"><p>Maybe once I've wrapped up this project I can make a proper write-up. I'm also interested in seeing what it would look like when adapted to other tesselations, and in the future maybe I can also figure out how to bring this to life and create physical versions of these generative puzzles.</p><h3 style="position: relative;" id="h-designing-landing-pages-and-making-things-wonky">Designing Landing Pages and making things wonky</h3><p>This past week I've been hard at work re-designing and re-structuring the blog - there's still sooo much to be done, but I'm slowly etching my way closer to something that I think I'll be really proud of:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/cd8a5117dfbf872c5c595c67c5ed1887.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1524" nextwidth="2376" class="image-node embed"><p>I shared a couple of WIPs and asked for feedback over in <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://discord.gg/xawSKAAG3N">Raph's birbsnest discord</a>, which led to an interesting chain of events where Dave suggested adding a tiny css rotation to every element of the page:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8548e1ec1df24a144bd23889a7b6a044.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAALCAIAAACRcxhWAAAACXBIWXMAABYlAAAWJQFJUiTwAAACtUlEQVR4nKVS3Y6bRhidaLvLisRbcIEZhmEwMPxjMBiwjfEP3rW9cZpNoyhSG+U+2lfITd6iD9k+RCPs3U36c1fpXJw55+g73ycNGEdYJyhmxtuscUelO0y9YTJK/HIcF3k8K0dFFk2KpBzHVZFMinQ+yevpuHM7Pa2nRZFFHfIukKfBpEzzNHj/7m2W+AMdAt+6AgCIP4CdiW+gtFN+WmE5z+OmLibdxKTIIsfEnq35jHiMBA4NHOo/khMPXeM70fBs4pj4BBDaAgBAlV/s1rNX28Wbl9dtXb55vd+287vD9d1h+3K33q7rXdvsN4vDvt2sZ6tmsqyL5bxcNdV+s9hvFtu2WdbFqqmul7N2OYn9ARugh4IqIczEgUMPN82uXbererOebdv5oh6vmmqznu3a+aop2mW1nJeb9awch6eD/hMn62n9rmAcYTZQTUp+fff69vaDSXXLgKaBLIoGOrQoMik0KbQoPD3ZAFlH9584iU+WgZiJmYmB2Fc4XvhRlJ5fStIV7F8JUJBgX1Eg7qCoR6IhpKlYlxVVPioIdcpD5vEJHxWEdQViQZQFUQbPOJHZfk+AAIBA1R2FDF70DQnrlu8EI6RZxHA0amvE1k1X1SxVszTqEKMDJkyjtnrM6KZLTZccLcPyCXX4nnLJy6Cpmr/++PPT+98AIR/v7+9+/kUz3XBY2E7EvCGhtgwJwgbChgy1R0JkRVOOeschQYhCRFXN7EvqGSdwfJ/j+3xP4nsSMCj7/fOXyaiilhfFWZpVQZhFSTHKp8O0TLOSuXGaVWGc204YhJkXJLYTON6QuXGUFLYTPulBmGnEOuOE0+iHAnDefdNnnBhHUzeYesGIOaHFgjDO06zqEudXZ5zwN1yKJ/Jv62nxbwV8TxJE5aKHFsNmnB0ueirHixc96fsz/w++Aqqgj4z5xX80AAAAAElFTkSuQmCC" nextheight="542" nextwidth="1532" class="image-node embed"><p>This inspired Jordanne to create a tiny script called Wonky.js that does exactly that:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/57c70136c2ee8dcfb0a9cfcc2e7fde96.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAICAIAAAAX52r4AAAACXBIWXMAABYlAAAWJQFJUiTwAAACKUlEQVR4nJ2Oy27TQBSG3Tspch3n4ltmPPZ4MvbY8SXxJXYSp0mjpEmrgGglLhJSJRB0zQuwYAdiwYPAjkdjxwJkFSF2CKRPR0c6Ov/3c7wg7RyccLvC083DfDSqQdjq6CrAuOsikxrYNgkzLYa7rs1C02KE+tTxDWxb1CO2b2B2B6E9i3oGtgntmRajLDS7blsGXFsGV09eUhbmaRmMzw+Qc7raLpdrhBmxfdz1TMJw1wM6ATrRAEYmBdBSO4YGLRVgWUVaNQ0NWBrAkgJ/XYGlaGa9qXDXj2++ff/x+cvXnRZ2p9eaP795/eb21a1hOVGcB/2hzSI/SiEisoqqZw3JKlI7htoxICIQkTslgJUAmVQDJoAWRFUbWUWcSdjH959W6we6js9X66IYB0GSDsusKOdn5+PyLBtOJuViOJqlw3KxvCxnq8npcnK67Md5ko17QTJfbJJs7IeJH6VZMe0FySAZZUUZ9jPcdbka3+K4Y447on4yyGdhOnWCxA3TKM7j0WyQz5K8DNNRP85tFrLe4C40ycYQEW6Pr/Gtw/vN3+zfE/9cqnBBVJptrdGQjvSA8zZ7bMqx+a63qJbgYo9N9+nkyEx5oX1SV3hB4gWpxrd4QRKb6l8RRKUSiKJyyMsDFt5sNzR6dltcZP5l/Ojt6sUH29lebd8lxfNGCwqiLIjKv1IJBFE5FiTQwa4TtTWvZ6dax1NwbLCyrTjASFU9rItVnf8Q/ASMGG9nucbxGQAAAABJRU5ErkJggg==" nextheight="314" nextwidth="1286" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e85266610fca936dbc2768fc0d0a972c.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://wonky-js.glitch.me/">Link to Wonky.js</a></figcaption></figure><p>So, what are you waiting for? Do the right thing and wonkify your page right now.</p><h3 style="position: relative;" id="h-a-pit-stop-at-unit-london">A pit-stop at Unit London</h3><p>Last week I went on a brief trip to the UK, visiting my partner who's recently started her PhD over there (so proud of her btw), and I used it as a chance to stop by Unit London that's currently exhibiting some works by Zach Lieberman and Ziping Wang. It was really awesome to see generative art in person for the first time. Zach's prints are really out of this world:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/a41f06780cc8e50390431e79aa12c9d8.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/gorillasu/status/1763675306160718043">Link to Tweet</a></figcaption></figure><p>Ziping Wang's oil paintings are also incredible up close, I had to double and triple check that they actually were oil paintings. If you're in London for some reason, I highly recommend passing by - entrance is free of charge!</p><h2 style="position: relative;" id="h-music-for-coding">Music for Coding</h2><p>I generally like to shout-out individual artists, but I've listened to this playlist so many times at this point I just had to share it - the cosmopolitan sound of the city pop genre might not be everyone's cup of tea, but to me it just instantly flips a <em>feel good</em> switch. Especially this playlist, with classics like Stay With Me by Miki Matsubara and Bay City by Junko Yagami, that just encapsulate the genre so beautifully:</p><div data-type="youtube" videoid="WCCovrKvAtU">
      <div class="youtube-player" data-id="WCCovrKvAtU" style="background-image: url('https://i.ytimg.com/vi/WCCovrKvAtU/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=WCCovrKvAtU">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>That's it from me this week, hope you enjoyed this week's curated list of content - and now that you've made it through this week's newsletter, you might as well share it with someone that you know who might enjoy this kind of <em>content</em> - sharing the newsletter is one of the best ways to support it!</p><p><strong>If you've read this far, thanks a million!</strong><em> And if you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-45/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;This week 📬 Weighted Voronoi Stippling - All about Color Spaces - Speaking in Net Language - fxhash comes to base - Zancan's Aux Arbres - Global Design and Documentation Systems +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 45&quot;,&quot;mean_alpha&quot;:149.75,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-45/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/puzzleban.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:857}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-45/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/puzzleban.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 45</h2><p>This week 📬 Weighted Voronoi Stippling - All about Color Spaces - Speaking in Net Language - fxhash comes to base - Zancan's Aux Arbres - Global Design and Documentation Systems +++ lots more</p></div></div></a></div></div><p><em>Previous issues of the newsletter can be found here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span><em> If you're interested in sponsoring or advertising with the Newsletter - reach out!</em></p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>web3</category>
            <category>generative art</category>
            <category>genart</category>
            <category>tech</category>
            <category>code</category>
            <category>ai</category>
            <category>farcaster</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/134fbb6aa3de9734209d3ac6cc1ac726.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gorilla Newsletter 45]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-45</link>
            <guid>f3Mrk5AJLP36cWSJwfpu</guid>
            <pubDate>Mon, 26 Feb 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[Weighted Voronoi Stippling - All about Color Spaces - Speaking in Net Language - fxhash comes to base - Zancan's Aux Arbres - Global Design and Documentation Systems]]></description>
            <content:encoded><![CDATA[<p><strong>Welcome back everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> and a heartfelt thank you to all new subscribers that joined in the past week!</strong></p><blockquote><p><strong>This is the 45th issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><p>That said,<strong> hope you're all having a great start into the week! </strong>You can also read this Newsletter over on the Gorilla Sun Blog:</p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-45/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;This week 📬 Weighted Voronoi Stippling - All about Color Spaces - Speaking in Net Language - fxhash comes to base - Zancan's Aux Arbres - Global Design and Documentation Systems +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 45&quot;,&quot;mean_alpha&quot;:149.75,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-45/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/puzzleban.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:857}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-45/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/puzzleban.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 45</h2><p>This week 📬 Weighted Voronoi Stippling - All about Color Spaces - Speaking in Net Language - fxhash comes to base - Zancan's Aux Arbres - Global Design and Documentation Systems +++ lots more</p></div></div></a></div></div><h2 style="position: relative;" id="h-weighted-voronoi-stippling">Weighted Voronoi Stippling</h2><p>When I read the title of the newest coding challenge I immediately dropped everything and had to watch it start to finish. This time around Mr. Shiffman breaks down quite a tricky one for us — Weighted Voronoi Stippling!</p><p>I'm super excited about this topic because it's something that I've looked into myself about 2 years ago, at a time when I was exploring Voronoi diagrams and Delaunay triangulations. Back then however I gave up on pursuing a stippling effect, because I ultimately couldn't figure out how to implement the algorithm.</p><p>If you look into it yourself, you'll come across the very same paper that Shiffman implements in the challenge - which makes up the very first result that comes up for the search query <em>Weighted Voronoi Stippling</em>:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/e963fd9eaffeb0d6af6ca7d011c32fac.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.cs.ubc.ca/labs/imager/tr/2002/secord2002b/secord.2002b.pdf">Link to Paper</a></figcaption></figure><p>The effect really comes to life when it's used to represent 3D scenes, such as the little mannequin/figurine that's shown in one of the paper's figures (see above) - it's fascinating how the human eye can make out shadows/illumination simply through the density of the individual points. That makes me think of a recent collaboration between Joannie Lemercier and Quentin Hocde that's also powered by a stippling algorithm, titled Nuages Possibles, in which beautiful cloudscapes are brought to life through many thousands of individual dots:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/afe5881934774dc378975b0ffcb9bf33.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">What's bonkers about this project is that each iteration was also sent out to collectors as a pen plot. Poor plotter. | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.fxhash.xyz/generative/slug/nuages-possibles">Link to Project</a></figcaption></figure><p>But what actually are Voronoi Diagrams? A Voronoi diagram is essentially a type of space partitioning, in which a 2 dimensional surface is split into individual polygons based on the distance to a set of points that's scattered across this surface - we basically need to distribute some points on a plane as a starting condition to construct a Voronoi diagram. The defining characteristic of each polygon is that it corresponds to the region that is closer to a specific point than to any other point in the set.</p><p>Here's what this looks like, next to some art I made with the concept back from Genuary 2023:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8c2a0f5eef34a31fb3e3e809b99f94ea.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/Voronoi_diagram">Link to Wikipedia page on Voronoi Diagrams</a></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3901bd16f7d42f9967089a043d8471d8.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><p>Voronoi Diagrams are also closely related to Delaunay Triangulations, in fact, they're duals! This means that we can derive a Delaunay Triangulation from every Voronoi Diagram and vice versa - we can do so by simply connecting the centroids of each two adjacent Voronoi regions with a line. Here's what this looks like, as well as some art I made with Delaunay triangulations:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/180b9f28378cae555ecc0a1a32caf95d.jpg" alt="The Voronoi Diagram and Delaunay Triangulation | System ..." blurdataurl="data:image/png;base64,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" nextheight="504" nextwidth="554" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2b6d40f6c92d89944cbdaf436c82daba.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="2400" nextwidth="1600" class="image-node embed"><p>A fun fact here is that Delone, the mathematician that came up with/discovered this kind of triangulation, actually knew Georgy Voronoy, and if you're curious about some of the history between these two types of fascinating patterns, I encourage you to check out something I've written about it:</p><div data-type="embedly" src="https://www.gorillasun.de/blog/delaunay-triangulation-and-voronoi-diagrams/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;This is the first one of a two part series of blog posts on Delaunay Triangulations. In this one we have a look at artworks that have been created with Delaunay Triangulations, a little bit of it's history, possible strategies to create them, and the related Voronoi Diagram.&quot;,&quot;title&quot;:&quot;Delaunay Triangulation and Voronoi Diagrams&quot;,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/delaunay-triangulation-and-voronoi-diagrams/&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/03/mountains.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/delaunay-triangulation-and-voronoi-diagrams/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/03/mountains.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Delaunay Triangulation and Voronoi Diagrams</h2><p>This is the first one of a two part series of blog posts on Delaunay Triangulations. In this one we have a look at artworks that have been created with Delaunay Triangulations, a little bit of it's history, possible strategies to create them, and the related Voronoi Diagram.</p></div></div></a></div></div><p>If you want something a bit more technical, and want to challenge yourself with an algorithm that can construct a Delaunay triangulation from an initial set of points, here's an explanation of the Bowyer-Watson algorithm:</p><div data-type="embedly" src="https://www.gorillasun.de/blog/bowyer-watson-algorithm-for-delaunay-triangulation/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;The Bowyer-Watson algorithm for Delaunay triangulation is maybe one of the easier methods to implement and understand for obtaining a Delaunay Triangulation.&quot;,&quot;title&quot;:&quot;Bowyer-Watson Algorithm for Delaunay Triangulation&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/bowyer-watson-algorithm-for-delaunay-triangulation/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/03/color_triangulation.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1200}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/bowyer-watson-algorithm-for-delaunay-triangulation/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/03/color_triangulation.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Bowyer-Watson Algorithm for Delaunay Triangulation</h2><p>The Bowyer-Watson algorithm for Delaunay triangulation is maybe one of the easier methods to implement and understand for obtaining a Delaunay Triangulation.</p></div></div></a></div></div><p>But back to the main topic, how do Voronoi Diagrams lead us to a Stippling effect? There's this cool algorithm called Lloyd's relaxation, that iteratively 'relaxes' a Voronoi diagram until all of the individual regions attain a somewhat equal size, essentially iteratively nudging the seed points that predicate the individual regions in the direction of their centroids - here's what this looks like:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6f1c040bbc5fce92b82b2acbb9957fd3.gif" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/gorillasu/status/1536349815931654144">Link to Tweet in which I originally shared this GIF</a> (back from 2022)</figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/9988666a32df48a72e00689a323e99ef.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/Lloyd%27s_algorithm">Link to Wikipedia page about Lloyd's relaxation</a></figcaption></figure><p>This already looks really cool, but it's not very interesting since the resulting diagrams will always end up looking similarly even after the relaxation has come to a conclusion.</p><p>However, what if we modified this procedure, and relaxed the Voronoi diagram based on some probability distribution? Meaning that we don't nudge the seed points towards the geometric centers of the cells, but rather in a weighted direction, towards a weighted centroid. This weighted centroid could for example be derived from the underlying pixel values that fall under the Voronoi cell, nudging the seed points in the direction of darker colors, ultimately achieving the stippling effect described when we place an image underneath our Voronoi diagram.</p><p>And this is the part that I couldn't figure back then, how to calculate the weighted centroid basically - that's where Shiffman comes in, tackling it in the latter part of the video! I haven't had time to experiment with it yet but I'm super excited to do so. And kudos, the recent coding challenges have just been banger after banger!</p><h2 style="position: relative;" id="h-okay-color-spaces">Okay, Color Spaces</h2><p><strong>My therapist:</strong> color spaces aren't real, they can't hurt you...</p><p><strong>Color Spaces:</strong> RGB, CMYK, HSB/HSV, HSL, LAB, YUV, XYZ, YCbCr, LCH (CIELCh), sRGB...</p><p>If you've ever wondered about Color Spaces, what the differences are, what each one of them is useful for, why we need so many and why there are so many in the first place - this is likely going to be the last article that you'll need to read about the topic. Eric provides us with all of the answers in this massive article:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3ab15dcba4565b111db93f62dff27202.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://ericportis.com/posts/2024/okay-color-spaces/">Link to Article</a></figcaption></figure><div data-type="embedly" src="https://ericportis.com/posts/2024/okay-color-spaces/" data="{&quot;provider_url&quot;:&quot;https://ericportis.com&quot;,&quot;description&quot;:&quot;What is a \&quot;color space?\&quot; Well first you take some colors. And then you arrange them, however you like, into some kind of space: You might ask: what kind of color might we find at the origin: ? Right now, it's undefined, but we could put anything there: black, gray, brown, heck - even hotpink if we wanted.&quot;,&quot;title&quot;:&quot;Okay, Color Spaces&quot;,&quot;url&quot;:&quot;https://ericportis.com/posts/2024/okay-color-spaces/&quot;,&quot;author_name&quot;:&quot;Eric Portis&quot;,&quot;thumbnail_url&quot;:&quot;https://ericportis.com/assets/2024-02-20-okay-color-spaces/color-tree-solid-600w.jpg&quot;,&quot;thumbnail_width&quot;:600,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Ericportis&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:624}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://ericportis.com/posts/2024/okay-color-spaces/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://ericportis.com/assets/2024-02-20-okay-color-spaces/color-tree-solid-600w.jpg" class="false"><div class="twitter-summary-card-text"><span>https://ericportis.com</span><h2>Okay, Color Spaces</h2><p>What is a "color space?" Well first you take some colors. And then you arrange them, however you like, into some kind of space: You might ask: what kind of color might we find at the origin: ? Right now, it's undefined, but we could put anything there: black, gray, brown, heck - even hotpink if we wanted.</p></div></div></a></div></div><p>I was shocked to learn that Oklab, a perceptual lab-like color space, is actually only 4 years old, and proposed in 2020 by Björn Ottoson through <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://bottosson.github.io/posts/oklab/">a blog post of his </a>- now tell me that you can't change the world with a blog - and it actually seems to have become quite a big deal seeing that it has a number of advantages in certain areas.</p><p>Unfortunately I'm all out of time for investigating strange internet rabbit-holes this week, so you'll have to be satisfied with this thread over on the Processing forums about the Oklab color space:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/885b786fef49de830889390dc063cfb6.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">How time flies, feels like the 'OK boomer' meme was trending just yesterday | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://discuss.pixls.us/t/oklab-colorspace/21964/4">Link to Thread</a></figcaption></figure><p>Anyway, lots of cool stuff here again. Read the article.</p><h2 style="position: relative;" id="h-speaking-in-net-language">Speaking in Net Language</h2><p>Credit for discovering this one goes to Tom aka pumaparded, sharing it over in the birbsnest discord's inspiration channel - leading me to one of the most fascinating reads I've had in a while. Michael Connor recounts the story behind Olia Lialina's <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://net.art">net.art</a> masterpiece "My boyfriend came back from the War":</p><div data-type="embedly" src="https://rhizome.org/editorial/2016/nov/10/my-boyfriend-came-back-from-the-war/" data="{&quot;provider_url&quot;:&quot;https://rhizome.org&quot;,&quot;description&quot;:&quot;Rhizome champions born-digital art and culture through commissions, exhibitions, scholarship, and digital preservation.&quot;,&quot;title&quot;:&quot;Speaking in Net Language: My Boyfriend Came Back from the War&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://rhizome.org/editorial/2016/nov/10/my-boyfriend-came-back-from-the-war/&quot;,&quot;thumbnail_url&quot;:&quot;https://static.rhizome.org/media/blog/b4dc9d81-5c5a-422e-a4f3-c428bf13127f.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Rhizome&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1771}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://rhizome.org/editorial/2016/nov/10/my-boyfriend-came-back-from-the-war/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://static.rhizome.org/media/blog/b4dc9d81-5c5a-422e-a4f3-c428bf13127f.jpg" class="false"><div class="twitter-summary-card-text"><span>https://rhizome.org</span><h2>Speaking in Net Language: My Boyfriend Came Back from the War</h2><p>Rhizome champions born-digital art and culture through commissions, exhibitions, scholarship, and digital preservation.</p></div></div></a></div></div><p>If you're not familiar with Net art, short for networked art, it's and artform and art movement that emerged in the 1990s with the increasing accessibility of the internet, and used the emerging web technologies as the primary medium - it's a really interesting piece internet history to dive into:</p><div data-type="embedly" src="https://en.wikipedia.org/wiki/Net.art" data="{&quot;provider_url&quot;:&quot;http://wikipedia.org&quot;,&quot;description&quot;:&quot;net.art refers to a group of artists who have worked in the medium of Internet art since 1994. Some of the early adopters and main members of this movement include Vuk Ćosić, Jodi.org, Alexei Shulgin, Olia Lialina, Heath Bunting, Daniel García Andújar, and Rachel Baker.&quot;,&quot;title&quot;:&quot;net.art - Wikipedia&quot;,&quot;url&quot;:&quot;https://en.wikipedia.org/wiki/Net.art&quot;,&quot;thumbnail_width&quot;:220,&quot;html&quot;:&quot;<p><b>net.art</b> refers to a group of <a href=\&quot;https://en.wikipedia.org/wiki/Artists\&quot; class=\&quot;mw-redirect\&quot; title=\&quot;Artists\&quot;>artists</a> who have worked in the medium of <a href=\&quot;https://en.wikipedia.org/wiki/Internet_art\&quot; title=\&quot;Internet art\&quot;>Internet art</a> since 1994. Some of the early adopters and main members of this movement include <a href=\&quot;https://en.wikipedia.org/wiki/Vuk_%C4%86osi%C4%87\&quot; title=\&quot;Vuk &amp;#262;osi&amp;#263;\&quot;>Vuk &amp;#262;osi&amp;#263;</a>, <a href=\&quot;https://en.wikipedia.org/wiki/Jodi_(art_collective)\&quot; title=\&quot;Jodi (art collective)\&quot;>Jodi.org</a>, <a href=\&quot;https://en.wikipedia.org/wiki/Alexei_Shulgin\&quot; title=\&quot;Alexei Shulgin\&quot;>Alexei Shulgin</a>, <a href=\&quot;https://en.wikipedia.org/wiki/Olia_Lialina\&quot; title=\&quot;Olia Lialina\&quot;>Olia Lialina</a>, <a href=\&quot;https://en.wikipedia.org/wiki/Heath_Bunting\&quot; title=\&quot;Heath Bunting\&quot;>Heath Bunting</a>, <a href=\&quot;https://en.wikipedia.org/wiki/Daniel_Garc%C3%ADa_And%C3%BAjar\&quot; title=\&quot;Daniel Garc&amp;#237;a And&amp;#250;jar\&quot;>Daniel Garc&amp;#237;a And&amp;#250;jar</a>,<sup id=\&quot;cite_ref-1\&quot; class=\&quot;reference\&quot;><a href=\&quot;https://en.wikipedia.org/wiki/Net.art#cite_note-1\&quot;>[1]</a></sup> and Rachel Baker.<sup id=\&quot;cite_ref-2\&quot; class=\&quot;reference\&quot;><a href=\&quot;https://en.wikipedia.org/wiki/Net.art#cite_note-2\&quot;>[2]</a></sup> Although this group was formed as a <a href=\&quot;https://en.wikipedia.org/wiki/Parody\&quot; title=\&quot;Parody\&quot;>parody</a> of <a href=\&quot;https://en.wikipedia.org/wiki/Avant_garde\&quot; class=\&quot;mw-redirect\&quot; title=\&quot;Avant garde\&quot;>avant garde</a> movements by writers such as Tilman Baumg&amp;#228;rtel, Josephine Bosma, Hans Dieter Huber and Pit Schultz, their individual works have little in common.\n</p><p>The term \&quot;net.art\&quot; is also used as a synonym for net art or Internet art and covers a much wider range of artistic practices. In this wider definition, net.art means art that uses the Internet as its medium and that cannot be experienced in any other way. Typically net.art has the Internet and the specific socio-culture that it spawned as its subject matter but this is not required.\n</p><p>The German critic <a href=\&quot;https://en.wikipedia.org/wiki/Tilman_Baumg%C3%A4rtel\&quot; title=\&quot;Tilman Baumg&amp;#228;rtel\&quot;>Tilman Baumg&amp;#228;rtel</a> - building on the ideas of American critic <a href=\&quot;https://en.wikipedia.org/wiki/Clement_Greenberg\&quot; title=\&quot;Clement Greenberg\&quot;>Clement Greenberg</a> - has frequently argued for a \&quot;media specificity\&quot; of net.art in his writings. According to the introduction to his book \&quot;net.art. Materialien zur Netzkunst\&quot;, the specific qualities of net.art are \&quot;connectivity, global reach, multimediality, immateriality, interactivity and egality\&quot;.<sup id=\&quot;cite_ref-3\&quot; class=\&quot;reference\&quot;><a href=\&quot;https://en.wikipedia.org/wiki/Net.art#cite_note-3\&quot;>[3]</a></sup>\n</p>&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Wikipedia&quot;,&quot;thumbnail_url&quot;:&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Teo_Spiller_net.art.trade_%28net.art%29_2.jpg/220px-Teo_Spiller_net.art.trade_%28net.art%29_2.jpg&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:165}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://en.wikipedia.org/wiki/Net.art" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/0b/Teo_Spiller_net.art.trade_%28net.art%29_2.jpg/220px-Teo_Spiller_net.art.trade_%28net.art%29_2.jpg" class="false"><div class="twitter-summary-card-text"><span>http://wikipedia.org</span><h2>net.art - Wikipedia</h2><p>net.art refers to a group of artists who have worked in the medium of Internet art since 1994. Some of the early adopters and main members of this movement include Vuk Ćosić, Jodi.org, Alexei Shulgin, Olia Lialina, Heath Bunting, Daniel García Andújar, and Rachel Baker.</p></div></div></a></div></div><p>Olia Lialina's work is a prominent example of this. In "My boyfriend came back from the War" she retells the reunion with her boyfriend as an interactive web experience, and it can still be accessed <a target="_blank" rel="noreferrer" class="dont-break-out" href="http://www.teleportacia.org/war/wara.htm">here</a>.</p><p>I have to say it again, the Rhizome article is an absolutely fascinating read, not just analysing Lialina's work, but also contextualizing it and providing insights and commentary on the <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://net.art">net.art</a> movement from a historical point of view. Olia Lialina's work is part of the Net Art Anthology, where efforts have been made to present and preserve many more of these kinds of works:</p><div data-type="embedly" src="https://anthology.rhizome.org/" data="{&quot;provider_url&quot;:&quot;https://anthology.rhizome.org&quot;,&quot;description&quot;:&quot;A two-year online exhibition retelling the history of net art from the 1980s through the present day.&quot;,&quot;title&quot;:&quot;NET ART ANTHOLOGY&quot;,&quot;mean_alpha&quot;:243.706758721,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://anthology.rhizome.org&quot;,&quot;thumbnail_url&quot;:&quot;https://anthology.rhizome.org/user/themes/rhizome/images/social.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;NET ART ANTHOLOGY&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:688}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://anthology.rhizome.org/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://anthology.rhizome.org/user/themes/rhizome/images/social.png" class="false"><div class="twitter-summary-card-text"><span>https://anthology.rhizome.org</span><h2>NET ART ANTHOLOGY</h2><p>A two-year online exhibition retelling the history of net art from the 1980s through the present day.</p></div></div></a></div></div><h2 style="position: relative;" id="h-web3-news">Web3 News</h2><p>The FOMO this past week has been absolutely unreal with all of the NFT Paris shenanigans in full-swing and seeing everyone having a good time over in France - if you're curious about all of that you just gotta hop on over to Twitter and check out what everyone's posted over the past week:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/f1363e5a2ef0240266e84f337e097b85.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/thefunnyguysNFT/status/1761739362335678936">Link to Tweet</a></figcaption></figure><p>Doesn't mean that there hasn't been some other cool Web3 things to report on throughout the week <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h3 style="position: relative;" id="h-fxhash-launches-on-base">fxhash launches on base</h3><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/cfb6006515d0b10699588a89092d4e23.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/fx_hash_/status/1760418609292316746">Link to Tweet</a></figcaption></figure><p>Holup... what is Base?</p><p>Base-ically an Ethereum L2!</p><p>... and what is an L2? <span data-name="grinning_face_with_sweat" class="emoji" data-type="emoji">😅</span></p><p>L2s are solutions built on top of a blockchain's mainnet (L1) to improve scalability, and usually drastically lower gas fees! Base is actually only one of Ethereum's L2s, you might have heard other terms thrown around, like Polygon and Arbitrum that refer to other L2s. I have no idea how they work from a technical point of view, but I found this nice article by Lipsa Das from Ledger, that provides us with a good and easy to understand overview:</p><div data-type="embedly" src="https://www.ledger.com/academy/topics/blockchain/what-are-ethereum-layer-2-blockchains-and-how-do-they-work" data="{&quot;provider_url&quot;:&quot;https://www.ledger.com&quot;,&quot;description&quot;:&quot;Built on top of Ethereum, Layer 2 blockchains help speed up transaction processing while keeping the costs down for the L1 network.&quot;,&quot;title&quot;:&quot;What Are Ethereum Layer 2 Blockchains and How Do They Work? | Ledger&quot;,&quot;url&quot;:&quot;https://www.ledger.com/academy/topics/blockchain/what-are-ethereum-layer-2-blockchains-and-how-do-they-work&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://www.ledger.com/wp-content/uploads/2023/05/02_Blockchain_Thumb_No-title.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Ledger&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:675}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.ledger.com/academy/topics/blockchain/what-are-ethereum-layer-2-blockchains-and-how-do-they-work" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.ledger.com/wp-content/uploads/2023/05/02_Blockchain_Thumb_No-title.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.ledger.com</span><h2>What Are Ethereum Layer 2 Blockchains and How Do They Work? | Ledger</h2><p>Built on top of Ethereum, Layer 2 blockchains help speed up transaction processing while keeping the costs down for the L1 network.</p></div></div></a></div></div><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/81fe69ff9a37004e82c4104148599c8b.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><p>If I'm understanding this correctly, minting an NFT on base should then theoretically also make it available on mainnet Ethereum? Depending on how the L2 stores the token on the blockchain? Maybe one of you guys can chime in on this. But anyway, big W for fxhash - not an L at all.</p><h3 style="position: relative;" id="h-aux-arbres-by-zancan">Aux Arbres by Zancan</h3><p>And while we're talking about base, in light of the Coinbase's France kick-off, Zancan was tasked with creating a generative artwork for the occasion - and it turned out to be a really impressive one:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2594d39e8878d850e1ff81a68a3ff10d.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAIAAACdAM/hAAAACXBIWXMAABYlAAAWJQFJUiTwAAAFMklEQVR4nI1VW0xTdxg/7blwzqFwerM38JSWlhYoq6XQ0hsVjIgcZEypzNJy7OnatUZQalTmpRWoA918MVv2IHHZlu1pC6EromPtkEJrANklPuxlWZY9LNle3MPelrgcbmPJVH755ct3vnxfvmvOH+CCYClB6PQ1On2NRKkVisQgCAK7AIfDAcrLy3V6feuBA12vdsvNbSBctJtIAABAEAJEYrFcoZBKZRKJVCqRyGRyBGHjOS8DAACAXC7XaLTaqiqlUkmWlxlq9AI+scvkgEggkEklZQqZRCIB+QouLsL4YrlcptFolSqVWq0mSVKpVO4lSYVCoVKplEqlah0YhgFCnbmsoU1qPthgd5mb2+rsrUaLXafTCQUCyR6xWCQSCgVCoZAv2ARfIBCJxAKhEIZhAMFKQASD0WIEKeLhWDGOF2MojqIghHBAlAMWAVwYghEURZF1YBgGwzCCIGzb5vp9h9sONphN5vp9LpfLbrfV1jfo6pvEWhMk1ULSSkiqFSpITWWFvlqvVquqqrQqVUVlpRqGIUBRRhr2WctV+hpDQ6WuTltVK1IbEXVTkUCBoCUwRhRhBIKWQmgpjBEQVspFeDBGIDgfhFCAtEbqT3xm8kwaPZOm43dNng8bjt+19E5avB9ZfJ/8Lxu9H9vpL7TuGGCgxg+cLTRHHrijc+7o3P7oXHOEpSvy1XMZnm05vWDseheoPXTNEc5a6emmQMpKpyx0ysaknaGZFzGYckczBmocMBwe7U2sdcYyr11c8Aznj18qdJ7LOoIzztC95zKYdkezdZ03gOpD1/qT39OjBXp0JTD+iLkxf2gws9vgqoMJ78h39GjBl1imLqRcg5N25v6LIkM7gmvaR9ynHtqYtIPtZ9YZeuAK/+vn+q90bdrT7lPZV6gJtmxHJNtET9uZdNM6betsCrA6awxsSmtg02ilpx3hDJvZSI15rj4+ci7TEct0X3hIxbJULHv4DKt3xubbz2SOnNv87BnO9QznqFj26MX5I+fzBmoCqO+6Hrn1oy+e7xnOnRxb7r285B951JcoMMnVk2PLvnghkFz2xvORm98yydV1veBLLPXGV2o7xtnMzMQTerRw7GLOe7UQeWfN89aiN17oH1l+c2ItenOtZzjXlyj0JQq9l5eY5Gpo/HH3hXl7aI4t29SZZCaevPH2in/kkS2YtgXTjuDMBu3rPduCrNxpcTA7BtYysNgand0ffbDt2hRgvdmx75j8Dm6tqo4aO3Z5tX1wrmMo0zGUaT+T6To/3zO80D449/I9G6mx/uQPvnjec2nRnyj0DOe88Xz05trrV/O7Ok97+BsrPb2x242aLTS7T2foXnN4duswdnLGHd3que3sYnOYncf2bbnCLO1M2nhiyhpI77w5Z+ieZftIqtsSV+78/P7Ur9TQnPXktDOYcgTTzlDaSk91xr7+5emzyMSK2f+5M5R2BFPO0JcWesqfyL03/YeBug4YqBvXPv3zzv2/ui89dkYXWgeW3KdzLQOLzujC0Strv//9bPD2T9ZQtnUw3zKw1Dq45Igs3J5+OvTBb9XULUCktOmbIxorTTb2V1hoZWO/xsZobAzZ6FOY+gidR2r0ko2+vWb/BkmzX2E6ITP5hSoHUMJDiVKcx0NLeThRgmEoolGTalUZjkGbb8oLgGI4iuEgBIMQ+3/G8GIYKQIhmANBfKhEighAEAZBmMsBEYkawgkuhwuCMAQhMFIEYBiO4/jWwwcSBB+G4Y2MFZDQDCm202DVbpDYs+kJQcU83j9JmUYUeaAiEgAAAABJRU5ErkJggg==" nextheight="1238" nextwidth="788" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/63b0547e99e560e847336dbc50795478.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/Highlight_xyz/status/1760024190529245419">Link to Thread</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://highlight.xyz/mint/65d4c33f139818e311c5011e">Link to Project</a></figcaption></figure><p>Continuing with his signature aesthetic, Zancan lets us take individual snapshots of larger growths with Aux Arbres, that translates to "To the Trees", each mint presents part of the branches or trunks of a number of trees. What's special about this generative artwork is that each unique mint from Aux Arbers is part of a bigger whole, in the literal sense of the word; highlight provides us with a special interface to visualize where each one of those minted snapshots falls and to which tree they belong:</p><p></p><div data-type="highlightEmbed" nftid="65d4c33f139818e311c5011e" imgurl="">
    <img src="" style="
    width: 100;
    margin-left: auto;
    margin-right; auto;
    ">
    <div style="text-align: center; margin-top: 24px; margin-bottom: 24px;">
      <a style="
    display: inline-block;
    border-radius: 4px;
    background-color: rgb(59, 130, 246);
    padding: 16px 24px;
    font-weight: 600;
    line-height: 100%;
    color: rgb(255, 255, 255);
    text-decoration: none;
    " href="https://mint.highlight.xyz/65d4c33f139818e311c5011e">
    Collect NFT
        </a>
      </div></div><p>What's more, it's a free mint, and the gas fees are super low due to it being minted on base - so if you've every wanted a Zancan piece, now's your chance! The project's still open for minting for a couple of days, and at this point over 50k individual snapshots have been taken.</p><h3 style="position: relative;" id="h-iroh-ipfs-reimagined">Iroh: IPFS Reimagined</h3><p>Recently learned about Iroh, an IPFS alternative that seems to do things in a little bit of a different manner, aiming to be a more efficient and scalable version of IPFS:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/d403495c7572648a18bd3adeb0724b3e.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.iroh.computer/design/iroh/">Link to official page</a></figcaption></figure><p>But there seem to be some mixed opinions on the project when juxtaposed with IPFS.</p><h2 style="position: relative;" id="h-thoughts-on-a-global-design-system">Thoughts on a Global Design System</h2><p>An interesting article from early January that I only recently came across is a piece by Brad Frost, titled 'A Global Design System'. The article caught my eye because when the term 'global' is attached to something, it often incites political undertones. In recent years the globalization debate has become more nuanced, more politically charged, and opposing views have emerged around it in different context.</p><p>Moreover, the notion doesn't only concern itself with global trade and economics, but can also be conceptually extended to other practices, like web design in this instance:</p><div data-type="embedly" src="https://bradfrost.com/blog/post/a-global-design-system/" data="{&quot;provider_url&quot;:&quot;https://bradfrost.com&quot;,&quot;description&quot;:&quot;TL;DR: This is a call to action to create a Global Design System that provides the world's web designers &amp; developers a library of common UI components. A Global Design System would improve the quality and accessibility of the world's web experiences, save the world's web designers and developer&quot;,&quot;title&quot;:&quot;A Global Design System&quot;,&quot;mean_alpha&quot;:244.5,&quot;thumbnail_width&quot;:2074,&quot;url&quot;:&quot;https://bradfrost.com/blog/post/a-global-design-system/&quot;,&quot;thumbnail_url&quot;:&quot;https://bradfrost.com/wp-content/uploads/2023/11/CleanShot-2023-11-02-at-13.53.24.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Brad Frost&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1168}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://bradfrost.com/blog/post/a-global-design-system/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://bradfrost.com/wp-content/uploads/2023/11/CleanShot-2023-11-02-at-13.53.24.png" class="false"><div class="twitter-summary-card-text"><span>https://bradfrost.com</span><h2>A Global Design System</h2><p>TL;DR: This is a call to action to create a Global Design System that provides the world's web designers &amp; developers a library of common UI components. A Global Design System would improve the quality and accessibility of the world's web experiences, save the world's web designers and developer</p></div></div></a></div></div><p>Frost argues that we live in a duplicative present, where organizations invest valuable labor time and resources into creating design systems that are to a large extent the same - naturally because everyone needs to adhere to the same web standards. The main argument of the article is that we'd alleviate much of this wasted time with a unified global design system - Frost doesn't just preach, but also follows up with an actual proposal for such a design system.</p><p>You could now argue that it is not necessarily a bad thing that different companies are creating their own individual proprietary design systems - isn't it a good thing that there's diversity in brand identities and how they design things? On a related note, I only learned about 'A Global Design System' through a more recent article by Piccalilli that argues for a similar globalization scheme in the context of documentation platforms:</p><div data-type="embedly" src="https://piccalil.li/blog/a-global-documentation-platform/" data="{&quot;provider_url&quot;:&quot;https://piccalil.li&quot;,&quot;description&quot;:&quot;I read A Global Design System by Big Medium's, Brad Frost recently and it's inspired thoughts that have been swimming around in my brain for quite a while: the precarious safety of web documentation. I think we're sleepwalking into a disaster.&quot;,&quot;title&quot;:&quot;A Global Documentation Platform&quot;,&quot;mean_alpha&quot;:241,&quot;thumbnail_width&quot;:2048,&quot;url&quot;:&quot;https://piccalil.li/blog/a-global-documentation-platform/&quot;,&quot;thumbnail_url&quot;:&quot;https://api.urlbox.io/v1/ln9ptArKXobLRpDQ/34a9cd41deb8925c938b3aa34d2711d91abdc30f7af143200d0641602bc8a555/png?url=https://piccalil.li/og/a-global-documentation-platform/&amp;width=1024&amp;height=526&amp;retina=true&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Piccalilli&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1052}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://piccalil.li/blog/a-global-documentation-platform/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://api.urlbox.io/v1/ln9ptArKXobLRpDQ/34a9cd41deb8925c938b3aa34d2711d91abdc30f7af143200d0641602bc8a555/png?url=https://piccalil.li/og/a-global-documentation-platform/&amp;width=1024&amp;height=526&amp;retina=true" class="false"><div class="twitter-summary-card-text"><span>https://piccalil.li</span><h2>A Global Documentation Platform</h2><p>I read A Global Design System by Big Medium's, Brad Frost recently and it's inspired thoughts that have been swimming around in my brain for quite a while: the precarious safety of web documentation. I think we're sleepwalking into a disaster.</p></div></div></a></div></div><p>And another interesting piece of content by Brad Frost is this talk he gave at TEDx, almost a decade ago now, that I think pertains to many of the creative folk on here:</p><h2 style="position: relative;" id="h-web-dev-things">Web Dev Things</h2><h3 style="position: relative;" id="h-tc39-meeting-notes">TC39 Meeting Notes</h3><p>Ecma International's TC39 is a group of JavaScript developers, implementers, and academics, that collaborates with the community to maintain and evolve the definition of JavaScript - and they recently held their 100th meeting. Hemanth captured all of the points of discussion of this 100th meeting in form of a dev.to <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://dev.to/hemanth/updates-from-the-100th-tc39-meeting-4j2f">writeup</a>.</p><h3 style="position: relative;" id="h-interactive-guide-to-svg-loading-spinners">Interactive Guide to SVG Loading Spinners</h3><p>Who doesn't love loading spinners? A repeat offender of the Newsletter, Sébastien Noël from fffuel, wrote this cool interactive guide to making them:</p><div data-type="embedly" src="https://fffuel.co/svg-spinner/" data="{&quot;provider_url&quot;:&quot;https://fffuel.co&quot;,&quot;description&quot;:&quot;Learn to create a cool SVG loading spinner with this step-by-step guide. We'll use attributes like stroke-dasharray and stroke-dashoffset to make it easy.&quot;,&quot;title&quot;:&quot;Making SVG Loading Spinners: An Interactive Guide&quot;,&quot;thumbnail_width&quot;:1800,&quot;url&quot;:&quot;https://fffuel.co/svg-spinner/&quot;,&quot;thumbnail_url&quot;:&quot;https://fffuel.co/images/covers/svg-spinner.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;fffuel.co&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:900}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://fffuel.co/svg-spinner/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://fffuel.co/images/covers/svg-spinner.jpg" class="false"><div class="twitter-summary-card-text"><span>https://fffuel.co</span><h2>Making SVG Loading Spinners: An Interactive Guide</h2><p>Learn to create a cool SVG loading spinner with this step-by-step guide. We'll use attributes like stroke-dasharray and stroke-dashoffset to make it easy.</p></div></div></a></div></div><h3 style="position: relative;" id="h-book-reviews-by-adam-majmudar">Book Reviews by Adam Majmudar</h3><p>Adam Majmudar built a really cool page for his book reviews, with an interactive scrolling bookshelf that lets you click on the individual books to read their reviews:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2b70532fb8daa2056e9fe6633c2c4261.png" blurdataurl="data:image/png;base64,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" nextheight="912" nextwidth="1170" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/MajmudarAdam/status/1760485637680198099">Link to Tweet</a></figcaption></figure><p>You can check it out here:</p><div data-type="embedly" src="https://adammaj.com/books" data="{&quot;provider_url&quot;:&quot;https://adammaj.com&quot;,&quot;description&quot;:&quot;I'm a constant learner and aspiring technical generalist. I'm also a founding enginer at thirdweb and on gap year from the University of Pennsylvania.&quot;,&quot;title&quot;:&quot;Books | Adam Majmudar&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://adammaj.com/books&quot;,&quot;thumbnail_url&quot;:&quot;https://adammaj.com/og-image-dark.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Adam Majmudar&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://adammaj.com/books" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://adammaj.com/og-image-dark.jpg" class="false"><div class="twitter-summary-card-text"><span>https://adammaj.com</span><h2>Books | Adam Majmudar</h2><p>I'm a constant learner and aspiring technical generalist. I'm also a founding enginer at thirdweb and on gap year from the University of Pennsylvania.</p></div></div></a></div></div><p>And also have a look at <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="http://adammaj.com/components/Bookshelf.tsx">the code here</a>.</p><h2 style="position: relative;" id="h-the-importance-of-page-footers">The Importance of Page Footers</h2><p>I got sick again this week, and came down Tuesday morning with some sort of food poisoning, which left me bedridden for the most of Tuesday and Wednesday. The older I'm getting, the more sensitive my stomach is becoming it seems.</p><p>I did however come out on top of it pretty quickly, had a relatively clear head again on Thursday, and decided to pick up the re-design of the blog again as a way to ease myself back into things. I'd actually started working a little on designing a page footer back in January, hence it made sense to resume with that and try to finish it. A page footer is quite an important part of a webapge - some studies show that users will often scroll all the way down to the bottom of the page before actually reading any of the actual content of a page, usually in search of more information about the page, or alternatively as a navigation portal:</p><div data-type="embedly" src="https://www.linkedin.com/pulse/why-optimizing-your-website-footer-more-important-than-jon-macdonald" data="{&quot;provider_url&quot;:&quot;https://www.linkedin.com&quot;,&quot;description&quot;:&quot;The website footer is one of the most overlooked areas of a company's website. Learn why it deserves more attention and how to optimize it.&quot;,&quot;title&quot;:&quot;Why Optimizing Your Website Footer is More Important Than You Think&quot;,&quot;thumbnail_width&quot;:934,&quot;url&quot;:&quot;https://www.linkedin.com/pulse/why-optimizing-your-website-footer-more-important-than-jon-macdonald&quot;,&quot;thumbnail_url&quot;:&quot;https://media.licdn.com/dms/image/D5612AQG05865qVLVaw/article-cover_image-shrink_720_1280/0/1692234639299?e=2147483647&amp;v=beta&amp;t=d5RTkp9zmqaXnM8oGai10RxNRRBspB47jOXnD6gSlNQ&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Linkedin&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:622}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.linkedin.com/pulse/why-optimizing-your-website-footer-more-important-than-jon-macdonald" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://media.licdn.com/dms/image/D5612AQG05865qVLVaw/article-cover_image-shrink_720_1280/0/1692234639299?e=2147483647&amp;v=beta&amp;t=d5RTkp9zmqaXnM8oGai10RxNRRBspB47jOXnD6gSlNQ" class="false"><div class="twitter-summary-card-text"><span>https://www.linkedin.com</span><h2>Why Optimizing Your Website Footer is More Important Than You Think</h2><p>The website footer is one of the most overlooked areas of a company's website. Learn why it deserves more attention and how to optimize it.</p></div></div></a></div></div><p>Here's what I have come up with so far - and I must say, I'm quite happy with how it turned out:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6a41c92a8ecf8916a27bb8d64e600126.png" blurdataurl="data:image/png;base64,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" nextheight="1222" nextwidth="1168" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://twitter.com/gorillasu/status/1761531826168905976">Link to Tweet</a></figcaption></figure><p>Wowowow, fancy schmancy animated cards. Figuring out the JS part that slides in the card description from below was actually trickier than I expected.</p><p>It's still a bit rough around the edges, and the layout of the footer card still needs to be fixed up a little - but I'm quite proud of the idea of including the footer as an element within an article grid, making it feel sort of like a business card, while also being somewhat modular in design such that I can include it on other pages and grids as well.</p><p>I also ended up spending quite some time designing the surrounding article cards, which I think will replace the current card design that you can find over on the article/archive page - that is currently a bit bare-bone. It's always a question of how information rich you want to make the elements, so that you catch the user's eye and make them want to click on it.</p><p>The trickiest part here was overlaying text on an image; if the images aren't hard coded, then you can't always predict on top of what color your text will be placed - sometimes there will not be enough contrast for the text to be readable. When using white text, a solution is to underlay the text section of the cards with a soft blur that transitions to a darker color towards the bottom. This way we bring back enough contrast and the text becomes readable again.</p><p>Also, you might've noticed the lack of a Gorilla Updates section - I thought I might try something a little different and give the section a proper title in context of what I've been working on in throughout the week. Expect a lot more web dev/design mini updates in the coming weeks!</p><h2 style="position: relative;" id="h-music-for-coding">Music for Coding</h2><p>Neon Indian is one of those artists that has their very own sonic identity - it really isn't comparable to anything else. I thoroughly enjoy listening to his tracks every now and then. Drawing inspiration from 1980s pop and electronic music, with heavily analog and textured sounds, the overall mood he evokes is often described as nostalgic, capturing a sense of dreamy escapism:</p><div data-type="youtube" videoid="eb4UcIZMhw8">
      <div class="youtube-player" data-id="eb4UcIZMhw8" style="background-image: url('https://i.ytimg.com/vi/eb4UcIZMhw8/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=eb4UcIZMhw8">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p><strong>And that's it from me this week, <s>while I'm typing out these last words I bid my farewells — hopefully this caught you up a little with the events in the world of generative art, tech and AI throughout the past week.</s></strong></p><p>Maybe you've noticed already, I've tried a little bit of a different tone/writing style this week, and now that I'm reading the previous closing statement, it's just a bit too meh for my taste, let's try something a bit more quirky - it was definitely a lot of fun putting together this week's issue.</p><p>And now that you've made it through this week's newsletter, you might as well share it with someone that you know who might enjoy this kind of content, or not, but send it anyway - what's the worst thing that could happen?</p><p><strong>If you've read this far, thanks a million!</strong> And if you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-44/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;This week 📬 Lauren Lee McCarthy on Software Values - Intro to sizecoding with Mathieu Henri - Patt Vira tutorials - Tezumie's AIJS Editor - Vetro Editions at Galeria Data - The Confusing 2024 Crypto-Art Meta - OpenAI's text-to-video Sora model +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 44&quot;,&quot;mean_alpha&quot;:138.5,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-44/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/puzzlebannn.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:857}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-44/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/puzzlebannn.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 44</h2><p>This week 📬 Lauren Lee McCarthy on Software Values - Intro to sizecoding with Mathieu Henri - Patt Vira tutorials - Tezumie's AIJS Editor - Vetro Editions at Galeria Data - The Confusing 2024 Crypto-Art Meta - OpenAI's text-to-video Sora model +++ lots more</p></div></div></a></div></div><p>Previous issues of the newsletter can be found here:</p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span></p><p>If you're interested in sponsoring or advertising through the Newsletter - reach out!</p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>genart</category>
            <category>generative art</category>
            <category>web3</category>
            <category>tech</category>
            <category>ai</category>
            <category>code</category>
            <category>creative coding</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/af4b23af5adde0ea39cfb18cafda366b.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gorilla Newsletter 44]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-44</link>
            <guid>hqQO2hZgSRKTxcuY65Ts</guid>
            <pubDate>Mon, 19 Feb 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[Lauren Lee McCarthy on Software Values - Intro to sizecoding with Mathieu Henri - Patt Vira tutorials - Tezumie's AIJS Editor - Vetro Editions at Galeria Data - The Confusing 2024 Crypto-Art Meta]]></description>
            <content:encoded><![CDATA[<p></p><p><strong>Welcome back everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> and a heartfelt thank you to all new subscribers that joined in the past week!</strong></p><blockquote><p><strong>This is the 44th issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><p>That said,<strong> hope you're all having a great start into the week! </strong>Let's get straight into it! <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h2>All the Generative Things</h2><h3>Lauren Lee McCarthy on Software Values</h3><p>Yet again, Monk blesses our timelines with a stellar interview, this time with none other than Lauren Lee McCarthy. Having created P5 back in 2013, and having been part of the board of directors for the Processing Foundation from 2015 till 2021, she's done tremendous efforts in creating a more inclusive and accessible community for those that have not historically had the privilege to learn code and tech literacy.</p><p>More than that, she is also an accomplished artist that creates profound conceptual work. In their conversation they address her most recent project 'Seeing Voices' that's releasing with Bright Moments as part of the Paris AI collection. The artworks are a curated set of collages, in which a system combines AI generated messages with generative compositions consisting of drawings by McCarthy.</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/0273f9b25062b183d7e0398328fa7ad7.jpg" alt="Image" blurdataurl="data:image/png;base64,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" nextheight="4000" nextwidth="4000" class="image-node embed"><p>The generated messages are an echo from her previous work 'Voices in my head' that she collaborated on with Kyle McDonald. Both pieces are about attributing meaning to software, asking questions about control and how software can influence and change us. McCarthy states that software is not a neutral product; that it inherits the ideas, biases and values of its creators.</p><p>I believe that this is an incredibly important topic that isn't talked about enough. We engage with software on a daily basis, what effect does it have on us? How are we collectively changing through our interactions with it?</p><div data-type="embedly" src="https://www.lerandom.art/editorial/lauren-lee-mccarthy-on-software-values" data="{&quot;provider_url&quot;:&quot;https://www.lerandom.art&quot;,&quot;description&quot;:&quot;Lauren Lee McCarthy, celebrated artist, UCLA professor and creator of p5.js, spoke with Peter Bauman (Monk Antony) about Seeing Voices, her first long-form generative art project. They also discuss collaborating with AI and inclusive community building, while questioning the inherent values embedded in software.&quot;,&quot;title&quot;:&quot;Lauren Lee McCarthy on Software Values&quot;,&quot;thumbnail_width&quot;:4000,&quot;url&quot;:&quot;https://www.lerandom.art/editorial/lauren-lee-mccarthy-on-software-values&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65cb645a90c702418d27a1fb_LLM%20SV.jpeg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Lerandom&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:4000}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.lerandom.art/editorial/lauren-lee-mccarthy-on-software-values" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65cb645a90c702418d27a1fb_LLM%20SV.jpeg" class="false"><div class="twitter-summary-card-text"><span>https://www.lerandom.art</span><h2>Lauren Lee McCarthy on Software Values</h2><p>Lauren Lee McCarthy, celebrated artist, UCLA professor and creator of p5.js, spoke with Peter Bauman (Monk Antony) about Seeing Voices, her first long-form generative art project. They also discuss collaborating with AI and inclusive community building, while questioning the inherent values embedded in software.</p></div></div></a></div></div><p></p><p>And if that's not enough Le Random for you, there's another interview with Linda Dounia, that I just haven't had the time to dig into yet:</p><div data-type="embedly" src="https://www.lerandom.art/editorial/linda-dounia-on-memory-machines" data="{&quot;provider_url&quot;:&quot;https://www.lerandom.art&quot;,&quot;description&quot;:&quot;Artist Linda Dounia spoke with Peter Bauman (Monk Antony) about the potential of AI to combat cultural as well as biological loss, using her project Flore Perdue as a springboard.&quot;,&quot;title&quot;:&quot;Linda Dounia on Memory Machines&quot;,&quot;thumbnail_width&quot;:3029,&quot;url&quot;:&quot;https://www.lerandom.art/editorial/linda-dounia-on-memory-machines&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65d1fbaef17f19b1fb728170_LD%20C.jpeg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Lerandom&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:4096}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.lerandom.art/editorial/linda-dounia-on-memory-machines" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65d1fbaef17f19b1fb728170_LD%20C.jpeg" class="false"><div class="twitter-summary-card-text"><span>https://www.lerandom.art</span><h2>Linda Dounia on Memory Machines</h2><p>Artist Linda Dounia spoke with Peter Bauman (Monk Antony) about the potential of AI to combat cultural as well as biological loss, using her project Flore Perdue as a springboard.</p></div></div></a></div></div><h3>Introduction to size-coding by Mathieu Henri</h3><p>In last week's newsletter I mentioned Lovebyte 2024, a yearly online celebration of everything related to sizecoding and the demoscene. Although the 2024 edition of the event is over now, there's still a couple of cool things that I missed and that are very worth sharing still.</p><p>For instance, the closing ceremony that took place the same day I published the previous issue, in which all of the winning submissions were presented. The event concluded with a whopping 351 submissions from participants all around the world:</p><p>Another really cool recording that came from the event, is this awesome video seminar by Mathieu Henri who's been part of the demoscene since the very start, and still highly involved. In the video he introduces us to sizecoding in JavaScript and also tells us a little bit about the history of the demoscene:</p><p>Mathieu starts us off with some of the features that make Javascript a great language for sizecoding - pointing out its leniency and some of the shenanigans that allow us to shave off quite a few bytes from our code. He proceeds to give a recount about the early days of the demoscene, showcasing some of the very first competitions that were held in that context and pointing out the competition websites - that somehow still work today - where the participants' submissions were documented, such as <a target="_blank" rel="noreferrer" class="dont-break-out" href="http://web4096.message.sk/">Web4096</a> held in 1999, as well as the impossible <a target="_blank" rel="noreferrer" class="dont-break-out" href="http://www.p01.org/256b_htm/">256B</a> challenge in 2002, where you had to somehow make a sketch in only 256 bytes.</p><p>Mathieu actually documented his participation in some of these events over on his portfolio and even provides us with the code that he submitted back then, alongside modern equivalents - I was really blown away by his entry to the 256B challenge in which he made a Metaball sketch in just 256 bytes:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c66880f7d724dd0443db3e0fef171b59.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/12f9e54e630996f1590512357680df5c.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="http://www.p01.org/256b_htm/">Link to Matthieu's Portfolio</a></figcaption></figure><h3>Patt Vira on the Persistence of Vision</h3><p>I've become a huge fan of Patt Vira's content over on YouTube; her code-along tutorials are very polished and easy to follow - her video on marching squares got me back into exploring the algorithm in more depth for myself after Genuary concluded, and unlocked a lot of new ideas that I wouldn't have otherwise had.</p><p>Patt has a knack for exploring interesting ideas. Here's one that I highly enjoyed, in which she explores the concept of 'Persistence of Vision' where a drawn cube only appears within a noisy grid of pixels when it is in motion:</p><p>Persistence of Vision is a phenomenon that occurs when the visual perception of an object remains for a few brief moments after the fact that it has actually vanished from our vision. A good example of this are lightning strikes at night-time, you can often still see their outline for an instant after they've struck. On the Wikipedia page there's a nice excerpt from Leonardo da Vinci's notebook on this:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/7f7dd9b18d451fd880d09451373ce1c5.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/Persistence_of_vision">Link to Wikipedia page</a></figcaption></figure><p>This effect seemingly also works great in the setting of a noisy grid of pixels. Patt was inspired by a recent video from Chris Long, in which he goes over how he first discovered that effect back in the eighties, while experimenting with line intersections on his home computer - noticing that the apparent shapes could only be made out while they were in motion:</p><p>The comment section to the video is also highly interesting with other chiming in with their thoughts on the effect. Go and show both of their channels some love and leave them a sub and a thumbs up! Definitely recommend keeping up with what Patt's doing - I have a hunch that we're going to see a lot more stellar content from her in the coming months.</p><h3>Tezumie's AIJS Editor Updates</h3><p>Tezumie has been hard at work and consistently adding new features to his AI powered code editor - it's been really exciting seeing him turn his initial idea into more and more of a complete platform. Now it even boasts profile pages for users, the ability to save sketches, as well as an explore page and many more cool and convenient things. Tezumie frequently posts updates about it in the AIJS discord:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/698fcc8d73eccf7f5dadb6e70baaeeaa.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://discord.gg/CRrPc5Tuqt">Link to AIJS discord</a></figcaption></figure><p>One update that I've been super excited about and have to yet take for a spin is the custom embeds, I mentioned it to Tezumie a couple of weeks ago, asking about it and explaining why I don't usually use the P5 editor's or OpenProcessing's embeds. It's mainly due to them slowing down the initial page load since they have to load in additional script files - if you have multiple embeds on a single page (a tutorial for instance) they don't share those resources, but rather, each individual embed needs to load in its own assets:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b74200443e07397e7b375616a67c7a0c.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/aijs_editor/status/1758969520981487749">Link to Tweet</a></figcaption></figure><p>Checking out the docs for AIJS it's always a breath of fresh air when effort is put into that aspect of a software - I thought that it was a really nice touch to also support Farcaster frames as a potential embed:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/9f827ef0358eaa5048c6915d22bb3d11.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><p>I think what's really cool about AIJS, is that it's made by someone that is a creative coder and generative artist themself - building the relevant features that are useful for that specific workflow. Openprocessing, you better watch out, Tezumie's coming for you!</p><h2>Web3 News</h2><h3>A Web3 Travel Guide for Paris</h3><p>Next week is going to be big with everyone gearing up for the annual NFT Paris show - if you're visiting, you might also want to stop by some of the other spots in Paris that hold significance in the Web3 space. Ana Maria wrote a Web3 travel guide for the occasion over on Forbes, pointing out the important galleries in the area with some of their upcoming shows:</p><div data-type="embedly" src="https://www.forbes.com/sites/digital-assets/2023/10/30/web3-travel-guides-the-parisian-crypto-art-scene/amp/" data="{&quot;provider_url&quot;:&quot;https://www.forbes.com&quot;,&quot;description&quot;:&quot;Paris, the City of Light, has long been a magnet for the cultural avant-garde. In the case of Web3 innovators, the same holds true.&quot;,&quot;title&quot;:&quot;Web3 Travel Guides: The Parisian Crypto Art Scene&quot;,&quot;author_name&quot;:&quot;Ana María Caballero&quot;,&quot;url&quot;:&quot;https://www.forbes.com/sites/digital-assets/2023/10/30/web3-travel-guides-the-parisian-crypto-art-scene/&quot;,&quot;thumbnail_url&quot;:&quot;https://imageio.forbes.com/specials-images/imageserve/6540101c37930c0bca90ac5d/0x0.jpg?format=jpg&amp;crop=3840,2160,x0,y0,safe&amp;height=900&amp;width=1600&amp;fit=bounds&quot;,&quot;thumbnail_width&quot;:1600,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Forbes&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:900}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.forbes.com/sites/digital-assets/2023/10/30/web3-travel-guides-the-parisian-crypto-art-scene/amp/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://imageio.forbes.com/specials-images/imageserve/6540101c37930c0bca90ac5d/0x0.jpg?format=jpg&amp;crop=3840,2160,x0,y0,safe&amp;height=900&amp;width=1600&amp;fit=bounds" class="false"><div class="twitter-summary-card-text"><span>https://www.forbes.com</span><h2>Web3 Travel Guides: The Parisian Crypto Art Scene</h2><p>Paris, the City of Light, has long been a magnet for the cultural avant-garde. In the case of Web3 innovators, the same holds true.</p></div></div></a></div></div><p>Btw, if you end taking any cool pics or see any cool generative art and Web3 related things, send'em over, would love to include them in the next issue of the newsletter!</p><h3>Vetro Editions at Galerie Data</h3><p>If you end up finding yourself in Paris tomorrow (20th of February), you'll have to stop by Galerie Data, they're hosting our favorite genart publishing house Vetro Editions, celebrating the launch of four of their books alongside some of the artists featured in those books:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/57646c86792e8d72228fefc72f17b8d6.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1350" nextwidth="1080" class="image-node embed"><p>Their roster includes the second issue of Matt DesLaurier's Meridian art book, Julien Gachadoat's "Pathways" that recently came out, "Tracing the Line" that recounts the plotter work of many pioneering and contemporary generative artists, as well an entirely new addition, that just came out this past week for RCS:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6475c760904ce7f47b56ef29fbc6fb68.png" alt="Image" blurdataurl="data:image/png;base64,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" nextheight="470" nextwidth="470" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b332c48da8d0c2dee1ad25fb86514e3c.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.clubnft.com/book">Link to RCS</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/artnome/status/1758634110594191498">Link to Tweet</a></figcaption></figure><p>RCS also published a complementary announcement post over on their site, in which Carla Gannis from the RCS team recounts the motivations behind starting the site, their position in amplifying the voices of the crypto art scene as well as a brief overview of what's happened in recent years. I believe that the book features the 250 articles that have been published on RCS over the course of the past 2 years, and likely more material. If you're interested in getting the book, you can learn a bit more about it here:</p><div data-type="embedly" src="https://www.rightclicksave.com/article/introducing-the-rcs-book-right-click-save-the-new-digital-art-community" data="{&quot;provider_url&quot;:&quot;https://www.rightclicksave.com&quot;,&quot;description&quot;:&quot;After two years and more than 250 articles, it's time to put digital art's global community into print&quot;,&quot;title&quot;:&quot;ANNOUNCING THE RCS BOOK&quot;,&quot;mean_alpha&quot;:127.392766497,&quot;thumbnail_width&quot;:1886,&quot;url&quot;:&quot;https://www.rightclicksave.com/article/introducing-the-rcs-book-right-click-save-the-new-digital-art-community&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/61e6c06a23cb13bf76051194/65cf92968cd87996de727f96_Screenshot%202024-02-15%20at%2020.45.31.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Rightclicksave&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1182}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.rightclicksave.com/article/introducing-the-rcs-book-right-click-save-the-new-digital-art-community" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/61e6c06a23cb13bf76051194/65cf92968cd87996de727f96_Screenshot%202024-02-15%20at%2020.45.31.png" class="false"><div class="twitter-summary-card-text"><span>https://www.rightclicksave.com</span><h2>ANNOUNCING THE RCS BOOK</h2><p>After two years and more than 250 articles, it's time to put digital art's global community into print</p></div></div></a></div></div><p>Just to disclose, I'm not sponsored by any of the mentioned parties - I simply think that Vetro Editions makes really awesome books, and all of these are very worth having in your genart book collection.</p><h3>The Confusing 2024 Crypto-Art Meta</h3><p>Although 2024 is shaping up to be a year with many new and exciting Web3 developments, and while there's many efforts being made into making things more interoperable, it also seems that things are becoming more and more fragmented - I'm personally having a really hard time to keep up with everything, and I believe I'm not the only one in this.</p><p>Sgt_slaughtermellon wrote an interesting think piece about the current state of crypto art, providing us with the bigger picture of what's happening with the different marketplaces and chains, how to adapt as an artist, and that it's all just a bit too chaotic:</p><div data-type="embedly" src="https://mirror.xyz/sgtslaughtermelon.eth/GUQMZGtax7C8VzBOC-8yJtLwc3wszvSR7nxx82YQIkI" data="{&quot;provider_url&quot;:&quot;https://mirror.xyz&quot;,&quot;description&quot;:&quot;If you're an artist who has been around NFTs for a minute but aren't considered \&quot;blue chip\&quot; - what's this year looking like for you? I'm going to take a second to offer some thoughts on the current scene, the market, and toss out some potential strategies.&quot;,&quot;title&quot;:&quot;The Confusing Meta of Early 2024 Crypto-Art&quot;,&quot;mean_alpha&quot;:117.478915663,&quot;thumbnail_width&quot;:1992,&quot;url&quot;:&quot;https://mirror.xyz/sgtslaughtermelon.eth/GUQMZGtax7C8VzBOC-8yJtLwc3wszvSR7nxx82YQIkI&quot;,&quot;thumbnail_url&quot;:&quot;https://images.mirror-media.xyz/publication-images/5xj8nmNtJAhTqr8GvYsA6.png?height=996&amp;width=1992&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Mirror&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:996}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://mirror.xyz/sgtslaughtermelon.eth/GUQMZGtax7C8VzBOC-8yJtLwc3wszvSR7nxx82YQIkI" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://images.mirror-media.xyz/publication-images/5xj8nmNtJAhTqr8GvYsA6.png?height=996&amp;width=1992" class="false"><div class="twitter-summary-card-text"><span>https://mirror.xyz</span><h2>The Confusing Meta of Early 2024 Crypto-Art</h2><p>If you're an artist who has been around NFTs for a minute but aren't considered "blue chip" - what's this year looking like for you? I'm going to take a second to offer some thoughts on the current scene, the market, and toss out some potential strategies.</p></div></div></a></div></div><h3>Anna Lucia's Spellbound</h3><p>One other thing that I wanted to share here is Anna Lucia's newest project over on fxhash, a redeemable collaboration with the German fashion lab Phoebe Heess. Conceptually, the artwork is fascinating: via fxhash's code driven parameters, collectors can record their voice or upload an audio file, where the waveform of that audio then determines the pattern visualized on the scarf:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6d92d55d0b19bd3a4d294589958c4d51.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/annaluciacodes/status/1758549059063697920">Link to Tweet</a></figcaption></figure><p>Being the first manufactured redeemable on fxhash makes this one a very special digital token to collect.</p><h2>Tech and AI</h2><h3>Mario Kart 3 in the Browser</h3><p>A fan of Mario Kart? Well you can now play it in your browser <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://mario-kart-3-js.vercel.app/#r=R9C3D">here</a>, and you can even build your own version of it using Alex Lunakepio's recently open sourced project:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8cb454b3a0673d1be1952b315b013a23.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAPCAIAAAAK4lpAAAAACXBIWXMAABYlAAAWJQFJUiTwAAACqUlEQVR4nK2U30/TUBTHR6kZdZaWbutoQR1D6qyLIDYuwa7hh1xHBTu7rubqpaNcVzcWfmSk0GjmEvwRn3018cX47N/mk48aNsCpRCPZ5+nek2/Oyfmec29oIDyQSCTC4XCC5xPDw4MjE/3kuVAvINuEipb9/dvXVfR41/cPXr9dffOFHoqRBNEREceHvv8vQFFUOBwOCaOj/vbOWGpcFEeSybGJK+OZyamLly73pIlDqDA5NHheEERBEERR5Hk+FosleD4ajXIcF4/HOS46xDJx7kLobExdFd/vFXb9561WKwiCbDZbtKyDg1eVp5Wq5yHHsexHCD58V82d+NZjCIIgyX6COMMU2mj86OcVs1AqrbuuYRhFy0IILRUK3p25j/P5s433F1R+5NNyIauq9wBQVVXTtNnZ2emZmSc3b3+YA92L1GM6eYljyH6SOI1uTdvMI9nPRJIkbW9tQQgrnnd/eRlC6Lrukq6vlddeNpvrGKuqats2xrhe39R1HSFU8byiZdXr9Xw+bxiGaZqGYXiep2laPp/HGNsQAgAwxqIohmRZLpVK5XLZMIy7i4uu665jjNrgQyoYV4qWZZqm7/u2bQMAHMdBjmOaJkQIIqTrum3btY0N13VtCJHjbO3saJrGsuzhQ4tGo7Isq7mcJEmZTOaBYSiKkkqlrmcyCwsLai6XTqcVRclmswCAa7IsiqIkSQAANZe7MTk5lkxm2txSFADAdBvLsgRBOLKor+tX6PbuT6NDp8X/vQXpdNr3/RfN5tz8fL2++axaRY4DEVpZWdnb34cQBkHQarU6pjebzUajEQRBrVZzXbfRaEAIHcc5me1vtY/q0zTNcRxFUTRNMwxD03QkEiFJMhKJMAzDsizDMBRFcRzXubIsS9M0RVEdMUVRf+ngB63JpKziOSm9AAAAAElFTkSuQmCC" nextheight="560" nextwidth="1174" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/9c3e1a5819885fd2faf3af2bcc66edac.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/Lunakepio/status/1757060065306022315">Link to Tweet</a></figcaption></figure><p>Here's a link to the github repo, which has amassed a whopping 1.2k stars in just a couple of days - there isn't too much to say here, simply that it's a really cool project:</p><div data-type="embedly" src="https://github.com/Lunakepio/Mario-Kart-3.js" data="{&quot;provider_url&quot;:&quot;https://github.com&quot;,&quot;description&quot;:&quot;Contribute to Lunakepio/Mario-Kart-3.js development by creating an account on GitHub.&quot;,&quot;title&quot;:&quot;GitHub - Lunakepio/Mario-Kart-3.js&quot;,&quot;mean_alpha&quot;:252.9,&quot;author_name&quot;:&quot;Lunakepio&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://github.com/Lunakepio/Mario-Kart-3.js&quot;,&quot;thumbnail_url&quot;:&quot;https://opengraph.githubassets.com/f5e692118cd9c95f45816bd21019f980d1aa7f0b0f42d87a1c426fb419f14908/Lunakepio/Mario-Kart-3.js&quot;,&quot;author_url&quot;:&quot;https://github.com/Lunakepio&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;GitHub&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://github.com/Lunakepio/Mario-Kart-3.js" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://opengraph.githubassets.com/f5e692118cd9c95f45816bd21019f980d1aa7f0b0f42d87a1c426fb419f14908/Lunakepio/Mario-Kart-3.js" class="false"><div class="twitter-summary-card-text"><span>https://github.com</span><h2>GitHub - Lunakepio/Mario-Kart-3.js</h2><p>Contribute to Lunakepio/Mario-Kart-3.js development by creating an account on GitHub.</p></div></div></a></div></div><h3>10 Minecraft Facts by Alan Zucconi</h3><p>Minecraft has quite a long history, and was very popular when it first came out in 2009, but slowly fizzling away over the 2010s. The game then saw a massive boom in 2021 when PewDiePie returned to the game, popularizing it again and allowing it to have somewhat of a renaissance. And it seems to have retained its popularity even in 2024, with over half a million daily players.</p><p>I'm bringing all of this up because Minecraft is also interesting from a computational point of view, recently came across a re-tweet from Alan Zucconi, a thread that he'd posted back in 2022 enumerating 10 interesting facts about the game, mainly revolving around its world generating system, that I found highly interesting:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b1945d7b5e67f59afc503aa9403af609.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/AlanZucconi/status/1533124547695845376">Link to Tweet</a></figcaption></figure><p>If you don't know Alan Zucconi, he's a bit of a super star in the game dev scene, having created an impressive number of tutorials on his blog - if you're getting into game dev things you need to check it out:</p><div data-type="embedly" src="https://www.alanzucconi.com/" data="{&quot;provider_url&quot;:&quot;https://www.alanzucconi.com&quot;,&quot;description&quot;:&quot;Developer, Lecturer &amp; Science Communicator&quot;,&quot;title&quot;:&quot;Alan Zucconi&quot;,&quot;url&quot;:&quot;https://www.alanzucconi.com/&quot;,&quot;thumbnail_width&quot;:675,&quot;thumbnail_url&quot;:&quot;https://www.alanzucconi.com/wp-content/uploads/2023/06/unity4d_04.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Alan Zucconi&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:372}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.alanzucconi.com/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.alanzucconi.com/wp-content/uploads/2023/06/unity4d_04.png" class="false"><div class="twitter-summary-card-text"><span>https://www.alanzucconi.com</span><h2>Alan Zucconi</h2><p>Developer, Lecturer &amp; Science Communicator</p></div></div></a></div></div><h3>OpenAI's text to video model Sora</h3><p>It's been a minute since I've been genuinely impressed by AI, last time I was floored was when I took DALL-E3 for a spin (which is freely accessible via the Bing browser). OpenAI's new Sora model seems to take things to the next level by generating coherent and realistic high quality videos given an input prompt. OpenAI's already shared a number of videos in their announcement page showcasing some of the strengths and weaknesses of the new model:</p><div data-type="embedly" src="https://openai.com/sora" data="{&quot;provider_url&quot;:&quot;https://openai.com&quot;,&quot;description&quot;:&quot;Sora is an AI model that can create realistic and imaginative scenes from text instructions. Read technical report All videos on this page were generated directly by Sora without modification. We're teaching AI to understand and simulate the physical world in motion, with the goal of training models that help people solve problems that require real-world interaction.&quot;,&quot;title&quot;:&quot;Sora: Creating video from text&quot;,&quot;thumbnail_width&quot;:1000,&quot;url&quot;:&quot;https://openai.com/sora&quot;,&quot;thumbnail_url&quot;:&quot;https://images.openai.com/blob/8264d3d7-922c-4343-b43d-6665e44bcb91/paper-airplanes.jpg?trim=0%2C0%2C0%2C0&amp;width=1000&amp;quality=80&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Openai&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:562}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://openai.com/sora" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://images.openai.com/blob/8264d3d7-922c-4343-b43d-6665e44bcb91/paper-airplanes.jpg?trim=0%2C0%2C0%2C0&amp;width=1000&amp;quality=80" class="false"><div class="twitter-summary-card-text"><span>https://openai.com</span><h2>Sora: Creating video from text</h2><p>Sora is an AI model that can create realistic and imaginative scenes from text instructions. Read technical report All videos on this page were generated directly by Sora without modification. We're teaching AI to understand and simulate the physical world in motion, with the goal of training models that help people solve problems that require real-world interaction.</p></div></div></a></div></div><p>The videos aren't perfect - it's not so difficult to determine that they're still clearly AI generated with specific giveaway details - for instance, it doesn't really know too much about the physics of the real world. One of the generated videos that's been making the rounds features a team of archeologists where they dig up a plastic chair - the chair materializes from the sand and floats around the scene almost like it isn't a part of it:</p><div data-type="embedly" src="https://openai.com/sora" data="{&quot;provider_url&quot;:&quot;https://openai.com&quot;,&quot;description&quot;:&quot;Sora is an AI model that can create realistic and imaginative scenes from text instructions. Read technical report All videos on this page were generated directly by Sora without modification. We're teaching AI to understand and simulate the physical world in motion, with the goal of training models that help people solve problems that require real-world interaction.&quot;,&quot;title&quot;:&quot;Sora: Creating video from text&quot;,&quot;thumbnail_width&quot;:1000,&quot;url&quot;:&quot;https://openai.com/sora&quot;,&quot;thumbnail_url&quot;:&quot;https://images.openai.com/blob/8264d3d7-922c-4343-b43d-6665e44bcb91/paper-airplanes.jpg?trim=0%2C0%2C0%2C0&amp;width=1000&amp;quality=80&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Openai&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:562}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://openai.com/sora" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://images.openai.com/blob/8264d3d7-922c-4343-b43d-6665e44bcb91/paper-airplanes.jpg?trim=0%2C0%2C0%2C0&amp;width=1000&amp;quality=80" class="false"><div class="twitter-summary-card-text"><span>https://openai.com</span><h2>Sora: Creating video from text</h2><p>Sora is an AI model that can create realistic and imaginative scenes from text instructions. Read technical report All videos on this page were generated directly by Sora without modification. We're teaching AI to understand and simulate the physical world in motion, with the goal of training models that help people solve problems that require real-world interaction.</p></div></div></a></div></div><p>The chair was most definitely an unpaid actor in this scene. Another thing that immediately jumped out to me was how eerily synchronous motion sometimes is in the generated videos, like the manner in which pedestrians in the background walk or the waves crashing onto the cliffs featured in some of the other videos. It all feels a little surreal. But on the other hand it seems that we're incredibly close to what might just alter the entire movie, VFX and video game industry - not only can the model generate video based on input prompts but it can also do so from input images and videos. Here's a link to a more technical write-up from the OpenAI team:</p><div data-type="embedly" src="https://openai.com/research/video-generation-models-as-world-simulators" data="{&quot;provider_url&quot;:&quot;https://openai.com&quot;,&quot;description&quot;:&quot;We explore large-scale training of generative models on video data. Specifically, we train text-conditional diffusion models jointly on videos and images of variable durations, resolutions and aspect ratios. We leverage a transformer architecture that operates on spacetime patches of video and image latent codes.&quot;,&quot;title&quot;:&quot;Video generation models as world simulators&quot;,&quot;thumbnail_width&quot;:1000,&quot;url&quot;:&quot;https://openai.com/research/video-generation-models-as-world-simulators&quot;,&quot;thumbnail_url&quot;:&quot;https://images.openai.com/blob/28bcbcb2-563a-432b-bb30-d74f66a087fe/young-tiger.jpg?trim=0%2C0%2C0%2C0&amp;width=1000&amp;quality=80&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Openai&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1000}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://openai.com/research/video-generation-models-as-world-simulators" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://images.openai.com/blob/28bcbcb2-563a-432b-bb30-d74f66a087fe/young-tiger.jpg?trim=0%2C0%2C0%2C0&amp;width=1000&amp;quality=80" class="false"><div class="twitter-summary-card-text"><span>https://openai.com</span><h2>Video generation models as world simulators</h2><p>We explore large-scale training of generative models on video data. Specifically, we train text-conditional diffusion models jointly on videos and images of variable durations, resolutions and aspect ratios. We leverage a transformer architecture that operates on spacetime patches of video and image latent codes.</p></div></div></a></div></div><h3>AlphaCode2: Gemini for Competitive Programming</h3><p>Google recently replaced their previous AI powered chat partner Bard with a more powerful LLM called Gemini:</p><div data-type="embedly" src="https://blog.google/technology/ai/google-gemini-ai/?utm_source=yt&amp;utm_medium=social&amp;utm_campaign=og&amp;utm_content=&amp;utm_term=#sundar-note" data="{&quot;provider_url&quot;:&quot;https://blog.google&quot;,&quot;description&quot;:&quot;Gemini is our most capable and general model, built to be multimodal and optimized for three different sizes: Ultra, Pro and Nano.&quot;,&quot;title&quot;:&quot;Introducing Gemini: our largest and most capable AI model&quot;,&quot;thumbnail_width&quot;:1300,&quot;url&quot;:&quot;https://blog.google/technology/ai/google-gemini-ai/&quot;,&quot;thumbnail_url&quot;:&quot;https://storage.googleapis.com/gweb-uniblog-publish-prod/images/Gemini_SS.width-1300.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Google&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:731}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://blog.google/technology/ai/google-gemini-ai/?utm_source=yt&amp;utm_medium=social&amp;utm_campaign=og&amp;utm_content=&amp;utm_term=#sundar-note" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://storage.googleapis.com/gweb-uniblog-publish-prod/images/Gemini_SS.width-1300.jpg" class="false"><div class="twitter-summary-card-text"><span>https://blog.google</span><h2>Introducing Gemini: our largest and most capable AI model</h2><p>Gemini is our most capable and general model, built to be multimodal and optimized for three different sizes: Ultra, Pro and Nano.</p></div></div></a></div></div><p>And it seems that there are quite a few differences, with Gemini leveraging a more modern model architecture similar to the other chat-bots out there, multi-modality being an important feature to have for it to compete. What's more is that they built another model on top of Gemini that's specifically devised for solving programming problems - even at the competitive level - called AlphaCode2. They announced it in the following video:</p><p></p><p>The cool thing about AlphaCode2 is that it not only provides an answer but also the reasoning and how it approaches the given problems:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b811fb4d287ab2598d277590ecb0f40b.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAIAAAAuOwkTAAAACXBIWXMAABYlAAAWJQFJUiTwAAADYElEQVR4nK2WzYvkRBiHa1OpbKpMMlXVVZVUPjo7nUmm7Z6h5zK3QRE8LA6LDgN72IOjGw+7sNMNMwzMZQ8LCi4qLOhBGGRPHhVBb14E0YN3URzEg3/CsieFlu5imx7t7W7WfW6VhDx5f2/yVoB7EYSQZVkIIdu2HceBECKEHMexbRshNFmaIxBCy7LMKfcpgH/dnVJaliXnPI5jz/NarZZSihASxzHnvNVqcc4JIb7va62zLCuKIgxDSuliAcbYsqx2uz0YDI6Pj+u67vf7e3t7u7u7dV2fnJzs7+/v7OwcHBycnp4eHh4eHR3dGjMYDPr9flVVlmVhjOdV4LpuEARCiKqqKKVRFPFGQ0cjlFK+7zPGtNbr6+ta6zAMhRCcczGGUuo4zoKIRmsA4ChaaI/bAKENADBBO45j2mBZFoTQHoOmWBwRAOCdNw8+P/vs048+fPjJg4cP7n9x9vH9uyd+EDjjC8xlhum7/DeZGQJCCADg26++HP71+Lefvv/5u29+/+Hr4aPzR+c/Fs2E0ZUZ9S/BhQoghC+uV4e36pvXr71943pd3+7fGbz8ylXcuCKTlm2BZ3Bc6AHG+BKE8BIAfoFv/kLqc/zWr97tP4KjP/ndx/5Ld4gNHBc/u8B13Rc8PxbEbV8N3x/Ke0P17lC9NxT3/tZnQ++NDzTHnh/MfFuWFbiuG4ahAy1a7qCN1y93Xwt61/DmLu2+ionHGBVC2rb9fwUIocbK5RUXqBW0mqhueaUq0o2NjaoafQFRFD0HgZCKsoYKdatYa3e6a+WItWJNay2ljKJozvxZTiCEN8Y8r1JKSsnGUErNpFrGMU/g+z4hxAwDxpjneZ1OZ2trS2uNMc6yjHP+HARSSlOHlDJJkqIo4jgWQkgptdZBEMyvY7FAKWXbNudcKcUYM4NPKUUpNc1wXXfOi7usIAgCzrmUknO+vb29ubnZ6/WazabneXme+77/NMcMgVJq0mQyjmgiYIwlSRLHcZZlq6uraZqauZ2m6eJpOkFrbQRmn1JPKhBCQAi11owxpVQURUmSaK1NYkKIpQSO4zDGwjDUWqdpGkVRnudJkqRpmud5HMfNZrMsyyAIyrLs9XrdbrfT6ZgOEUJmCMwOPs2kWBPrJNzppdnF5BPMfjf5H5jmH3tXrC+7YbbjAAAAAElFTkSuQmCC" nextheight="992" nextwidth="1470" class="image-node embed"><p>As of now it is not a public model and is still kept secret, so we'll have to take their word for it - looking into the previous AlphaCode model I also couldn't really find any concrete pointers to where it can be taken for a test run, or if it has been open sourced somewhere except for this <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://alphacode.deepmind.com/#layer=18,problem=114,heads=00000000000">demo</a>. They do however have an interesting writeup on the model back from 2022:</p><div data-type="embedly" src="https://deepmind.google/discover/blog/competitive-programming-with-alphacode/" data="{&quot;provider_url&quot;:&quot;https://deepmind.google&quot;,&quot;description&quot;:&quot;Solving novel problems and setting a new milestone in competitive programming.&quot;,&quot;title&quot;:&quot;Competitive programming with AlphaCode&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://deepmind.google/discover/blog/competitive-programming-with-alphacode/&quot;,&quot;thumbnail_url&quot;:&quot;https://lh3.googleusercontent.com/vQ0Ow6LwCpigfPyTGUhXEfdMBWPyHmaCo7eoQW7bv3QoZXW6EIj18FPiCLI1vlMYlUAOvEXta1KSkl8P2KScquYJb-Dm_QygP9kdlLYkpF4nVyEH=w1200-h630-n-nu&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Google DeepMind&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://deepmind.google/discover/blog/competitive-programming-with-alphacode/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://lh3.googleusercontent.com/vQ0Ow6LwCpigfPyTGUhXEfdMBWPyHmaCo7eoQW7bv3QoZXW6EIj18FPiCLI1vlMYlUAOvEXta1KSkl8P2KScquYJb-Dm_QygP9kdlLYkpF4nVyEH=w1200-h630-n-nu" class="false"><div class="twitter-summary-card-text"><span>https://deepmind.google</span><h2>Competitive programming with AlphaCode</h2><p>Solving novel problems and setting a new milestone in competitive programming.</p></div></div></a></div></div><h2>Gorilla Updates</h2><p>What have I been up to this week? I resumed my exploration of marching squares - extending the code to also become able of finding the contours of arbitrary polygonal shapes. Here's what this looks like:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/485b6ad7f11c8c79dcd52b30de5510dc.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGuUlEQVR4nMWW708b9x3Hj9i+HHe+s7Hx+c53Pt8vnw/HODHGxhg7mBickrhhrLha6apkpDS0SuiSuhQ60nSQlnZVRpQmSxlolC4VRQpGuMiiZAS3CYXSZYnyIH00qXuyf6AP9pAJfyenuKxKqkn7yA/uTl9/Xt/Pr/f3C0H/L9PpdP97j8BciiIKAviCoqjuJ9kO3gmC2FVW1tvbm83lPpr5ZGJyUlEUwCAKhj6OlTLAe//AwOiVK17aFhOkJ5sOLC4vT05Ochz3WK53BkAQlE6nL1z+Q5DlAg6eJcmYIPlY9mAikc3lcp99FolEIAh69DgeAsBTbW3tXDbroeiAg4cRZGsJjrfIyrF9fq+da/RU59fXvdXVGq32ERmlgF+fOTN4+nSby40ThB7DQnZHQnI+XxMYTSYZiyUmSEG1au3uXZeiQBD0U1Jkt9tvffVVA8fbzWbaZEoqKowgfKUlyHIwglQQREJy1lZV3XvwgOM4UPnHAICXS++/33/yZAPHBxy8RJKVBkOr0yVbrSBjloqKhORsrKtbXlnZMQjQacUE7lBknudv3r7tY9l/vD2YVFSfjfHZGD2GoSiqxzAYQVTa1sDx9x48MBoMP/ReQioFoCgKQdCNmzcj+3wxQQJLkfJy8AAAsoVsr6ubzmR2lZWVuNbpdE1NTdOZzDOdncUvOwAWFhf3+2pAAQi9HmwfLQBwgogJ0rm+vv6BAQiCTCYT2CkEQaIgzGWzE5OTkT2et4aHl2/dOphI7Dxo0Wh0YXHRTVEN3FazFgEwgpAmU0JyruTzVVVVxRrodLp333nnL2tfHohEGji+geNjgtS4x/Pnjz9uKMyNRqvdJhUQBB3v6prOZLy0LeDgURzHCYLQ6+1mc5QX/YK4dvfubhhmGCaVSjW3tPxxampwaCguyqPJJEuSW3EThJdhYoJkxPHSCEBCIQjq7e398No1N0UFWS5kd8RF2UPRiZqa/PJyKpWKRCIbd/76q+7uof6BFzs6Oj17N9cXPAwb5cVWp0uxUkh5eZgXbAYDBEG7ysq2AYqMdDqdyWR+c7zrxe7u8fHxpS++GL1yJZVKGQ2Gv92/X+t0JhVVIa1RXpxIdYwcPBgXZT2GmQ0GsCePzQYApWpqt9tB3nU63ZNtbSd6e0+eOqWqqh7DAPjn7e3j4+OtTpe1stJoMBxR3RajMWR3yFZrXJRhBDEbDCG7w8swjNG4LQIURbOffjqXzS4uL3e/8AJJkiXjShQAM3NznfFmMN4xQQJjmFRUW0VFyO5QKRopL3+9sSmpqBUYtq1/nkp1/GlsLMhyUZfa9+qr+fX1s4ODIBrie+24urERF2W72QwjiM/GvBKOtDpdUV6c7XpuM/vh5vXxzZmxXE9Xjc8XCoW2AYLhcOMeD9CiVqdLtVrfHBn5fHVVFITdMPyfBisUNsqLoLVigrT0UjdtMhlx/L1Dh16L7J/teu7YPv9wc8vo2FjzgQPbzl2NVtvmcpsNBp+Nedpd/c93z/lszDNHjny+uprN5ZKHDwPF/W36lZggEQXtEywkodd3evaShTIEWW4tfapRlK/98hfnL1wI19dvA9gMhk7P3iDLSSRJmUxtLjdfaUkqqkmvD4jS1YmJmevXVZdrdn4+sscTEyTQNkh5ud1sTirqcHPL5ur85sTvzzXFG/z+lXz+YXmLEcwcfXbm6LN0YWK5ykoYQQ67qiZSHWBwfpZIzC8tjV+9Op3J1IlSrqcLqCxguGn65VD4+ZpAi6zcunPHXZj2h7arrEyj1YJm8LFsQnLCCCKR5HuHDsUECUYQliQTkjMgSqOXLv3ru+8Gh4aWXupuc7llqzUmSCAgZ0FgPhgbS6fTRXF7aO7q6ohTUcittoMRxMswUV60GI1JZWsIUBTFcDwuynWSvHDjxt+//Tayz/fBU+0hB28sqAmG4z4bcyQQXN3YKD0PwNPvLl483t4eF2UMx7ekn6JBZvhKC1BWFMdVq/XciROn+/oYhrn/zTfh+vogy/lY1k1RMUHyM+z09HQqlQJ3g1I19fv9X96+rVqtYV7wMoxK0fdePwMqoccwINetTtdbw8NHjx3bagqaXsnnzw4O1jqdo2+88eb587Pz85cvX/6vZ7JOp5uamvpo5pOLIyONXq+Hol+L7CeNRlBJGEFokynKi2tff01RVHH6enp6ZhcWnkgmo9GozWbbDcM/BoAgSJblJ1pb+8+e1Wi1bEXFy6Ew0FQ3RT3trpYtZH00qscwcDksKWPJPXOb9+8zin0FazQ0QRR/FI7DGs0P//JjHne0x1v9CPZvJOi+Z2Tuz+MAAAAASUVORK5CYII=" nextheight="2400" nextwidth="2400" class="image-node embed"><p>I think there's already some interesting possibilities here that are worth exploring more in depth in the future. The trick to do this is by using raycasting to check if grid vertices fall under the areas of the polygonal shapes, setting them to active if they do, such that the marching squares algo can subsequently find the contours. This can be extended with a point-line distance function to determine how close the grid vertices are to the polygonal region, and setting them to an active value based on proximity - which leads to this nice rounded off look of the contours that I thought looked really great.</p><p>This all started after browsing Pinterest for inspiration, a platform I've grown to love more and more over the past year. I found an interesting artwork that immediately drew me in:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/35fd9e575eebd1ec5c61c4445db1900b.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/2a1a09951572a99bf261ad698ea33e54.jpg" alt="" blurdataurl="data:image/png;base64,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" nextheight="2667" nextwidth="2000" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/15c586b49e57ca082abf7e09a0756293.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">Inspiration / Sketchbook Idea / Generative Shape</figcaption></figure><p>I couldn't find the artist behind the drawing (image on the left, if you know that artist let me know), but I thought that it was brilliant and gave me many ideas - I immediately had to ask myself what it would look like in generative form. The first step would be to figure out how to create the shape of a puzzle tile algorithmically. And it turned out to be trickier than I initially assumed.</p><p>Whenever you're trying to make any shape that's a bit more complicated than a simple circle or a convex regular n-gon you run into all sorts of problems. Although marching squares is a viable approach, it also comes with a lot of problems. For instance, the smoothness of the final 'rendered' shape entirely depends on the resolution of the underlying grid that's used to trace the contours - and the higher that resolution of that grid, the longer it takes for the shape to render.</p><p>The code ended up being an absolute mess when I finally managed to make it produce a the shape of a puzzle tile, which can be done by lining up 4 circles at the edges of a square and then letting the contour algo do its magic. Inward dents are achieved by setting the circles as "negative" and making them toggle off the grid vertices. One thing that I really wanted was the round and organic feel that many puzzle tiles have, which was difficult to do with how the vertices of the final shape were distributed along its contour.</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/18d2e060a1178d629d074b60e97312d8.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAIAAACPoCp1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAE6ElEQVR4nK1V3W/TVhS/N/6I7cSxE+fDdRxi0iRuUqdJ66RJTbcBonyMjq6hdB0d0WhXpkwU1gJJmrEylFA6BBXfiGnTEBNiPE3apL3BHwDTeOKNPe2B1z1N4mmT7ckLhYq24ifLur6+93fO+Z1zzwVg1QhzbprAl01CADiaJjGMJuxOHMdR1InjDEm4SAJH0dWTAyeObfR5Xp7HbEg5nxtXlE+yPXOb+0cVZTAen9vcf7jQ2+73r4oaGm/J62FI4uW/OIruaI8eyqnvxuLvRCL706mxTmV7NHoo2xPiPKtid+I4S5Gi22UZs+AiSS0cnukvlPO5IblDC0vH3+rbGY3tkeVSJl1MJHmWecEXBEIIAAohieiAACAQRv2+nmAbR1MQAJsxb22hMEwLS1pYGpI7Spl0f1gajMe3R2PjipIRg4UNYcHj1tchEFIYhkDoJAiWYfwEkeZ0+VAIU5xPYpld7RsFD8uxrIskTTPLAo3z/KTavUeW98jyeKrr4+40iWH/i2C32RiGqVSrjYWF2Urll7MLd2/d+v3xYwAAjaJ/Pnx4++7do5/PVKrVhWbzVL3u8/ksajPo1sei/W+MQIhAeGFpSVVV/RNBst5Ao9HIZbNmEPVdO746c0bXENdrtFtRrl+//sqEIRAGWJom7Mt/yLFYrVYz2QEAMdb9/c2bwJDCjeMFH18/fZplGGvBzMyMLMvWp+4HYuNZV5hz+2jHskLQoSQS09PTpo8m6a9Xr0T5NtHplFyuIM9/fe6cXvIoimAYBKCQz+/78CMUQj9DAwB41iV5PV4HuWItqrJ88fhx0enkKcpMoJJMPrj343CP2pVIXLl2rTeb5SkqwjAhWmfUNG24OOLCsKQQCLlZjqYsqle4TyLIZ319jfn5oZ07v6nVDu8bQYwCEEOhsYMHJyYmJEmKMIyforYPDJw5cuTq5MToyMju3bu3BEOCh13R6xckkuW/nz9XVTWWTN6pVha/qLfq67XbBYqaLOuIdnRo+fwfT59u3bZNYpnOIL8qAwzDBAXBzGrQ4Vis1To6OwEAhN1uQ5AQTasbws3FRcuqIAiMkXPSSMlrQKNojNXPG4JhHE1vZJjhYnFoaMiiQyAc60wtNJsAAIfTmeJ8qF76r5J7JbzdHv25cTpE0yGadjudly5fbj1KAADe4/ntzh2Vbws6HH6CmJqakiSpVcbXIBaJ/PXs2bmTJyvVql4zvb2tmxFj0Keq927cqFUqX87NPbh/f2BgYA0G4rHYp+WynSRFUfR6vS8vgMbj5rigKLIMo2laq4avR6csmwfN6JUv9EsL5rx5SjZp2t69e9dgoFtRZo8dM0+yZaNVIgsYjsN1GAgJwtULF6zWiEJIGTshAC6jjZsSIRDaEMRusxXy+eFicbUGzEWlUulUva6m08lk8v1Nm2a3bQm0tUEA+v1tkWCwK5Uq5HKFXK5HVaVQqHLixNTU1BoiMJHJZEql0viBA3NjY435+UePHgEA3Dj+z5MnXzab7w0ODheLo6OjY/v3l8tlURTXbMCEDUHSnL9cLneYDRnCid7eo7Oz66RrhZ5DFLUZF85P335nM2pGoCh1Q/js+fMrlcB6IoAA3J4/9cHWLfpl4HBkMpnW6+jNgOO4Hy5dbEwfOTA5ubS0FAgE3hi1CWj0tXgi0ZVKmY1z3fgXAffnyGyaOlEAAAAASUVORK5CYII=" nextheight="635" nextwidth="729" class="image-node embed"><p>After spending nearly three days on this exploration, I ultimately came to the conclusion that marching squares was not the right approach for this task - I probably could have spent some time optimizing my code but I just wanted to get the idea to work and see what it looked like. I ended up using the polybool.js library that allows the compositing of geometric shapes via boolean operations, a topic that I'm likely going to talk about more at some point. Here's what I ended up with:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8baddb1128c58aba7bc5dc54dcd8ede0.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1429" nextwidth="2000" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/904bf2fc041fed54b1bbbcb04647d332.jpg" alt="" blurdataurl="data:image/png;base64,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" nextheight="2000" nextwidth="2000" class="image-node embed"><p>Happy with where it's at now, but this is still not the final form of it.</p><h2>Music for Coding</h2><p>The opening to Evangelion is an absolute masterpiece; arguably one of my favorite songs of all time - I must've listened to a few dozen different versions of it over the past years, and I recently had a craving to listen to it again. One of the results that popped up in YouTube search was this a Capella version by Ignite Vocal, and I was instantly floored - what an absolute banger:</p><p>The group's simply stellar, there isn't a single thing to dislike about their rendition. Their other stuff is great as well. I'm surprised that they only have 619 subscribers on their channel (at the time of writing this) - I think they deserve at least a hundred times that number.</p><p><strong>And that's it from me this week, while I'm typing out these last words I bid my farewells — hopefully this caught you up a little with the events in the world of generative art, tech and AI throughout the past week.</strong></p><p><strong>If you enjoyed it, consider sharing it with your friends, followers and family - <u>more eyeballs/interactions/engagement helps tremendously</u> - it lets the algorithm know that this is good content. If you've read this far, thanks a million!</strong></p><p><em>If you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-43/#generative-art-goes-international" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;A la recherche de Vera Molnár - Poems in Code - Pioneers of '80s generative art - Matt DesLauriers' Sierra - Lovebyte 2024 - Jeres' Heuristics of Emotion - Simulating Infinite Grids - State of the Long-Form Generative Art Market +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 43&quot;,&quot;mean_alpha&quot;:244.603125,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-43/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/render.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-43/#generative-art-goes-international" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/render.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 43</h2><p>A la recherche de Vera Molnár - Poems in Code - Pioneers of '80s generative art - Matt DesLauriers' Sierra - Lovebyte 2024 - Jeres' Heuristics of Emotion - Simulating Infinite Grids - State of the Long-Form Generative Art Market +++ lots more</p></div></div></a></div></div><p><em>Previous issues of the newsletter can be found here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span> <em>If you're interested in sponsoring the Newsletter or advertising - reach out!</em></p><p> </p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>genart</category>
            <category>web3</category>
            <category>art</category>
            <category>tech</category>
            <category>code</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6abfa215660e27b5fcb3c799603527db.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gorilla Newsletter 43]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-43</link>
            <guid>dCeTCcVBoYPKxEFIfEjP</guid>
            <pubDate>Mon, 12 Feb 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[A la recherche de Vera Molnár - Poems in Code - Pioneers of '80s generative art - Matt DesLauriers' Sierra - Lovebyte 2024 - Jeres' Heuristics of Emotion - Simulating Infinite Grids - State of the Long-Form Generative Art Market +++ lots more]]></description>
            <content:encoded><![CDATA[<p></p><p><strong>Welcome back everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> and a heartfelt thank you to all new subscribers that joined in the past week!</strong></p><blockquote><p><strong>This is the 43rd issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-43/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;A la recherche de Vera Molnár - Poems in Code - Pioneers of '80s generative art - Matt DesLauriers' Sierra - Lovebyte 2024 - Jeres' Heuristics of Emotion - Simulating Infinite Grids - State of the Long-Form Generative Art Market +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 43&quot;,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-43/&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/render.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-43/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/render.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 43</h2><p>A la recherche de Vera Molnár - Poems in Code - Pioneers of '80s generative art - Matt DesLauriers' Sierra - Lovebyte 2024 - Jeres' Heuristics of Emotion - Simulating Infinite Grids - State of the Long-Form Generative Art Market +++ lots more</p></div></div></a></div></div><p><strong>If you're interested in sponsoring the Newsletter - reach out! That said, hope you're all having a great start into the week! </strong>Let's get straight into it!</p><h2>Generative Art goes International</h2><p>It seems that everyone's properly recovered from Genuary 2024, and that a whole slew of generative art exhibitions are afoot around the globe - from Budapest to London, and all the way to Japan <span data-name="earth_americas" class="emoji" data-type="emoji">🌎</span></p><h3>À la recherche de Vera Molnár</h3><p>Vera Molnár passed away early December of 2023, just a month prior to what would have been her 100th birthday - she lives on however, not only through her art, but also through the new generation of generative artists for many of which she is still a big inspiration. Just two days ago on the 10th of February, the exhibition <em>À la recherche de Vera Molnár</em> kicked off at the Ludwig Museum for Contemporary Art in Budapest to celebrate her life's work:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/7bb04eedc4904864527cc843f925df76.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><div data-type="embedly" src="https://www.ludwigmuseum.hu/en/exhibition/la-recherche-de-vera-molnar-artworks-vera-molnar-and-homages-internationally-acclaimed" data="{&quot;provider_url&quot;:&quot;https://www.ludwigmuseum.hu&quot;,&quot;description&quot;:&quot;The Ludwig Museum's exhibition titled À la recherche de Vera Molnar pays tribute to the artistic legacy of Vera Molnar, who passed away shortly before her 100th birthday. Born in Hungary and educated at the Hungarian Academy of Fine Arts, Molnar lived and created in France from 1947 until her death.&quot;,&quot;title&quot;:&quot;À LA RECHERCHE DE VERA MOLNAR - Artworks by Vera Molnar and Homages by Internationally Acclaimed Artists&quot;,&quot;url&quot;:&quot;https://www.ludwigmuseum.hu/en/exhibition/la-recherche-de-vera-molnar-artworks-vera-molnar-and-homages-internationally-acclaimed&quot;,&quot;thumbnail_width&quot;:1500,&quot;thumbnail_url&quot;:&quot;https://www.ludwigmuseum.hu/system/files/styles/header_image/private/news/gallery/2024-01/Moln%C3%A1r%20Vera%2C%20Electra%2C%20pap%C3%ADr%2C%20tus%2C%2029.5x42%20cm%2C%201983_642.jpg?itok=VG4jJmwC&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Ludwig Museum&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:650}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.ludwigmuseum.hu/en/exhibition/la-recherche-de-vera-molnar-artworks-vera-molnar-and-homages-internationally-acclaimed" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.ludwigmuseum.hu/system/files/styles/header_image/private/news/gallery/2024-01/Moln%C3%A1r%20Vera%2C%20Electra%2C%20pap%C3%ADr%2C%20tus%2C%2029.5x42%20cm%2C%201983_642.jpg?itok=VG4jJmwC" class="false"><div class="twitter-summary-card-text"><span>https://www.ludwigmuseum.hu</span><h2>À LA RECHERCHE DE VERA MOLNAR - Artworks by Vera Molnar and Homages by Internationally Acclaimed Artists</h2><p>The Ludwig Museum's exhibition titled À la recherche de Vera Molnar pays tribute to the artistic legacy of Vera Molnar, who passed away shortly before her 100th birthday. Born in Hungary and educated at the Hungarian Academy of Fine Arts, Molnar lived and created in France from 1947 until her death.</p></div></div></a></div></div><p>A highlight of the exhibition's opening ceremony, was a talk given by Frieder Nake, another one of the generative art OGs. From what I see in the picture, it's remarkable how many people came together to celebrate Vera Molnár that day:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/048704a706afda52e2a295ead8d0d7f3.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">I couldn't find if there was a recording of the talk | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/pointline_/status/1756009639555026974">Link to Tweet</a></figcaption></figure><p>Moreover, two tribute pieces were presented, one from Mario Klingemann and another by Iskra Velitchkova:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/d023186078643e5dceea74323f2829b2.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/quasimondo/status/1756263413997613417">Link to Quasimondo's Tweet</a></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/40dee9963ebbe2ca33e29e4c93ad0bc3.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/pointline_/status/1756352834977636676">Link to Iskra's Tweet</a></figcaption></figure><p>In light of the exhibition, <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/aurecevettier">Aurèce Vettier</a> was asked by the centre Pompidou to reflect on his collaboration with Vera back in 2023. He wrote a beautiful article in which she pays tribute to the Grande Dame, describing how she never lost her passion for making art even with old age:</p><div data-type="embedly" src="https://www.centrepompidou.fr/en/magazine/article/ai-nft-vera-molnar-a-step-ahead" data="{&quot;provider_url&quot;:&quot;https://www.centrepompidou.fr&quot;,&quot;description&quot;:&quot;As early as the 1960s, Vera Molnár was exploring the infinite possibilities of computer-assisted art. A few months before her death at the end of 2023, at the age of 99, she was working on new works generated using... artificial intelligence.&quot;,&quot;title&quot;:&quot;AI, NFT: Vera Molnár, a step ahead&quot;,&quot;author_name&quot;:&quot;aurèce vettier/Paul Mouginot&quot;,&quot;url&quot;:&quot;https://www.centrepompidou.fr/en/magazine/article/ai-nft-vera-molnar-a-step-ahead&quot;,&quot;thumbnail_url&quot;:&quot;https://www.centrepompidou.fr/fileadmin/user_upload/Vera-molnar-aurece-vignette.jpg&quot;,&quot;thumbnail_width&quot;:500,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Centre Pompidou&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:333}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.centrepompidou.fr/en/magazine/article/ai-nft-vera-molnar-a-step-ahead" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.centrepompidou.fr/fileadmin/user_upload/Vera-molnar-aurece-vignette.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.centrepompidou.fr</span><h2>AI, NFT: Vera Molnár, a step ahead</h2><p>As early as the 1960s, Vera Molnár was exploring the infinite possibilities of computer-assisted art. A few months before her death at the end of 2023, at the age of 99, she was working on new works generated using... artificial intelligence.</p></div></div></a></div></div><p>Over on Twitter he also lets us in on a little personal anecdote :</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/46243ac17c98ee94531abc2641ef2bd1.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/aurecevettier/status/1754633111193690572">Link to Tweet</a></figcaption></figure><p>Many more words and resources about the exhibition and Vera Molnár were shared over on social networks - I merely tried to showcase the highlights here. If you somehow find yourself in Budapest, the Ludwig Museum is definitely worth a visit, with several other simultaneously ongoing exhibitions.</p><p>As an addendum, towards the end of the exhibition page, a nice little booklet is linked which I thought was very well made, but also very easy to overlook - here's some excerpts:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/ef08f2dbfe9e27de990f0c9926093010.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1440" nextwidth="1590" class="image-node embed"><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/4674a8990add9238695a2b1fb6fed52e.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.ludwigmuseum.hu/system/files/news/attachments/2024-02/LUDWIG_VeraMolnar_100x180_booklet_0125_III.pdf">Link to the Booklet</a></figcaption></figure><h3>Poems in Code</h3><p>Poems in Code is a beautiful single screen exhibit set up in the middle of Ebisu square, a big open space located in the heart of Tokyo:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/839ac5ae4691bbe35929dec63ce75ea6.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/takawo/status/1756254542491263024">Link to Takawo-san's Tweet</a></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/3eca9bd5cc821a760397f42a2ff4cd83.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/takumanakata/status/1756189199664140452">Link to Takumanakata's tweet</a></figcaption></figure><p>The massive screen showcases animated pieces by Shunsuke Takawo, Zach Liebermann, Casey Reas, Seohyo, Alexis Andre, fingacode, and many other Japanese and international artists. Don't be scared by the following big block of Japanese text, you can find a complete list of artists + showcased artworks in this event page - translating it through your browser should do the trick:</p><div data-type="embedly" src="https://ccbt.rekibun.or.jp/events/poemsincode" data="{&quot;provider_url&quot;:&quot;https://ccbt.rekibun.or.jp&quot;,&quot;description&quot;:&quot;CCBTの未来提案型キャンプを発展させ、大型ビジョンによるジェネラティブ・アート作品の上映を恵比寿映像祭202&quot;,&quot;title&quot;:&quot;CCBT×恵比寿映像祭2024「Poems in Code--ジェネラティブ・アートの現在／プログラミングで生成される映像」 - シビック・クリエイティブ・ベース東京 [CCBT]&quot;,&quot;thumbnail_width&quot;:2048,&quot;url&quot;:&quot;https://ccbt.rekibun.or.jp/events/poemsincode&quot;,&quot;thumbnail_url&quot;:&quot;https://ccbt.rekibun.or.jp/wp-content/uploads/2024/01/1_banner-big_fix.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;シビック・クリエイティブ・ベース東京 [CCBT] -&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1152}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://ccbt.rekibun.or.jp/events/poemsincode" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://ccbt.rekibun.or.jp/wp-content/uploads/2024/01/1_banner-big_fix.png" class="false"><div class="twitter-summary-card-text"><span>https://ccbt.rekibun.or.jp</span><h2>CCBT×恵比寿映像祭2024「Poems in Code--ジェネラティブ・アートの現在／プログラミングで生成される映像」 - シビック・クリエイティブ・ベース東京 [CCBT]</h2><p>CCBTの未来提案型キャンプを発展させ、大型ビジョンによるジェネラティブ・アート作品の上映を恵比寿映像祭202</p></div></div></a></div></div><h3>Zach Lieberman solo Exhibition</h3><p>Over in London, Zach Lieberman kicked off his very first solo exhibition with Unit London, filling an entire exhibition space with his trademark circular gradients and biomorphic blobs:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8df766a2ec5e19189d927a18124df55b.webp" alt="" blurdataurl="data:image/png;base64,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" nextheight="2948" nextwidth="3920" class="image-node embed"><p>I've been a big fan of Zach's approach ever since I discovered generative art for myself. His concept of poetic computation, that likens writing code to writing poetry, really resonated with me and was one of the ideas that got me hooked on creative coding as an artform. </p><p>One the first few videos I ever saw on creative coding was actually by talk by Zach, in which he talks about his concept of poetic computation, showcases his process, and live codes a little squiggly shape to demonstrate what it's all about:</p><p>If you're in London, definitely go check out the exhibition - I'm actually going to be in London towards the end of February, so I'll definitely stop by. You can learn a little more about the exhibition and see a list of the presented Lieberman works over on the exhibition page:</p><div data-type="embedly" src="https://unitlondon.com/exhibitions/zachary-lieberman-circles-blobs-ripples/" data="{&quot;provider_url&quot;:&quot;https://unitlondon.com&quot;,&quot;description&quot;:&quot;Zachary Lieberman's first solo exhibition with Unit explores the unexpected effects of geometries crafted with code, revealing how a systematic approach to image-making can transform shapes into mesmerising visual experiences.&quot;,&quot;title&quot;:&quot;Zachary Lieberman | Circles, Blobs, Ripples | Unit&quot;,&quot;thumbnail_width&quot;:1120,&quot;url&quot;:&quot;https://unitlondon.com/exhibitions/zachary-lieberman-circles-blobs-ripples/&quot;,&quot;thumbnail_url&quot;:&quot;https://res.cloudinary.com/unit-london/images/f_webp,q_auto/v1707486397/outputTest-366-2/outputTest-366-2.png?_i=AA&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Unit&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1400}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://unitlondon.com/exhibitions/zachary-lieberman-circles-blobs-ripples/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://res.cloudinary.com/unit-london/images/f_webp,q_auto/v1707486397/outputTest-366-2/outputTest-366-2.png?_i=AA" class="false"><div class="twitter-summary-card-text"><span>https://unitlondon.com</span><h2>Zachary Lieberman | Circles, Blobs, Ripples | Unit</h2><p>Zachary Lieberman's first solo exhibition with Unit explores the unexpected effects of geometries crafted with code, revealing how a systematic approach to image-making can transform shapes into mesmerising visual experiences.</p></div></div></a></div></div><h2>All the Generative Things</h2><p>And here's some other generative news that you can enjoy no matter where you currently are in the world right now <span data-name="art" class="emoji" data-type="emoji">🎨</span></p><h3>Pioneers of '80s Art &amp; Innovation</h3><p>Le Random has been going strong in the past weeks, not only consistently expanding their timeline, but also putting their best foot forward in terms of Twitter spaces and publishing the recordings in podcast format. In the most recent talk they invited 9 of the pioneers that were at forefront of generative art in the 80s, letting them present their stories and reflecting with them on the practice at that point in time:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/f6891a202ec8b69f30406b2eb23b0e9a.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://podcasts.apple.com/us/podcast/le-random/id1726153340?i=1000644631183">Link to Podcast</a></figcaption></figure><p>We often talk about the pioneers from the 50s and 60s, but not much about the following decades, and I believe that the artists from those eras are in many ways overlooked and not given the credit that they deserve. Le Random steps in as the middle-man to introduce us to them - I'm a bit embarrassed to admit, that I didn't know any of the invited guests other than Geoff Davis prior to listening to the talk. You can also find the group talk in video format here if you prefer that:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/0dd8caffa21beb15b1612731d52301aa.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/lerandomart/status/1755585860043423788">Link to Tweet</a></figcaption></figure><p>I know, at this point I'm sharing a piece of Le Random content about every other week, but they're simply doing efforts in the genart space that no one else is - quite literally documenting the entire history of it. Go support them and share their content! Also looking forward to Monk's next article!</p><h3>Matt DesLauriers' Sierra</h3><p>Following his previous project Hachure, which exhibited with Verse towards the end of 2023, Matt DesLauriers returns with another Web Assembly project in which he takes a step back from the long-form approach in favor of letting his system fulfill a more curatorial role in the art making process:</p><div data-type="embedly" src="https://avantarte.com/insights/articles/Matt-DesLauriers-Generative-printmaking-and-systems-of-colour" data="{&quot;provider_url&quot;:&quot;https://avantarte.com&quot;,&quot;description&quot;:&quot;Generative artist Matt DesLauriers and Master printmaker Tom Murphy discuss the process behind Sierra, a print that explores systems in colour and systems in printmaking.&quot;,&quot;title&quot;:&quot;In conversation: Matt DesLauriers | Avant Arte&quot;,&quot;mean_alpha&quot;:255,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://avantarte.com/insights/articles/Matt-DesLauriers-Generative-printmaking-and-systems-of-colour&quot;,&quot;thumbnail_url&quot;:&quot;https://avantarte.com/api/og?token=ca9977fc9dc331d093348e90e4213417cd04b71b09a4db1fc691b3f92ac06166&amp;overline=Articles&amp;title=Generative%20printmaking%20and%20systems%20of%20colour&amp;image=https%3A%2F%2Fa.storyblok.com%2Ff%2F119968%2F2068x1238%2Ffebfd43ba3%2Fmatt-deslauriers-_timcraig_18-1-24_98.jpg%2Fm%2F510x510&amp;overlay=&amp;isDark=&amp;isVideo=true&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Avantarte&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://avantarte.com/insights/articles/Matt-DesLauriers-Generative-printmaking-and-systems-of-colour" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://avantarte.com/api/og?token=ca9977fc9dc331d093348e90e4213417cd04b71b09a4db1fc691b3f92ac06166&amp;overline=Articles&amp;title=Generative%20printmaking%20and%20systems%20of%20colour&amp;image=https%3A%2F%2Fa.storyblok.com%2Ff%2F119968%2F2068x1238%2Ffebfd43ba3%2Fmatt-deslauriers-_timcraig_18-1-24_98.jpg%2Fm%2F510x510&amp;overlay=&amp;isDark=&amp;isVideo=true" class="false"><div class="twitter-summary-card-text"><span>https://avantarte.com</span><h2>In conversation: Matt DesLauriers | Avant Arte</h2><p>Generative artist Matt DesLauriers and Master printmaker Tom Murphy discuss the process behind Sierra, a print that explores systems in colour and systems in printmaking.</p></div></div></a></div></div><p>Matt DesLauriers details the making of Sierra in form of a meticulous project page over on his site, that isn't just a treat for the eye, but also reveals and explains to us the code that brings the single output to life:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/a31b3dd099ae78c5e385695b54813373.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1028" nextwidth="1658" class="image-node embed"><p>I really appreciate how much thought and care Matt puts into presenting and documenting his works - something that I don't see from many artists. I think it's really important to capture these moments in time for future reference. Here's also a link to the Github repo in which he open sources part of the code that helps in creating the screen print:</p><div data-type="embedly" src="https://github.com/mattdesl/lcms-wasm" data="{&quot;provider_url&quot;:&quot;https://github.com&quot;,&quot;description&quot;:&quot;a WASM reboot of lcms.js (Little-CMS for JS). Contribute to mattdesl/lcms-wasm development by creating an account on GitHub.&quot;,&quot;title&quot;:&quot;GitHub - mattdesl/lcms-wasm: a WASM reboot of lcms.js (Little-CMS for JS)&quot;,&quot;url&quot;:&quot;https://github.com/mattdesl/lcms-wasm&quot;,&quot;author_name&quot;:&quot;mattdesl&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://opengraph.githubassets.com/dcd9e5f30562126873e768d3e23faf639da0be86ce5503ff22b5f5919cd2dc52/mattdesl/lcms-wasm&quot;,&quot;author_url&quot;:&quot;https://github.com/mattdesl&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;GitHub&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://github.com/mattdesl/lcms-wasm" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://opengraph.githubassets.com/dcd9e5f30562126873e768d3e23faf639da0be86ce5503ff22b5f5919cd2dc52/mattdesl/lcms-wasm" class="false"><div class="twitter-summary-card-text"><span>https://github.com</span><h2>GitHub - mattdesl/lcms-wasm: a WASM reboot of lcms.js (Little-CMS for JS)</h2><p>a WASM reboot of lcms.js (Little-CMS for JS). Contribute to mattdesl/lcms-wasm development by creating an account on GitHub.</p></div></div></a></div></div><p>Now you might ask, what actually is WebAssembly? Often abbreviated as wasm, it's basically a technology that allows developers to run high-performance code on web browsers. It's like a common language that different programming languages can be translated into, enabling them to work together seamlessly on the web. A good starting point for Web Assembly is the mdn web documentation:</p><div data-type="embedly" src="https://developer.mozilla.org/en-US/docs/WebAssembly" data="{&quot;provider_url&quot;:&quot;https://developer.mozilla.org&quot;,&quot;description&quot;:&quot;WebAssembly is a type of code that can be run in modern web browsers - it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++, C# and Rust with a compilation target so that they can run on the web.&quot;,&quot;title&quot;:&quot;WebAssembly | MDN&quot;,&quot;thumbnail_width&quot;:1920,&quot;url&quot;:&quot;https://developer.mozilla.org/en-US/docs/WebAssembly&quot;,&quot;thumbnail_url&quot;:&quot;https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;MDN Web Docs&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1080}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://developer.mozilla.org/en-US/docs/WebAssembly" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png" class="false"><div class="twitter-summary-card-text"><span>https://developer.mozilla.org</span><h2>WebAssembly | MDN</h2><p>WebAssembly is a type of code that can be run in modern web browsers - it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++, C# and Rust with a compilation target so that they can run on the web.</p></div></div></a></div></div><p>It's interesting to see Matt shift to this more curatorial approach considering that he's previously previously mainly been making long-form projects, most notably Meridian and FOLIO. I wonder if it's to adjust to the current generative art market. We'll talk a bit more about that in one of the following sections.</p><h3>Lovebyte 2024</h3><p>I only learned about Lovebyte through a tweet by Frank Force, in which he announced that he was working on a tiny demo for the event - the demo itself is super impressive, considering that it's roughly 1kb in size, and also generates music in addition the animation:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b7e11e416f961993bc37cc9b184bead6.png" blurdataurl="data:image/png;base64,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" nextheight="1306" nextwidth="1304" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">The video also includes sound | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/KilledByAPixel/status/1755470294565699827">Link to Tweet</a></figcaption></figure><p>And it seems that Lovebyte is an absolutely crazy event, that comes to life in its entirety through a number of live streams, where coders present their bytesized creations and also live code them. You can find some of the recordings over on their Youtube channel, including this year's opening show - if you're into size-coding this is going to be a treat for you:</p><div data-type="youtube" videoid="QIh3WKuAOos">
      <div class="youtube-player" data-id="QIh3WKuAOos" style="background-image: url('https://i.ytimg.com/vi/QIh3WKuAOos/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=QIh3WKuAOos">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>Here's a link to <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://lovebyte.party/#About">the event page</a>, as well as an <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://demozoo.org/parties/4760/">overview to all submissions</a>.</p><h3>Jeres' Heuristics of Emotion</h3><p>Jeres wrote a beautiful article accompanying his newest generative art project 'Heuristics of Emotion', which is an attempt at giving shape and color to the digital emotions of the machine:</p><div data-type="embedly" src="https://jeres.xyz/heuristics-of-emotion/" data="{&quot;provider_url&quot;:&quot;https://jeres.xyz&quot;,&quot;description&quot;:&quot;JERES * Heuristics of Emotion Presented by Ivan Zhyzhkevych &amp; Verse&amp;nbsp⤤ * February 8th, 6pm UTC (10am PT) Short-cuts: Curated outputs, Color, Mechanics, Rendering, Custom sizes for prints, etc This project is ultimately about machines learning to feel, and trying to visualize that in some abstract way.&quot;,&quot;title&quot;:&quot;Jeres | Heuristics of Emotion&quot;,&quot;mean_alpha&quot;:130.718633308,&quot;thumbnail_width&quot;:1800,&quot;url&quot;:&quot;https://jeres.xyz/heuristics-of-emotion/&quot;,&quot;thumbnail_url&quot;:&quot;https://jeres.xyz/heuristics-of-emotion/images/hoe-header.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Jeres&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1339}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://jeres.xyz/heuristics-of-emotion/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://jeres.xyz/heuristics-of-emotion/images/hoe-header.png" class="false"><div class="twitter-summary-card-text"><span>https://jeres.xyz</span><h2>Jeres | Heuristics of Emotion</h2><p>JERES * Heuristics of Emotion Presented by Ivan Zhyzhkevych &amp; Verse&amp;nbsp⤤ * February 8th, 6pm UTC (10am PT) Short-cuts: Curated outputs, Color, Mechanics, Rendering, Custom sizes for prints, etc This project is ultimately about machines learning to feel, and trying to visualize that in some abstract way.</p></div></div></a></div></div><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/074af11e1668c92b6fbdce1362fd92d8.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="hide-figcaption"></figcaption></figure><p>I really love the blend of essay-like introduction, intertwined with anecdotal storytelling and technical details sprinkled on top - it seems Jeres is not just great at making generative art, but also at putting his thoughts into written form. If you're going to read one thing this week, I recommend that you read this one.</p><h3>Creating an Animated 3D Starfield Effect</h3><p>One interesting tutorial I came across this week is over on the kirupa site, teaching us how to create a 3D Starfield Effect - basically an animation that simulates the POV of flying through a starfield in space:</p><div data-type="embedly" src="https://www.kirupa.com/animations/animated_3d_starfield_effect.htm" data="{&quot;provider_url&quot;:&quot;https://www.kirupa.com&quot;,&quot;description&quot;:&quot;Learn how to create this fun effect where we simulate us flying past endless stars in outer space.&quot;,&quot;title&quot;:&quot;Creating an Animated 3D Starfield Effect&quot;,&quot;author_name&quot;:&quot;Kirupa Chinnathambi&quot;,&quot;url&quot;:&quot;https://www.kirupa.com/animations/animated_3d_starfield_effect.htm&quot;,&quot;thumbnail_url&quot;:&quot;https://www.kirupa.com/animations/images/og_starfield.png&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;KIRUPA&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.kirupa.com/animations/animated_3d_starfield_effect.htm" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.kirupa.com/animations/images/og_starfield.png" class="false"><div class="twitter-summary-card-text"><span>https://www.kirupa.com</span><h2>Creating an Animated 3D Starfield Effect</h2><p>Learn how to create this fun effect where we simulate us flying past endless stars in outer space.</p></div></div></a></div></div><p>This was interesting to me because I attempted this myself at some point, and found that it's a nice little illusion that can actually be achieved entirely in 2D, but is still kind of tricky to get right - you can find <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://openprocessing.org/sketch/1763038">my sketch over on OpenProcessing</a>. Over on kirupa they do it entirely with the canvas drawing API without P5. Now I'm really tempted to give it another go <span data-name="thinking" class="emoji" data-type="emoji">🤔</span></p><p>I also recommend checking out the rest of the site - it's actually quite massive and a really good resource for beginners to intermediate coders, specifically if you're trying to get better at JavaScript coding. They've got tutorials about making animations, dealing with the canvas element, as well as more general JavaScript things:</p><div data-type="embedly" src="https://www.kirupa.com/canvas/index.htm" data="{&quot;provider_url&quot;:&quot;https://www.kirupa.com&quot;,&quot;description&quot;:&quot;Learn all about this thing called the canvas and how it helps bring pixels to life using just JavaScript!&quot;,&quot;title&quot;:&quot;Working with the Canvas&quot;,&quot;author_name&quot;:&quot;Kirupa Chinnathambi&quot;,&quot;url&quot;:&quot;https://www.kirupa.com/canvas/index.htm&quot;,&quot;thumbnail_url&quot;:&quot;https://www.kirupa.com/images/s/19.png&quot;,&quot;thumbnail_width&quot;:1100,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;https://www.kirupa.com&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:600}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.kirupa.com/canvas/index.htm" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.kirupa.com/images/s/19.png" class="false"><div class="twitter-summary-card-text"><span>https://www.kirupa.com</span><h2>Working with the Canvas</h2><p>Learn all about this thing called the canvas and how it helps bring pixels to life using just JavaScript!</p></div></div></a></div></div><h3>Simulating an Infinite Grid</h3><p>Giorgio Fnool shows us how to create a fake infinite grid, which basically is nothing more than a draggable grid that creates the illusion of being infinite by wrapping around on itself when items leave the viewport - the 'making of' style video he shared already gives a good idea of how it's done, but he further elaborates in the replies to his thread:</p><div data-type="twitter" tweetid="1755531785272734075"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/gfnool">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/975642947684364288/U9JvO9tc_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/gfnool" class="twitter-displayname">Giorgio Fnool</a>
              <p><a target="_blank" href="https://twitter.com/gfnool" class="twitter-username">@gfnool</a></p>
    
            </div>
            <a href="https://twitter.com/gfnool/status/1755531785272734075" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      <img class="twitter-emoji" draggable="false" alt="🛠️" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f6e0.png">Creating a fake infinite grid with <a class="twitter-content-link" href="https://twitter.com/greensock" target="_blank">@greensock</a> GSAP and <a class="twitter-content-link" href="https://twitter.com/PixiJS" target="_blank">@PixiJS</a> <br><br>I had fun building this, so I'm going to share it here.<br><br><a class="twitter-content-link" href="https://twitter.com/isipisi23" target="_blank">@isipisi23</a> designed a homepage that loads products from the CMS and presents them as a draggable, infinite mosaic of animated cards.<br><br><img class="twitter-emoji" draggable="false" alt="👇" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f447.png"><img class="twitter-emoji" draggable="false" alt="🧵" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f9f5.png"> 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/ext_tw_video_thumb/1755524958472601600/pu/img/p8_yt0M860OQ0qgk.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/gfnool/status/1755531785272734075" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            342
          </a>
          <a target="_blank" href="https://twitter.com/gfnool/status/1755531785272734075"><p>10:59 • 8 Feb 2024</p></a>
        </div>
    
  </div> 
  </div><p>                                                                                                                                                                     This reminds me of a tweet from Juhani Halkomakki back from early 2022, in which he created a similar proof of concept:</p><p></p><div data-type="twitter" tweetid="1599469014891532288"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/JuhaniHalkomaki">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/1597511688051466240/driyYDCU_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/JuhaniHalkomaki" class="twitter-displayname">Juhani Halkomäki</a>
              <p><a target="_blank" href="https://twitter.com/JuhaniHalkomaki" class="twitter-username">@JuhaniHalkomaki</a></p>
    
            </div>
            <a href="https://twitter.com/JuhaniHalkomaki/status/1599469014891532288" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      <a class="twitter-content-link" href="https://twitter.com/hashtag/creativecoding" target="_blank">#creativecoding</a> <a class="twitter-content-link" href="https://twitter.com/hashtag/p5js" target="_blank">#p5js</a> <br><br>Made a proof-of-concept of endless scrolling for an irregular grid. It's not infinite, the whole grid is only about four times the size of the canvas. I found it pretty and interesting, and also pretty interesting. 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/ext_tw_video_thumb/1599468676419289090/pu/img/FnHfdsi4lda1k36U.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/JuhaniHalkomaki/status/1599469014891532288" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            487
          </a>
          <a target="_blank" href="https://twitter.com/JuhaniHalkomaki/status/1599469014891532288"><p>19:21 • 4 Dec 2022</p></a>
        </div>
    
  </div> 
  </div><p>And on a related note, if this idea is something that interests you, definitely also give Amelia Wattenberger's article 'Evolving the Infinite Canvas' a read:</p><div data-type="embedly" src="https://wattenberger.com/thoughts/evolving-the-infinite-canvas" data="{&quot;provider_url&quot;:&quot;https://wattenberger.com&quot;,&quot;description&quot;:&quot;Amelia Wattenberger's personal website&quot;,&quot;title&quot;:&quot;Amelia Wattenberger&quot;,&quot;url&quot;:&quot;https://wattenberger.com/thoughts/evolving-the-infinite-canvas&quot;,&quot;author_name&quot;:&quot;Amelia Wattenberger&quot;,&quot;thumbnail_url&quot;:&quot;https://wattenberger.com/dogs/Afghan%20Hound%20.png&quot;,&quot;thumbnail_width&quot;:2048,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Wattenberger&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:2048}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://wattenberger.com/thoughts/evolving-the-infinite-canvas" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://wattenberger.com/dogs/Afghan%20Hound%20.png" class="false"><div class="twitter-summary-card-text"><span>https://wattenberger.com</span><h2>Amelia Wattenberger</h2><p>Amelia Wattenberger's personal website</p></div></div></a></div></div><h2>State of the Long-Form Generative Art Market</h2><p>If I've learned one thing from putting together this newsletter over the course of the past year (almost a year now), it's that the Web3 space is evolving at an insanely rapid pace. It's often hard to keep track of how things are advancing, what the different players in the field are up to every week, and what the new trends are. I believe that it's really important to stay on top of things in that way, especially when you're an artist that's trying to get a foot in the door. </p><p>Having curated an impressive number of projects with Dawn Contemporary, Haiver has some of the best insights when it comes to artists trying to make a living from generative art - in a long-form tweet of his, he provides us with some of his thoughts about how the market has changed over the past three years and gives some words of advice on how artists can adjust:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/cd7e2ba9849074f6e72167fc15eacfd1.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/HaiverArt/status/1755660425369153649">Link to entire Tweet</a></figcaption></figure><p>Fact is, the space has gotten a lot more competitive — the art's gotten a whole lot better, and collectors have gotten a whole lot smarter at detecting what good art is, whether it's the aesthetics of it or the conceptual idea. </p><p>With the advent of long-form generative art and the underlying blockchain technology that makes it possible, selling out <em>fast</em> has become one of those hot topics that's established itself as an important factor in determining the value of a collection - one of the points that Haiver tackles in his tweet. Recently however, it's been less and less the case that projects sell out instantly.</p><p>But did we actually all really think that <strong>everything</strong> would sell out <strong>all</strong> the time? One thing that I want to stress here right off the bat, is that selling out should not be one of the factors that your happiness and mental health depend on. If you're an artist that's been consistently selling out with every project, and it's the first time that a collection isn't an instant complete, it might hit you very hard. Maybe not if you're a seasoned veteran and have been in the art game for a long time.</p><p>With some of my own earlier works that didn't sell out I'd be lying if I said that it didn't hurt a bit, especially with those projects that were labors of love. At the same time however, it's a very sobering experience, and presents you with a different reality - it requires you to take a step back and objectively assess in which ways your work fell short. There's really no point in blaming yourslef, or the market, because after all nobody owes you anything, but rather take it as a chance to learn from and grow as an artist. I don't go into releases anymore with the romantic idea that they will be smash hits.</p><p><em>I mean, what are you gonna do if your project doesn't sell out? Throw in the towel and just stop making art altogether?</em></p><p>Maybe instead of bragging about how fast our collections have sold out, we can brag about who collected one of our works? When I released Hex Appeal back in December, and saw that two of my internet friends showed up so quickly to mint the very first 2 iterations, it felt as if the collection was already complete:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/b88a102bc492181077b7dbf659993897.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1102" nextwidth="1418" class="image-node embed"><p>Thank you meezwhite and Melissa, it genuinely made my day when I released the project and it still brings me joy to see you two pop up whenever I look at the collection.</p><p>A relevant statement on this matter is from Kevin Abosch:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/47f9756cca22327d2fd493b48a22d7ec.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/kevinabosch/status/1749009202754830753">Link to entire Tweet</a></figcaption></figure><p>I believe that there's a lot more that can be said here, because it's a topic that I've thought about a lot and that I've tried to understand - it's definitely an important part of the generative art game that we're all trying to play. I'm certain however that in a couple of months things will have changed drastically again, and that there's going to be different rules to the game. Best thing we can collectively do is try to steer the space in a better direction where we talk in a balanced manner about the art and the underlying market dynamics.</p><h2>Web3 News</h2><h3>Foundation Exhibitions</h3><p>And while we're talking about Art, NFTs and the market, just a couple of days ago, Foundation announced a new feature that's coming to their platform, with the self-explanatory title "<em>Exhibitions"</em>:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/9cddb9c3fc30c3a59ecc3bfecbf5b251.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/saturnial/status/1755284828034077029">Link to Thread</a></figcaption></figure><p>There isn't much information about how it'll work at this point, but I'm assuming that it'll be some sort of combination between web page editor and curatorial tool that's native to foundation, where curators and artists can showcase their works and provide additional information in form of text and supplementary material - I'm purely going off of the little 'Add content' popup that's shown in kayvon's tweet. </p><p>Conversations and stories quickly get lost on social media, hence I think that this is a great initiative from Foundation, providing artists and curators means to document their work within little self-contained spaces. The feature is planned to go live for everyone on the 26th of February, but they've already got a few exhibitions lined up to kick things off - a list of partners can be seen here:</p><div data-type="embedly" src="https://exhibitions.foundation.app/" data="{&quot;provider_url&quot;:&quot;https://exhibitions.foundation.app&quot;,&quot;description&quot;:&quot;A new era of Exhibitions. Coming 2.26.24.&quot;,&quot;title&quot;:&quot;Exhibitions by FND&quot;,&quot;thumbnail_width&quot;:3840,&quot;url&quot;:&quot;https://exhibitions.foundation.app&quot;,&quot;thumbnail_url&quot;:&quot;https://d3n32ilufxuvd1.cloudfront.net/64f0a3844bdf060055cc5483/Image-384a001b-70aa-4f75-86c6-4215fe172db2.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Exhibitions by FND&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:2160}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://exhibitions.foundation.app/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://d3n32ilufxuvd1.cloudfront.net/64f0a3844bdf060055cc5483/Image-384a001b-70aa-4f75-86c6-4215fe172db2.jpg" class="false"><div class="twitter-summary-card-text"><span>https://exhibitions.foundation.app</span><h2>Exhibitions by FND</h2><p>A new era of Exhibitions. Coming 2.26.24.</p></div></div></a></div></div><p>I'm also still eagerly awaiting what fxhash has planned in this regard, in an interview with Le Random, Ciphrd hinted that a curatorial tool was in the works, but that was the only mention of it. But from what it seems, 2024 is shaping up to be the year of curatorial tools.</p><h3>arltcollector in conversation with Han</h3><p>I love me a good interview, and this one from arltcollector with Han fit the bill just right - if you're not familiar with Han, he's an architect turned NFT artist, and the creator of Crypto Cubes, arguably one of the earliest instances of generative art minted on the blockchain. In the interview Han talks about his practice, reminisces about how the Crypto Cubes project came to be back in 2020, and also tells us about his upcoming endeavors:</p><div data-type="embedly" src="https://www.artxcode.io/journal/han-interview" data="{&quot;provider_url&quot;:&quot;https://www.artxcode.io&quot;,&quot;description&quot;:&quot;Han is most well-known for his early OG generative art NFT collection that was launched in 2020 called CryptoCubes. If you were around back then you would know how collectible and exciting these cubes were. It's the end of 2023 and Han hasn't stopped innovating.&quot;,&quot;title&quot;:&quot;1 of 1 Art Pieces with Han - ARTXCODE&quot;,&quot;url&quot;:&quot;https://www.artxcode.io/journal/han-interview&quot;,&quot;mean_alpha&quot;:255,&quot;thumbnail_width&quot;:848,&quot;thumbnail_url&quot;:&quot;http://static1.squarespace.com/static/5f3d21d4566e5c1a731605bf/5f502f58dec00e605636a598/652df101f06d942876b1e2ac/1700870441385/Screenshot+2023-10-18+at+10.50.10%E2%80%AFPM.png?format=1500w&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;ARTXCODE&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:850}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.artxcode.io/journal/han-interview" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://static1.squarespace.com/static/5f3d21d4566e5c1a731605bf/5f502f58dec00e605636a598/652df101f06d942876b1e2ac/1700870441385/Screenshot+2023-10-18+at+10.50.10%E2%80%AFPM.png?format=1500w" class="false"><div class="twitter-summary-card-text"><span>https://www.artxcode.io</span><h2>1 of 1 Art Pieces with Han - ARTXCODE</h2><p>Han is most well-known for his early OG generative art NFT collection that was launched in 2020 called CryptoCubes. If you were around back then you would know how collectible and exciting these cubes were. It's the end of 2023 and Han hasn't stopped innovating.</p></div></div></a></div></div><p>I don't fully understand how Han's new project works, because my technical knowledge of smart contracts is limited, but it seems that he's creating a series of 1/1 pieces, each of which consisting of its very own smart contract that enables it as a marketizable piece of digital art.</p><h2>Tech, Code and Web</h2><p>There's also a lot of other interesting things that I found on the Web in the past week - here's a little sampler of different Tech and Code related thingamabobs <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h3>A Self-balancing Cube</h3><p>Willem Pennings designed a mechanical cube that balances itself on one of its corners:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/8f07f8f1bfadc4920c273294f4de80d0.jpg" alt="This cube can balance on its corner using three orthogonally mounted reaction wheels" blurdataurl="data:image/png;base64,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" nextheight="1043" nextwidth="1568" class="image-node embed"><p>As he points out himself in the explanatory article that he posted, there isn't much practical value to this esoteric gadget, but still a worthwhile idea to explore - he details the technical aspects of it:</p><div data-type="embedly" src="https://willempennings.nl/balancing-cube/" data="{&quot;provider_url&quot;:&quot;https://willempennings.nl&quot;,&quot;description&quot;:&quot;This cube manages to balance itself on a corner, and can simultaneously rotate around its axis in a controlled manner. It does so using clever controls and a set of three reaction wheels. The original idea for this device comes from researchers at ETH Zürich, who demonstrate their \&quot;Cubli\&quot; in this video.&quot;,&quot;title&quot;:&quot;Balancing cube&quot;,&quot;url&quot;:&quot;https://willempennings.nl/balancing-cube/&quot;,&quot;author_name&quot;:&quot;Willem&quot;,&quot;thumbnail_width&quot;:1024,&quot;thumbnail_url&quot;:&quot;https://willempennings.nl/wp-content/uploads/2024/02/cube-8-1024x681.jpg&quot;,&quot;author_url&quot;:&quot;https://willempennings.nl/author/willempennings/&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Willempennings&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:681}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://willempennings.nl/balancing-cube/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://willempennings.nl/wp-content/uploads/2024/02/cube-8-1024x681.jpg" class="false"><div class="twitter-summary-card-text"><span>https://willempennings.nl</span><h2>Balancing cube</h2><p>This cube manages to balance itself on a corner, and can simultaneously rotate around its axis in a controlled manner. It does so using clever controls and a set of three reaction wheels. The original idea for this device comes from researchers at ETH Zürich, who demonstrate their "Cubli" in this video.</p></div></div></a></div></div><h3>A Search Engine in 80 Lines of Python</h3><p>We already talked about size-coding earlier, but this takes it to the next level - with an itch to learn how search engines work, Alex Molas decided to create his own from scratch, and ended up doing so in just 80 lines of code - the interesting part of it at least. He details how he did it in this write-up:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/28ff3dbb06a8a0d5a0a61d7a797e53d1.png" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAPCAIAAAAK4lpAAAAACXBIWXMAABYlAAAWJQFJUiTwAAADC0lEQVR4nLWTz2vTYBjHs4t6cGAvg8Ggt8EOu+UQiHgY4mGH/RcDhxQ2Ydh3rNBXDVgxcwvjXVet0QYX1gpBrfOdLjOomRoxSC8dJlojnWtwEXKpaMVI33dTUCeo+CE85P3B+/z4Pg8T/WeYKIpauxBFX968aaRSuWvXVtMwryjLaZi/cPHG2PGZ6enFbFY7OnJ2ZeUpeeHz7xyEYRgEQbPZDILA9/0gCMjO+yAI6vUN1/V8/53rviTWc93Xrut53tuNjU3P23Qc17af2bsQhiEThiHLsjzPd3Z29vT0dHV1cRwXi8UYhmFZtq+vLxY7wDBMLHZg7949hw4dPHLkMF0yDLN//77h4WEaYvNXtFqttoOhoSGWZRmG6e3tHRwc5HmeIXAcx7Isx3HxeLy/v7+joyMej/M8PzAw0N3dTYMYGRmhRf5diQxCpVKxLEvXdct6ijGuVquWZWmaZhhGrVb7J5ExxqqqlgkYLz18eH9lZfnJk0eGYZQIpmkSPer+T1DBdqNdoiiKaLCmaVqWtbZm3b1rrt57fOfOg2p1vUZwHKf6VzSbzbYDy7JkWUZorlQqXl24ngQoCVAa5j1v89Onj0StD+T7Y9olarVadQLt0VqttrXV2NpqNBp1GrvjOC9eVF+9WnecdbqkCTmOQy643zZ/OKpUKu02pRpIkiSKYi6XK5fLU1PnJWmmULiiKAqxC9msNj29uLBws1hcRAipqirLci43PzMzVShcVnbQNE1RFCqnJEmO42xnIAhCIpEAABA7MTmZPHbspCjm0ulUKpWC8OTp01Ojo6mJCQgAGBsbGx8fByA5O5s7kZxFaDGTOZNIJCDcPpUkCQCAMaa923aAEBJFESGUyWQEQbh0KT8/r8zN5SFMC4JAMstOTiYhTAMA6B0AgCwXisVbp06dE3cAAHz7QQiZprntILMDhFCWZQjh7dtLtv1M11cNwzDNNdu2MV7WCbTfMF42TbNSeY7xkq7rtm3ruo4xpiNVLpc1TfvuoFQq0cJhjDVNU1XV9/2/nqwfBu0rsEFDVi36An4AAAAASUVORK5CYII=" nextheight="810" nextwidth="1700" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://www.alexmolas.com/2024/02/05/a-search-engine-in-80-lines.html">Link to Article</a></figcaption></figure><p>If you've ever wanted to build your own search engine, this might just be your starting point. It turns out that you don't actually need that much: obviously a first is some data (pages) to actually search, then an index to store references to this data based on the information that occurs in this data (keywords), followed by a ranking mechanism that produces a curated list of outputs from a query, and last but not least also an interface through which all of this can be accessed by a user. </p><h3>The Cursed Library</h3><p>The Cursed Library is not really a game, but rather an interactive web experience, in which you explore books in a library, each of which tells a different sordid tale through meticulously crafted 3D scenes - I'm not going to lie, the little experiment immediately took me in and transported me away into another world:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/004cd8a74befc07872adce5c72972ee0.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://cursed.epic.net">Link to the Cursed Library</a></figcaption></figure><p>The little interactive page was put together by <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/epicwebagency">EPIC</a> - not the games launcher Epic Games, just EPIC - a digital agency from Belgium, that describes itself as a group with a unique blend of technical, strategic and creative skills. Check them out, they do all sorts of interesting Web experiments.</p><h3>Curated: A Web Design Inspiration Catalogue</h3><p>Pinterest is usually my go to resource when I'm in need of inspiration when I'm trying to get in just the right mood for my next generative art project, but when it comes to web design and styling something in CSS, I find it best to look at other pages and borrow visual concepts from them - and recently came across Curated, an aggregator site that collects and showcases elegantly designed pages across the web:</p><div data-type="embedly" src="https://www.curated.design/" data="{&quot;provider_url&quot;:&quot;https://www.curated.design&quot;,&quot;description&quot;:&quot;Unleash your creativity with out-of-this-world web design inspiration from across the web.&quot;,&quot;title&quot;:&quot;Curated web design inspiration catalog&quot;,&quot;mean_alpha&quot;:255,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.curated.design/&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/63bd42e1e586a852754fab62/63e397fec7605a21a97bb284_Open-Graph-1.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Curated&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.curated.design/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/63bd42e1e586a852754fab62/63e397fec7605a21a97bb284_Open-Graph-1.png" class="false"><div class="twitter-summary-card-text"><span>https://www.curated.design</span><h2>Curated web design inspiration catalog</h2><p>Unleash your creativity with out-of-this-world web design inspiration from across the web.</p></div></div></a></div></div><h3>Trillions to reshape the Semi-Conductor Industry</h3><p>Altman has been one of the most polarizing individuals in the world of AI last year, being ousted from OpenAI back in November of 2023, and quickly being reinstated in a matter of few days after the incident triggered a wave of resignations, or at least threats thereof. </p><p>Currently there's no public knowledge if his current plans are in relation to this incident, but there's reports of him seeking funding for a prospective chip venture just prior to that. Now it seems that he is looking for a much larger sum of money, to completely dwarf the current chip industry:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/151d3619890671e72ab15b80d07ef567.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://www.cnbc.com/2024/02/09/openai-ceo-sam-altman-reportedly-seeking-trillions-of-dollars-for-ai-chip-project.html">Link to Article</a></figcaption></figure><h2>Gorilla Updates</h2><p>I've also been up to some shenanigans of my own. In the first half of this week I explored <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/Reaction%E2%80%93diffusion_system">Reaction Diffusion</a> again after roughly two years of having first encountered it. I think I have acquired a much better understanding of it now, and how to actually get some nice looking patterns out of it. Here's a little demo of what I ended up making:</p><div data-type="twitter" tweetid="1755647739105354001"> 
  <div class="twitter-embed embed">
    <div class="twitter-header">
        <div style="display:flex">
          <a target="_blank" href="https://twitter.com/gorillasu">
              <img alt="User Avatar" class="twitter-avatar" src="https://pbs.twimg.com/profile_images/1516050989241057281/05gwFNl3_normal.jpg">
            </a>
            <div style="margin-left:4px;margin-right:auto;line-height:1.2;">
              <a target="_blank" href="https://twitter.com/gorillasu" class="twitter-displayname">Ahmad Moussa || Gorilla Sun</a>
              <p><a target="_blank" href="https://twitter.com/gorillasu" class="twitter-username">@gorillasu</a></p>
    
            </div>
            <a href="https://twitter.com/gorillasu/status/1755647739105354001" target="_blank">
              <img alt="Twitter Logo" class="twitter-logo" src="https://paragraph.xyz/editor/twitter/logo.png">
            </a>
          </div>
        </div>
      
    <div class="twitter-body">
      Explored Reaction Diffusion today <img class="twitter-emoji" draggable="false" alt="✨" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/2728.png"> also managed to implement it as a shader, but still need to figure out a couple of things there <img class="twitter-emoji" draggable="false" alt="🙈" src="https://twemoji.maxcdn.com/v/14.0.2/72x72/1f648.png"> <a class="twitter-content-link" href="https://twitter.com/hashtag/creativecoding" target="_blank">#creativecoding</a> <a class="twitter-content-link" href="https://twitter.com/hashtag/genart" target="_blank">#genart</a> 
      <div class="twitter-media">
      <img class="twitter-image" src="https://pbs.twimg.com/ext_tw_video_thumb/1755647000890974208/pu/img/OAi5bP76zPr083s6.jpg"> 
    </div>
      
       
    </div>
    
     <div class="twitter-footer">
          <a target="_blank" href="https://twitter.com/gorillasu/status/1755647739105354001" style="margin-right:16px; display:flex;">
            <img alt="Like Icon" class="twitter-heart" src="https://paragraph.xyz/editor/twitter/heart.png">
            106
          </a>
          <a target="_blank" href="https://twitter.com/gorillasu/status/1755647739105354001"><p>18:40 • 8 Feb 2024</p></a>
        </div>
    
  </div> 
  </div><p>Reaction Diffusion is really cool, it basically simulates the change in concentration of two chemicals, where the concentration thereof is representing through the color of the canvas pixels. Reaction Diffusion brings to life a multitude of intricate and organic patterns, that are also more commonly known as <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/Turing_pattern">Turing Patterns</a>.</p><p>The most popular way to implement a Reaction Diffusion system is via the Gray-Scott model, that basically postulates of a set of two equations which simulate the interaction of the two chemicals at any given pixel and how this concentration should evolve over time:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/25df74864b8ec24bfa525ff7db17c176.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://itp.uni-frankfurt.de/~gros/StudentProjects/Projects_2020/projekt_schulz_kaefer/">Link to Equations</a></figcaption></figure><p>I'm not certain if you can call this a cellular automaton still, but it's also a kind of system where cells (pixels) update their state based on the state of adjacent cells. I'm working on putting together a proper tutorial for it at the moment, so I'm not going to dive too deep just now - but if you want a great introduction and a guide to implementing it for yourself, I recommend this video from the Codingtrain:</p><p>What's more, is that I also actually managed to implement it in form of a shader - but since that's not really my fortee there's still a lot of things that I need to figure out there to bring it closer to the pixelized aesthetic that I achieved in JS:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/7b300c6ca0f770b13cd2c2515eb71a70.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.shadertoy.com/view/lXfGW8">Link to Shadertoy</a></figcaption></figure><p>Besides Reaction Diffusion, I also spent a copious amount of time on making weird pixelized generative numbers and packing them on across the canvas - goal for this one is kind of ambitious, and I'm already happy with where it's at:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/27a68f486e6290185631d62a582053e3.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="2667" nextwidth="2000" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/38285f27ece00494b1e91ed21e897125.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="1600" nextwidth="1200" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/37ada192ed3be4377a824a12723494a7.png" alt="" blurdataurl="data:image/png;base64,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" nextheight="4800" nextwidth="3600" class="image-node embed"><p>I'll likely have more updates about it in the coming week - keep your eyes peeled!</p><h2>Music for Coding</h2><p>Last week while I was collecting pieces for my personal <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.gorillasun.de/blog/genuary-2024-personal-recap/">Genuary 2024 recap</a>, I featured a sketch by <a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://twitter.com/KaufmanRoni">Roni Kaufman</a>, and came across <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://ronikaufman.github.io/">his gorgeous portfolio page</a> - found out that he'd done an album cover for the stellar guitarist Adrian Holovaty. The album leans quite heavily into gypsy jazz with the chugging rhythm guitar and arpeggiated melodic elements layered on top:</p><div data-type="embedly" src="https://adrianholovaty.bandcamp.com/album/melodic-guitar-music" data="{&quot;provider_url&quot;:&quot;http://bandcamp.com&quot;,&quot;description&quot;:&quot;Melodic Guitar Music by Adrian Holovaty, released 12 September 2023 1. Grand Ole Bopry 2. Mrs. Mills&amp;#39; Guitar Party 3. Tendering 4. Senseless Swing 5. Bluespop 6. The Aching Waltz 7. The Old Guard 8. Flutter 9. Walking Away 10. Song For Roy 10 original instrumental guitar tunes, inspired by Django Reinhardt, The Beatles, Chet Atkins and Roy Orbison.&quot;,&quot;title&quot;:&quot;Melodic Guitar Music, by Adrian Holovaty&quot;,&quot;thumbnail_width&quot;:700,&quot;height&quot;:467,&quot;width&quot;:350,&quot;html&quot;:&quot;<iframe loading=\&quot;lazy\&quot; class=\&quot;embedly-embed\&quot; src=\&quot;//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fbandcamp.com%2FEmbeddedPlayer%2Fv%3D2%2Falbum%3D3649666049%2Fsize%3Dlarge%2Flinkcol%3D0084B4%2Fnotracklist%3Dtrue%2Ftwittercard%3Dtrue%2F&amp;display_name=BandCamp&amp;url=https%3A%2F%2Fadrianholovaty.bandcamp.com%2Falbum%2Fmelodic-guitar-music&amp;image=https%3A%2F%2Ff4.bcbits.com%2Fimg%2Fa1360270371_5.jpg&amp;key=71609d2d442448d7b33ccbb5e51a8341&amp;type=text%2Fhtml&amp;schema=bandcamp\&quot; width=\&quot;350\&quot; height=\&quot;467\&quot; scrolling=\&quot;no\&quot; title=\&quot;BandCamp embed\&quot; frameborder=\&quot;0\&quot; allow=\&quot;autoplay; fullscreen; encrypted-media; picture-in-picture;\&quot; allowfullscreen=\&quot;true\&quot;></iframe>&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;BandCamp&quot;,&quot;thumbnail_url&quot;:&quot;https://f4.bcbits.com/img/a1360270371_5.jpg&quot;,&quot;type&quot;:&quot;rich&quot;,&quot;thumbnail_height&quot;:700}" format="large"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://adrianholovaty.bandcamp.com/album/melodic-guitar-music" target="_blank" rel="noreferrer"><div class="twitter-summary-large-image"><img src="https://f4.bcbits.com/img/a1360270371_5.jpg" class="large-summary-image"><div class="twitter-summary-card-text"><span>http://bandcamp.com</span><h2>Melodic Guitar Music, by Adrian Holovaty</h2><p>Melodic Guitar Music by Adrian Holovaty, released 12 September 2023 1. Grand Ole Bopry 2. Mrs. Mills&amp;#39; Guitar Party 3. Tendering 4. Senseless Swing 5. Bluespop 6. The Aching Waltz 7. The Old Guard 8. Flutter 9. Walking Away 10. Song For Roy 10 original instrumental guitar tunes, inspired by Django Reinhardt, The Beatles, Chet Atkins and Roy Orbison.</p></div></div></a></div></div><p>I've been a big fan of Django Reinhardt for years, so this really did it for me - I found that the tracks were quite a treat for the ear, while I was chucking away at some code!<strong> </strong></p><p><strong>And that's it from me this week, while I'm typing out these last words I bid my farewells — hopefully this caught you up a little with the events in the world of generative art, tech and AI throughout the past week.</strong></p><p><strong>If you enjoyed it, consider sharing it with your friends, followers and family - <u>more eyeballs/interactions/engagement helps tremendously</u> - it lets the algorithm know that this is good content. If you've read this far, thanks a million!</strong></p><p><strong>Here's a link to the original version of this newsletter over on the Gorilla Sun Blog:</strong></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-43/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;A la recherche de Vera Molnár - Poems in Code - Pioneers of '80s generative art - Matt DesLauriers' Sierra - Lovebyte 2024 - Jeres' Heuristics of Emotion - Simulating Infinite Grids - State of the Long-Form Generative Art Market +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 43&quot;,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-43/&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/render.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-43/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/render.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 43</h2><p>A la recherche de Vera Molnár - Poems in Code - Pioneers of '80s generative art - Matt DesLauriers' Sierra - Lovebyte 2024 - Jeres' Heuristics of Emotion - Simulating Infinite Grids - State of the Long-Form Generative Art Market +++ lots more</p></div></div></a></div></div><p><em>If you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-42/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Warpcast and Farcaster Frames - Genuary 2024 Concludes - Harold Cohen Retrospective - Infini Craft by Neal Agarwal - Generative audio with vanilla JS - Custom Highlight Embeds - Artblocks Acquires Sansa - Digen Open Call - Interop 2024 +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 42&quot;,&quot;mean_alpha&quot;:183,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-42/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/something.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:900}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-42/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/something.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 42</h2><p>Warpcast and Farcaster Frames - Genuary 2024 Concludes - Harold Cohen Retrospective - Infini Craft by Neal Agarwal - Generative audio with vanilla JS - Custom Highlight Embeds - Artblocks Acquires Sansa - Digen Open Call - Interop 2024 +++ lots more</p></div></div></a></div></div><p><em>Previous issues of the newsletter can be found here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span></p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/825930a5ac412899d1c679e491827969.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">And a little closing meme | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/mathladyhazel/status/1756077355779383703">Link to Tweet</a></figcaption></figure><p></p><p><br></p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>genart</category>
            <category>web3</category>
            <category>art</category>
            <category>tech</category>
            <category>code</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/ee873baaf530ae707a0d6b0dd93ffd27.png" length="0" type="image/png"/>
        </item>
        <item>
            <title><![CDATA[Gorilla Newsletter 42]]></title>
            <link>https://paragraph.com/@gorillasun/gorilla-newsletter-42</link>
            <guid>IkyLRWMlGqEpUSI3hxXm</guid>
            <pubDate>Mon, 05 Feb 2024 00:00:00 GMT</pubDate>
            <description><![CDATA[Warpcast and Farcaster Frames - Genuary 2024 Concludes - Harold Cohen Retrospective - Infini Craft by Neal Agarwal - Generative audio with vanilla JS - Custom Highlight Embeds - Artblocks Acquires Sansa - Digen Open Call - Interop 2024]]></description>
            <content:encoded><![CDATA[<p><strong>Hey everyone</strong>&nbsp;<span data-name="wave" class="emoji" data-type="emoji">👋</span><strong> trying out something new this week by posting the newsletter to Paragraph as well. Paragraph is a new kind of platform that makes it possible to collect the Newsletter as a digital token - if you want to support the Newsletter consider collecting an edition! </strong></p><blockquote><p><strong>This is the 42nd issue of the Gorilla Newsletter - </strong>a weekly online publication&nbsp;that sums up everything noteworthy from the past week in generative art, creative coding, tech and AI - as well as a sprinkle of my own endeavors.</p></blockquote><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-42/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Warpcast and Farcaster Frames - Genuary 2024 Concludes - Harold Cohen Retrospective - Infini Craft by Neal Agarwal - Generative audio with vanilla JS - Custom Highlight Embeds - Artblocks Acquires Sansa - Digen Open Call - Interop 2024 +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 42&quot;,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-42/&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/02/something.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:900}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-42/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/02/something.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 42</h2><p>Warpcast and Farcaster Frames - Genuary 2024 Concludes - Harold Cohen Retrospective - Infini Craft by Neal Agarwal - Generative audio with vanilla JS - Custom Highlight Embeds - Artblocks Acquires Sansa - Digen Open Call - Interop 2024 +++ lots more</p></div></div></a></div></div><p><strong>Otherwise, hope you're all having a great start into the week! </strong>That said, let's get straight into it!<span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h2 style="position: relative;" id="h-warpcast-and-farcaster-frames">Warpcast &amp; Farcaster Frames</h2><p>Let's start this week's issue with some words about Farcaster - a big chunk of the generative art community has recently joined the budding Web3 social media platform, and it's overall been gaining a lot of traction as a Twitter alternative for the Web3 crowd. </p><p>Warpcast is a relatively new social media platform that's built on top of Farcaster, which is a Web3 protocol for building decentralized social media apps, conceived and developed by Dan Romero - I actually signed up to Warpcast about a month ago, without knowing too much about the platform, after I saw a Tweet from Romero in which he attempted to address and clear up some of the notions that were cause for confusion:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/070a9c550c7ea85af83c7880b6a6ce03.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/dwr/status/1740082379124023495">Link to Tweet</a></figcaption></figure><p>Maybe it's erroneous to compare the two, but I think a good point of reference is the Fediverse if you're familiar with it. In the last two years we've seen a big migration of people over to Mastodon, in the aftermath of Musk's Twitter takeover, which is a decentralized social media platform that exists in the larger context of the Fediverse, in which the different entities make use of the ActivityPub protocol to communicate with each other. This means that things in the Fediverse are interoperable, due to them using the same underlying protocol.</p><p>Farcaster is similar in this manner, that it's also such a decentralized protocol, with the big difference that it's built on Ethereum, enhancing it with blockchain powered capabilities. For isntance, your identity on Farcaster is tied to your wallet address, and is also one of the primary ways to interact with apps and features that it integrates. In this scenario, Warpcast is simply the interface that you use to interact with the Farcaster protocol:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/f15de6cd38d435617430b93cfcbc188b.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/fabdaRice/status/1740086938147938673">Link to Tweet</a></figcaption></figure><p>The following post provides a good explanation and some insights into all of this:</p><div data-type="embedly" src="https://blog.thirdweb.com/what-is-farcaster/" data="{&quot;provider_url&quot;:&quot;https://blog.thirdweb.com&quot;,&quot;description&quot;:&quot;Farcaster is a decentralized protocol for building web3 social media apps. Learn more about what it is, how it works, and how to build on it.&quot;,&quot;title&quot;:&quot;What is Farcaster? A Beginner's Guide (2023)&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://blog.thirdweb.com/what-is-farcaster/&quot;,&quot;thumbnail_url&quot;:&quot;https://blog.thirdweb.com/content/images/size/w1200/2023/10/What-is-the-Farcaster-Protocol-.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;thirdweb&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://blog.thirdweb.com/what-is-farcaster/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://blog.thirdweb.com/content/images/size/w1200/2023/10/What-is-the-Farcaster-Protocol-.png" class="false"><div class="twitter-summary-card-text"><span>https://blog.thirdweb.com</span><h2>What is Farcaster? A Beginner's Guide (2023)</h2><p>Farcaster is a decentralized protocol for building web3 social media apps. Learn more about what it is, how it works, and how to build on it.</p></div></div></a></div></div><blockquote><p><em>Picture it as a unified platform where social apps like X, Instagram, and Facebook coexist and users can connect them all with one decentralized ID. This means even if any app imposes restrictions, users still have their identity and can seamlessly migrate their connections to alternative apps on the network.&nbsp;</em></p></blockquote><p>If this has piqued your interest and you're interested in joining Farcaster, you can use <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://warpcast.com/~/invite-page/212516?id=94b37123">this invite link</a>, which gives the both of us warps - a kind of token that can be redeemed within the Farcaster eco-system. It's important to note here that Farcaster costs 5 bucks a year, which is used to cover the associated gas fees.</p><p>One of the biggest developments in the Farcaster eco-system so far happened last week, where a feature called Frames was introduced: a new kind of interactive embed that Farcaster users can build themselves and inject into the Farcaster feed. This probably sounds a little bit esoteric, but in other words, people can now code their own little embeddable apps and share them directly as casts on Farcaster - think of them as interactive media tweets.  some notable examples of this are Onframe Chess by 5/9 and Base Quest by Sean:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/bf183d8f93cc1e06c59c57874151c966.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://warpcast.com/fiveoutofnine.eth/0x1801f517">Link to Onframe Chess Cast</a></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/4e8c5ea98a71ca5cce25a02d0b8cccf2.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""> <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://warpcast.com/seangeng/0x3ad1d126">Link to Base Quest Cast</a></figcaption></figure><p>Basically you can now play Chess as well as a text adventure directly in your Farcast feed, I believe that this really sets Farcaster apart from other social media apps. If you're curious about learning more about Frames, here's another recent article that introduces them with a little more context than I do:</p><div data-type="embedly" src="https://medium.com/percs/what-are-farcaster-frames-discover-the-top-5-best-frames-so-far-6a5528c07514" data="{&quot;provider_url&quot;:&quot;https://medium.com&quot;,&quot;description&quot;:&quot;The introduction of Frames by Farcaster is a game changer in the Decentralized Social Media space, significantly boosting Warpcast's daily active users to 15k daily users. Let's dive into what Frames...&quot;,&quot;title&quot;:&quot;What Are Farcaster Frames? Discover the Top 5 Best Frames So Far!&quot;,&quot;mean_alpha&quot;:171.112123613,&quot;author_name&quot;:&quot;Jojo_Percs&quot;,&quot;url&quot;:&quot;https://medium.com/percs/what-are-farcaster-frames-discover-the-top-5-best-frames-so-far-6a5528c07514&quot;,&quot;thumbnail_url&quot;:&quot;https://miro.medium.com/v2/resize:fit:1200/0*-6s8ZDylRRkhONuh.png&quot;,&quot;thumbnail_width&quot;:1200,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Medium&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:631}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://medium.com/percs/what-are-farcaster-frames-discover-the-top-5-best-frames-so-far-6a5528c07514" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://miro.medium.com/v2/resize:fit:1200/0*-6s8ZDylRRkhONuh.png" class="false"><div class="twitter-summary-card-text"><span>https://medium.com</span><h2>What Are Farcaster Frames? Discover the Top 5 Best Frames So Far!</h2><p>The introduction of Frames by Farcaster is a game changer in the Decentralized Social Media space, significantly boosting Warpcast's daily active users to 15k daily users. Let's dive into what Frames...</p></div></div></a></div></div><p>And if you're interested in building your own Farcaster Frame, you need to check out Nader Dabit's tutorial that he's posted over on TwitterX:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c26e2d8761338345351278b70e46714d.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/dabit3/status/1752400805938758058">Link to Tweet</a></figcaption></figure><p>Alright, that's enough about Farcaster for starters, lest this sounds more and more like some made up technobabble straight from r/VXJunkies, I'll cut things off here and move on to the regular Newsletter segments. Let me know if you end up joining! And especially if you build some interesting Frame!</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/35c7bcedb3e4e44a1c5ad04da99e317e.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">Here's another Great long-form Tweet explaining Farcaster | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/Zeneca/status/1753680732701036645">Link to Tweet</a></figcaption></figure><h2 style="position: relative;" id="h-all-the-generative-things">All the Generative Things</h2><p>Of course there's also been a bunch of interesting developments in the genart space over the course of the past week <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h3 style="position: relative;" id="h-genuary-2024-comes-to-an-end">Genuary 2024 comes to an End</h3><p>Most notably, Genuary 2024 concluded on the 31st of January. With hundreds of participants and thousands of submissions across multiple platforms it's unarguably been the biggest iteration of the event yet. Albeit I'm a little sad that it's over, since it's such a great way to get so many ideas out of your system, I'm at the same time excited to spend some more quality time on some of my favorite ideas that came to be throughout the month.</p><p>For the occasion, the Le Random team came together with Joyn, organizing a Twitter space in which they invited Piter Pasma, who's in charge of organizing and selecting the prompts for Genuary every year, as well as some of the participating artists, such as Darien Brito, Ella, and yours truly, to talk a little about the entire experience - the Twitter space has been recorded and can be found in a shortened version (minus all of the fluff) over on Apple Podcasts:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/259d7c9864118036a9f8107ae6240971.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://podcasts.apple.com/us/podcast/le-random/id1726153340?i=1000644045715">Link to Podcast</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/lerandomart/status/1752655636544827518">Link to complete Twitter Space Recording</a></figcaption></figure><p>I thoroughly enjoyed the thoughtful questions from the Le Random team as well as Piter's thoughtful answers to them, providing insights and reflecting on how Genuary has grown over the past 4 years and now occupies an important spot that ties the community together every year. As a platform independent event, generative artists get the opportunity to connect with each other simply for the joy of making generative art, without any other incentives.</p><p>Besides that, we also find Monk out in the wild with an exclusive article for Joyn, complementary to the Twitter space, covering some of his favorite artworks for 10 of the Genuary prompts that he found most interesting:</p><div data-type="embedly" src="https://www.joyn.xyz/showcase/celebrating-genuary-b8961725b413" data="{&quot;provider_url&quot;:&quot;https://www.joyn.xyz&quot;,&quot;description&quot;:&quot;I'm Peter Bauman, or Monk Antony, and I do the content at Le Random. Freed from Le Random's tyrannical editor (me), I share my thoughts on Genuary's unique ability to propel communal creativity before reflecting on the #genuary2024 prompts and pieces I found most compelling.&quot;,&quot;title&quot;:&quot;Celebrating Genuary&quot;,&quot;thumbnail_width&quot;:1080,&quot;url&quot;:&quot;https://www.joyn.xyz/showcase/celebrating-genuary-b8961725b413&quot;,&quot;thumbnail_url&quot;:&quot;https://assets.joyn.xyz/Backend/cover/290f6ea8853500a7cab2f2a0a55ea1002dcca6df289ae2d145d0a5345bc82def.jpeg?d=l&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Joyn&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:540}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.joyn.xyz/showcase/celebrating-genuary-b8961725b413" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets.joyn.xyz/Backend/cover/290f6ea8853500a7cab2f2a0a55ea1002dcca6df289ae2d145d0a5345bc82def.jpeg?d=l" class="false"><div class="twitter-summary-card-text"><span>https://www.joyn.xyz</span><h2>Celebrating Genuary</h2><p>I'm Peter Bauman, or Monk Antony, and I do the content at Le Random. Freed from Le Random's tyrannical editor (me), I share my thoughts on Genuary's unique ability to propel communal creativity before reflecting on the #genuary2024 prompts and pieces I found most compelling.</p></div></div></a></div></div><p>In the Twitter space I was asked about how the overall Genuary experience was like. And I had actually thought a bit about it beforehand - to me the beauty of Genuary lies in the creative interpretation of the prompts. It's not as much of a coding challenge as it simply a creative challenge, where you aim to make something that will surprise in the context of the given prompt. I try to not look at anyone else's creations before I've finished my own, while it keeps what I make authentic, it also makes discovering what others made so much more fun.</p><p>Piter tells us that the set of prompts that he had conceived for the very first Genuary mainly revolved around programming techniques and algorithms, which then changed quite a bit when he asked others for suggestions, pitching ideas that were not necessarily directly related to any programming specific things.</p><p>Another big factor is the time limit, of course there's no hard rule to do the prompts within their allocated day, but I believe that it adds another aspect to the challenge that will frequently push artists outside of their comfort zone. This makes me think back to an article that I've shared a couple of weeks ago, a piece by Ralph Amer, where he talks about the <em>Creative Playground -</em> "Creative limitations set our creativity free":</p><div data-type="embedly" src="https://ralphammer.com/how-to-get-started/" data="{&quot;provider_url&quot;:&quot;https://ralphammer.com&quot;,&quot;description&quot;:&quot;Have fun with drawing! Create yourself a creative playground we need a goal and rules. Here is why and how:&quot;,&quot;title&quot;:&quot;The Creative Playground - Ralph Ammer&quot;,&quot;author_name&quot;:&quot;ralphammer&quot;,&quot;url&quot;:&quot;https://ralphammer.com/how-to-get-started/&quot;,&quot;thumbnail_url&quot;:&quot;http://ralphammer.com/wp-content/uploads/2023/11/Cage_220.gif&quot;,&quot;thumbnail_width&quot;:220,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Ralph Ammer&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:200}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://ralphammer.com/how-to-get-started/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="http://ralphammer.com/wp-content/uploads/2023/11/Cage_220.gif" class="false"><div class="twitter-summary-card-text"><span>https://ralphammer.com</span><h2>The Creative Playground - Ralph Ammer</h2><p>Have fun with drawing! Create yourself a creative playground we need a goal and rules. Here is why and how:</p></div></div></a></div></div><p>Others also like to create additional challenges factors of their own, like Roni Kaufman, who chose to only create static artworks for each prompt, even when some of them were inherently referring to concepts that are associated with movement, like prompt #15 that asks you to use a physics library, or #19 that simply states 'flocking'.</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/ec59f878f28c4bbf1450492b3a9df328.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/KaufmanRoni/status/1746965232436564197">Link to #15</a></figcaption></figure><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/1955930e647a9f0d3525c5dfc63b8dd7.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/KaufmanRoni/status/1748383749228712074">Link to #19</a></figcaption></figure><p>Or for instance Raphaël de Courville's AI assisted Genuary speedrun. Some people do the prompts on their allocated days, others spread them out over the entire year, and Raph just wants to see the world burn and do all of the prompts in a single sitting. His final time clocks in at 1 hour 46 minutes and 56 seconds. you can watch a recording of his stream here:</p><div data-type="embedly" src="https://www.twitch.tv/videos/2046285891" data="{&quot;provider_url&quot;:&quot;http://www.twitch.tv&quot;,&quot;description&quot;:&quot;sableraph went live on Twitch. Catch up on their Art VOD now.&quot;,&quot;title&quot;:&quot;Genuary 2024 Any% Tool Assisted Speedrun - sableraph on Twitch&quot;,&quot;thumbnail_width&quot;:640,&quot;height&quot;:351,&quot;width&quot;:620,&quot;html&quot;:&quot;<iframe loading=\&quot;lazy\&quot; class=\&quot;embedly-embed\&quot; src=\&quot;//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.twitch.tv%2F%3Fvideo%3D2046285891%26muted%3Dtrue%26autoplay%3Dfalse%26parent%3Dcdn.embedly.com&amp;display_name=Twitch.tv&amp;url=https%3A%2F%2Fwww.twitch.tv%2Fvideos%2F2046285891&amp;image=https%3A%2F%2Fstatic-cdn.jtvnw.net%2Fcf_vods%2Fd1m7jfoe9zdc1j%2Fc6a071e3c427b7f29496_sableraph_50277632733_1706457663%2F%2Fthumb%2Fthumb0-640x360.jpg&amp;key=71609d2d442448d7b33ccbb5e51a8341&amp;type=text%2Fhtml&amp;schema=twitch\&quot; width=\&quot;620\&quot; height=\&quot;351\&quot; scrolling=\&quot;no\&quot; title=\&quot;Twitch.tv embed\&quot; frameborder=\&quot;0\&quot; allow=\&quot;autoplay; fullscreen; encrypted-media; picture-in-picture;\&quot; allowfullscreen=\&quot;true\&quot;></iframe>&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Twitch.tv&quot;,&quot;thumbnail_url&quot;:&quot;https://static-cdn.jtvnw.net/cf_vods/d1m7jfoe9zdc1j/c6a071e3c427b7f29496_sableraph_50277632733_1706457663//thumb/thumb0-640x360.jpg&quot;,&quot;type&quot;:&quot;rich&quot;,&quot;thumbnail_height&quot;:360}" format="iframe"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.twitch.tv/videos/2046285891" target="_blank" rel="noreferrer"><div class="twitter-summary-large-image"><img src="https://static-cdn.jtvnw.net/cf_vods/d1m7jfoe9zdc1j/c6a071e3c427b7f29496_sableraph_50277632733_1706457663//thumb/thumb0-640x360.jpg" class="false"><div class="twitter-summary-card-text"><span>http://www.twitch.tv</span><h2>Genuary 2024 Any% Tool Assisted Speedrun - sableraph on Twitch</h2><p>sableraph went live on Twitch. Catch up on their Art VOD now.</p></div></div></a></div></div><p>Towards the end of the stream Raph challenges Shiffman to also attempt the speedrun and see if he can beat his time. We now eagerly await his response. Also subscribe to Raph on Twitch, when he reaches 2000 subs he'll record another funny bird sound that we can then trigger through the Twitch chat.</p><p>Genuary is just such a beautiful event, and the community never feels more alive than throughout it's course - I'm already looking forward to next year!</p><h3 style="position: relative;" id="h-harold-cohen-retrospective">Harold Cohen Retrospective</h3><p>Last week the Harold Cohen Retrospective exhibition showcasing his AARON works kicked off at the Whitney Museum of American Art in Manhatten:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/a13954012c04c53eec60949dc246357d.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://whitney.org/exhibitions/harold-cohen-aaron">Link to exhibition page</a></figcaption></figure><p>Harold Cohen is one of the earliest names that experimented with AI for the purpose of making art, most notably he conceived a set of algorithms under the name AARON:</p><blockquote><p>AARON is the collective name for <strong>a series of computer programs written by artist Harold Cohen that create original artistic images</strong>. Proceeding from Cohen's initial question "What are the minimum conditions under which a set of marks functions as an image?", AARON was in development between 1972 and the 2010s - <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/AARON">excerpt from the AARON Wikipedia page</a></p></blockquote><p>Although the source code for AARON is not publicly available, it likely is a vastly different type of AI that we are familiar with today. Harold Cohen was also one the first that explicitly asked questions about the collaborative practice between artist and machine, and being a catalyst for the conversation around authorship and agency. Naturally, we can count on Le Random for stellar coverage, interviewing Christiane Paul, the curator in charge of the AARON exhibition:</p><div data-type="embedly" src="https://www.lerandom.art/editorial/christiane-paul-on-curating-cohens-aaron" data="{&quot;provider_url&quot;:&quot;https://www.lerandom.art&quot;,&quot;description&quot;:&quot;Christiane Paul's curation of the Whitney's Harold Cohen: AARON informs a conversation with Peter Bauman (Monk Antony), where they discuss Cohen's persistent impact to this day while reflecting on the nature of digital expression.&quot;,&quot;title&quot;:&quot;Christiane Paul on Curating Cohen's AARON&quot;,&quot;mean_alpha&quot;:204.296903052,&quot;thumbnail_width&quot;:1170,&quot;url&quot;:&quot;https://www.lerandom.art/editorial/christiane-paul-on-curating-cohens-aaron&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65b3edd5c757bf75f8fae9ea_RS78111_Harold_Cohen_AARON_for_KCat_2001_-_9.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Lerandom&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1114}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.lerandom.art/editorial/christiane-paul-on-curating-cohens-aaron" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/6411e594fbd274173bf8c35c/65b3edd5c757bf75f8fae9ea_RS78111_Harold_Cohen_AARON_for_KCat_2001_-_9.png" class="false"><div class="twitter-summary-card-text"><span>https://www.lerandom.art</span><h2>Christiane Paul on Curating Cohen's AARON</h2><p>Christiane Paul's curation of the Whitney's Harold Cohen: AARON informs a conversation with Peter Bauman (Monk Antony), where they discuss Cohen's persistent impact to this day while reflecting on the nature of digital expression.</p></div></div></a></div></div><p>It was interesting to see Sougwen Chung being brought up, which I also immediately had to think of when I saw pictures of the AARON plotters - in many ways she follows in the footsteps of Harold Cohen, <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.lerandom.art/editorial/sougwen-chung-on-us-in-another-form">Le Random also did an interview with her a while back</a>. </p><p>I believe that only a fraction of the newsletter readership is actually physically somewhere near Manhatten, we do however get a glimpse into the exhibition through ClownVamp's excellent Twitter thread, in which some highlights are showcased:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/95eb419590cd73846a05f9491f17b632.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/ClownVamp/status/1753457936490266897">Link to Thread</a></figcaption></figure><p></p><h3 style="position: relative;" id="h-infini-craft-by-neal-agarwal">Infini Craft by Neal Agarwal</h3><p>Neal really outdid himself again with his latest project Infini Craft - an LLM powered crafting game:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/d8fdd207128c4cb2e403f7db8552ad6a.png" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAbCAIAAACSpRrNAAAACXBIWXMAABYlAAAWJQFJUiTwAAAEdUlEQVR4nL1VyU8bVxh/YLOFxds4toGSGBuMHWO2UiE1OVSkuXBrMP8Gl0Y2uVTqpcecemp7aNV0UYsq0SQNihTSS1XREwSJsnkGgymFsNmembfOq2a8YBa7S6T+9DR6o3nf95vf9/u+GVBdU+scGK5zeRw2m7ezs7Wtrb293ePxXHW5wOuh2gCwBCMffnQ/NDr6Rse10du33xwefvfOnZu3boXDvblDVf8YAIDSvclkNpnMoKq+/p1IyGVtrq6pbWxsarFYLVZrfUPDlSuNVVXV4PXRUF9vs9kdguB0Ou12u2BsLFarIAhut9vldtvtdofD4Xa7m5qa9L0geFpbBaezpaXF5Xa1elqtNpvT6RQEobm5xVqAy+Uym806gcVi6QmF/F1doVCoqzsQCIbCvb2dPr/f39UTCt24Ee7uDgSDoUgk4vV6fT5/INDT3z/Y2xvp9PnC4XD/wMDIyMjg0FAgGLx+3dulo9vn8/X199fV1YH/A40N9bUeP/C+BToGQVsYXBvWl/9tYO8AHUPAfxMA3bH/Bt3tKgBqGq1mW6u52WG2XNVXs8NkdZubbCZ9L+jNUF1t+vfQexQAEOnrW/l9eUtclxIb0sZ6Ym01KSaSiXXjupFMbGxuboqiuClJyc08kgY2K0KSpFQqNTY2BqITE5xzxhgvD03TqKaV3HKNnd5eCkop53xq6j4YHx/nnGOMaRlghGSV4J2knFhdXtnY2UmlT9KyrNKKQAhxzmOxGIhGozlCrQwIRgrj2i8P0i8ezC+sfvvN14tLS5DqosuF6FGEGAqmQDQ6UZmAUZaR1WPl8ETJZDHLQHQsq2kV5kpXmSAWj4P37t7NeVCWgDGMCaGcUEYIoYwRQgkhFbIXCeLxeN6DUgUFH/PZae4R01GaAkKIMNb9L6D0QKUSIYhUQhAhjDGEIEIwF3kuXpZVoqoQIkYZo4xrXIFQQThXulKCvMlGp2oYYb1ntqXsH9sJKXl4cJjNKoqsGoXCRUGqnhounNDE9s7PL+YWXy7Nz/+2v/8K4XzpyhFwhCCknD/7IPvrw5nZuenvv0uIIsa6GmJoyumQVZhW8Mcb2sru4bOnszM/Ppme/iGxlYKUnfGglMCovoYxOZGVjLKbUY4yEL3KZA4ysgrP9AzXNExIOgsRRAokhGm68xo/UcuXqPQFMSEqZSrRECKYaZjo8i62FtfHOf+yRunOnMEYp1Kp9+/dO1VQ9Dn3KeBGe2glGYtWn+6NR+f6JwdKqSRJk5OTlSY5F8lKgi8dl0tjLzH5bwlYiYKLxy4lOG/yxUM0z0EL9TiLwoezSFDshUoKFCU/aRAikm9QqijqucyUMgiRsWDOQkIIvmQOzv4P9AaAbC+9u7yzkNpKbadSoiitrq5lMsq5MqgKlGUVY3p0dCSK4v7+/t6fe9msUqA//R/oChBCxADCWFHgorS0vLP2/PnczKPHn3/x5aPHPx0cnyB8CoRQNpvdPzw+SiuLL5c++fSzhw+/evJ0NpOVVVUlhEBjdGKx+F84RsRJ1u3TPAAAAABJRU5ErkJggg==" nextheight="906" nextwidth="1070" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/nealagarwal/status/1752716375255101440">Link to Tweet</a></figcaption></figure><p>And as its name suggests, it's an infinite one at that. If you remember a game called <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://littlealchemy.com/">Little Alchemy</a> from way back when, it's essentially that - a sandbox game in which you can combine elements by dragging and dropping them onto each other, where they'll then combine into new elements that can be used to discover even more elements and so on. There isn't really a specific goal to it, the entire fun of it stems from trying out different combinations and seeing what it'll produce. </p><p>I remember that Little Alchemy would quickly get frustrating once you'd tried out most of the combinations and weren't able to really progress anymore, naturally the combinations in the game are hard coded so once you've got everything it's done. Throwing an LLM into the mix that can endlessly conjure new combinations of things makes this <em>infinitely</em> more exciting:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/822247b651bc888d250d152281c5b3d9.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/nealagarwal/status/1752719299691647395">Link to Tweet</a></figcaption></figure><p>I'm not entirely sure about how it's implemented, there probably is an input prompt that asks the language model "What do you get when you combine X and Y?" in addition to some database that stores combinations that have already been discovered, it is deterministic in the sense that combining the same two elements will always yield the same output - but sometimes you'll get a notice under an element indicating that it's a <em>first discovery,</em> meaning that no one else has managed to discover it previously:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/77dd906f5940b0f33d0bbda091d462ef.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/meodai/status/1753582667407217056">Link to Tweet</a></figcaption></figure><p>David Aerne somehow managed to produce an Obamacrab - and if that doesn't make you want to try the game out for yourself, then I don't know what will. Let me know if you end up getting any cool combos: </p><div data-type="embedly" src="https://neal.fun/infinite-craft/" data="{&quot;provider_url&quot;:&quot;https://neal.fun&quot;,&quot;description&quot;:&quot;A game about crafting&quot;,&quot;title&quot;:&quot;Infinite Craft&quot;,&quot;url&quot;:&quot;https://neal.fun/infinite-craft/&quot;,&quot;thumbnail_width&quot;:1714,&quot;thumbnail_url&quot;:&quot;https://neal.fun/share-cards/infinite-craft.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Neal&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:900}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://neal.fun/infinite-craft/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://neal.fun/share-cards/infinite-craft.png" class="false"><div class="twitter-summary-card-text"><span>https://neal.fun</span><h2>Infinite Craft</h2><p>A game about crafting</p></div></div></a></div></div><h3 style="position: relative;" id="h-generative-audio-with-vanilla-js">Generative Audio with Vanilla JS</h3><p>While putting together my top picks for Genuary 2024 (which should come out sometime next week), I was scouring the r/generative subreddit to see what the folks did over there, and came across an interesting generative audio demo (I think that it was a creation for the final prompt) that claimed it was done entirely in Javascript with zero dependencies, which I thought was quite impressive:</p><a href="https://www.reddit.com/r/generative/comments/1afb20f/generative_music_in_javascript_250_lines_of_zero/" target="_blank" rel="noopener noreferrer nofollow ugc" style="cursor: pointer;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/09825603e5bb90fedc3ecfc9f6377dc3.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAXCAIAAADlZ9q2AAAACXBIWXMAABYlAAAWJQFJUiTwAAAEV0lEQVR4nK2T204bVxSGHc/Yc9znmbENGOPBZnBQKKiq1DdouOgbVMGmUq56Wamq2qj3fRKXmDxBq0YJSaioKcF2awMmYHMwxpiAjaEN6VQzTlCIegG0v34t7bVmb32jtfb22Is/t1+u/vhyurpRqVarm5ub7fZxq9VqH7fdeNxqt4+OWu12+6jVOjk5sa+io1bLYxfnTg+3/9jNVzYqq6ur6+vrjf39Wq1Wr9f3Go3t7Z1arba1tV2r1Q4ODirV6t5eY29vr9ls1uv1RqPRbDZ3dnYajUb3yOHh4e7urntkq16vdzodz+lRs9NuP/zp4ezs7KNHj58+fZrNZh8/ns3lcqVSaX5+/smTJ9lfs9mFheXl5WfP5ubmfllaWlpZWSmXy6VS6cWLFwsLv+Xz+Vwul88XNjY28vlCLpdbXFwsFAqtVsvz16uzk9M/s/liuby2srxcLBZ/d7W2tlYsFguFwsrK6vr6xnKptPT8eT6fLxQKnU7Htu3Xr1//7cq27e7i3bQbz87OPLZtN0/t75/bx6+crjlf/ld5bNve39//7M5UcjKZSqbuuHEqmTqPqWTq8+SUmyaTk6nUZHIqNXV5O4BqtcpxnMfVpyHK/H7E8wHBD30c8/moIADeGxAEmX+z52qybXtzcxNDDBQAFPDdxzeHg0GTstFQMMJYQg8mjECEamPBYA+mqgKQCuFV/AYAFCAJkiRIX43FBpneB1FC03ohjhEao7QH4puaZgAoCpIsylfy+4BvP7KGdCMC0Yiu9SFsUTbEHNItXQ+4APW/AGRRnujv6UU0CFEYkwDEvRD3ImJA1I8JU4HglyVRFgVJujZgRKO6CnUVGABqCjBUx5qiGsAtqjAAHCNZka7VIuXehwlLY6bTIj2CsEWoxVgYwhFdi0AUd0cSY1RXwSXncREgyl+PxWOMhgEcZqwX4kFC3CFDy0mhiUmUONauCRCUb8atOKMRABOa1gdRjJA4pb0AJTTWB+EgJiYlUXptgCh/eSseZ3QA4WFNCyMcJzROWRiiburcWkYHKbsmQBblAIBYVrGskreRvDWWFSg5RrKiSNd7B6L8xU0zTlkEomHGIgjHMB2iTnMSGgsBJLg/cfk7egHg5JJyb9waYloYwoT70GKEWc6QnUsVBOhfH5oiKV2fr8/r54AtSZR8vI/z8neH+vsRDSrAxDgIYBjgAQR1VR0khMmqzycIfvFdi4LEcz4f7/Pxfr9P4Dje7+wRJEHqVhxApVIxdEPX9GjUnPxguA/TECFRxkKEhAmLUBLA2NSZgbCiqEAF71qRlZ5QT8AIGLpBCTWjJiUUIyz4hZ5QSGOaAyiXy9Fo1DTN25/cHjUHbng8IseJHCd4vYLXK3Jevxt5r9fjufGevV7v+Ni4ZVnWkBXuC09MTISCIUVReJ4fHR2NDkQdQKfTmcnM3J++n06n0z9Mz1xU5r38oh48eDA9PX3fVSaTSafTGVfdeiaT+QeN3tLiOW0o1gAAAABJRU5ErkJggg==" nextheight="1038" nextwidth="1466" class="image-node embed"></a><p><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.reddit.com/r/generative/comments/1afb20f/generative_music_in_javascript_250_lines_of_zero/">Link to Reddit Post</a></p><p>I'd always assumed that you need some library to make Javascript produce any sort of sound, like Tone.js, but that doesn't seem to be the case, as JS actually comes with its own Audio context that can be used for this purpose - I'm guessing that Tone.js is actually built on top of that context:</p><div data-type="embedly" src="https://developer.mozilla.org/en-US/docs/Web/API/AudioContext" data="{&quot;provider_url&quot;:&quot;https://developer.mozilla.org&quot;,&quot;description&quot;:&quot;The AudioContext interface represents an audio-processing graph built from audio modules linked together, each represented by an AudioNode.&quot;,&quot;title&quot;:&quot;AudioContext - Web APIs | MDN&quot;,&quot;url&quot;:&quot;https://developer.mozilla.org/en-US/docs/Web/API/AudioContext&quot;,&quot;thumbnail_width&quot;:1920,&quot;thumbnail_url&quot;:&quot;https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;MDN Web Docs&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1080}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://developer.mozilla.org/en-US/docs/Web/API/AudioContext" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://developer.mozilla.org/mdn-social-share.cd6c4a5a.png" class="false"><div class="twitter-summary-card-text"><span>https://developer.mozilla.org</span><h2>AudioContext - Web APIs | MDN</h2><p>The AudioContext interface represents an audio-processing graph built from audio modules linked together, each represented by an AudioNode.</p></div></div></a></div></div><p>Manav Rathi aka u/thousandsongs wrote a brief introduction to the audio context here:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/9e384c5ad414068057f6a5bab0fd898f.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://mrmr.io/mj">Link to Post</a></figcaption></figure><p>This post is complementary to another one in which he explains the demo, introducing Euclid's algorithm that seems to be a potent method for creating interesting rhythmic patterns - <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://mrmr.io/mj/euclid">you can read about it here</a>. So that was definitely a treasure trove, Manav also shares a fully commented synth implementation in Typescript with zero dependencies:</p><div data-type="embedly" src="https://github.com/mnvr/mrmr.io/blob/main/pages/raag/synth.ts" data="{&quot;provider_url&quot;:&quot;https://github.com&quot;,&quot;description&quot;:&quot;words | colors / music *◦◎◉⦿ code - https://mrmr.io - mrmr.io/pages/raag/synth.ts at main · mnvr/mrmr.io&quot;,&quot;title&quot;:&quot;mrmr.io/pages/raag/synth.ts at main · mnvr/mrmr.io&quot;,&quot;mean_alpha&quot;:139.637109375,&quot;author_name&quot;:&quot;mnvr&quot;,&quot;thumbnail_width&quot;:2560,&quot;url&quot;:&quot;https://github.com/mnvr/mrmr.io/blob/main/pages/raag/synth.ts&quot;,&quot;thumbnail_url&quot;:&quot;https://repository-images.githubusercontent.com/606017661/8d0af68b-8609-4602-a2c5-379bde06d43f&quot;,&quot;author_url&quot;:&quot;https://github.com/mnvr&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;GitHub&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1280}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://github.com/mnvr/mrmr.io/blob/main/pages/raag/synth.ts" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://repository-images.githubusercontent.com/606017661/8d0af68b-8609-4602-a2c5-379bde06d43f" class="false"><div class="twitter-summary-card-text"><span>https://github.com</span><h2>mrmr.io/pages/raag/synth.ts at main · mnvr/mrmr.io</h2><p>words | colors / music *◦◎◉⦿ code - https://mrmr.io - mrmr.io/pages/raag/synth.ts at main · mnvr/mrmr.io</p></div></div></a></div></div><h2 style="position: relative;" id="h-web3-news">Web3 News</h2><p>There's way too much going on in the Web3 x genart space to cover every week, but besides the big traction that Farcaster has recently been getting, here's some of the things that I think are worth mentioning <span data-name="point_down" class="emoji" data-type="emoji">👇</span></p><h3 style="position: relative;" id="h-custom-highlight-embeds">Custom Highlight Embeds</h3><p>Highlight now makes it possible for artists to share and distribute their generative mints directly from their own websites with custom embeds - here's a quick video run-down of how it works:</p><div data-type="youtube" videoid="gBx7PAN8htY">
      <div class="youtube-player" data-id="gBx7PAN8htY" style="background-image: url('https://i.ytimg.com/vi/gBx7PAN8htY/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=gBx7PAN8htY">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>Seeing that the Gorilla Sun blog is my main home on the internet, this is super exciting to me - essentially saving the trouble of having to redirect people to another page to mint something. I have yet to release something over on highlight, but there's a couple of ideas that are already brewing - I'm definitely releasing something this month.</p><p>Overall I'm really impressed with how many new features Highlight has put out since their launch last year, and this is definitely a big one, giving artists even more control over how they release their artworks.</p><h3 style="position: relative;" id="h-artblocks-acquires-sansa">Artblocks Acquires Sansa</h3><p>Art Blocks made the announcement that they're acquiring Sansa with the goal of integrating their versatile marketplace into the Art Blocks eco-system:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/17b441a718a5901a2341b1b7cab1e761.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="https://www.youtube.com/watch?v=gBx7PAN8htY">Link to Tweet</a></figcaption></figure><p>I think we're all familiar with Art Blocks at this point, the pioneering platform that made generative art NFTs possible on the Ethereum blockchain. As far as I understand, Sansa was later developed independently from the Art Blocks platform, enabling a secondary market place for generative artworks on ETH, due to Art Blocks not having its own proprietary secondary marketplace - I think OpenSea was one of the few options for this purpose.</p><p>Art Blocks wrote a little announcement post explaining a bit how this is going to go down and the road-map is:</p><div data-type="embedly" src="https://www.artblocks.io/info/spectrum/art-blocks-sansa-acquisition" data="{&quot;provider_url&quot;:&quot;https://www.artblocks.io&quot;,&quot;description&quot;:&quot;Art Blocks welcomes Sansa to its family! Discover how this acquisition is set to fuel the evolution and growth of on-chain generative art.&quot;,&quot;title&quot;:&quot;Spectrum: Welcoming Sansa to the Art Blocks Family | Art Blocks&quot;,&quot;mean_alpha&quot;:182.892361111,&quot;thumbnail_width&quot;:1920,&quot;url&quot;:&quot;https://www.artblocks.io/info/spectrum/art-blocks-sansa-acquisition&quot;,&quot;thumbnail_url&quot;:&quot;https://assets-global.website-files.com/62fe95d11738cf95c53573dd/65b7edf9e486cffcbec15393_art%20blocks%20%2B%20sansa.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Artblocks&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1080}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.artblocks.io/info/spectrum/art-blocks-sansa-acquisition" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://assets-global.website-files.com/62fe95d11738cf95c53573dd/65b7edf9e486cffcbec15393_art%20blocks%20%2B%20sansa.png" class="false"><div class="twitter-summary-card-text"><span>https://www.artblocks.io</span><h2>Spectrum: Welcoming Sansa to the Art Blocks Family | Art Blocks</h2><p>Art Blocks welcomes Sansa to its family! Discover how this acquisition is set to fuel the evolution and growth of on-chain generative art.</p></div></div></a></div></div><h3 style="position: relative;" id="h-digens-digital-me-open-call">Digen's Digital Me Open Call</h3><p>After their successful soft launch at the end of December, DiGen Art has been hard at work putting together their inaugural group show "Digital Me" - and they're inviting artists from the MENA region in their open call:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/ef46366090a28a86352ca2e4622ccf1c.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/DiGenArt/status/1752335634356703612">Link to Tweet</a></figcaption></figure><p>If you are an artist from the MENA region or know someone that is, consider applying, you can learn more about what they're looking and the criteria with which they will select the artists through the exhibition page and the accompanying brochure:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/24176e76f6fd165221d4a4b9a8eadadf.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://digen.art/exhibition/digital-me/">Link to exhibition page</a></figcaption></figure><h2 style="position: relative;" id="h-tech-and-code">Tech and Code</h2><h3 style="position: relative;" id="h-interop-2024">Interop 2024</h3><p>The results from Interop 2024 just dropped, and it's looking good - the modern web is more interoperable than ever!</p><div data-type="embedly" src="https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/" data="{&quot;provider_url&quot;:&quot;https://webkit.org&quot;,&quot;description&quot;:&quot;The web is amazing.&quot;,&quot;title&quot;:&quot;The web just gets better with Interop 2024&quot;,&quot;mean_alpha&quot;:255,&quot;thumbnail_width&quot;:1010,&quot;url&quot;:&quot;https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/&quot;,&quot;thumbnail_url&quot;:&quot;https://webkit.org/wp-content/uploads/Interop-2023-graph.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;WebKit&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:648}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://webkit.org/wp-content/uploads/Interop-2023-graph.png" class="false"><div class="twitter-summary-card-text"><span>https://webkit.org</span><h2>The web just gets better with Interop 2024</h2><p>The web is amazing.</p></div></div></a></div></div><p>The Interop project is essentially a yearly big comparison between the different modern ever-green browsers where some of the differences are ironed out making it such that features work identically across the different browsers. Jen Simmons from the Webkit team recapitulates the findings from 2024 in this article, going over each one of the different focus areas, explaining the issues  and elaborating on what's been done to remedy them.</p><h3 style="position: relative;" id="h-12-modern-css-one-line-upgrades">12 Modern CSS One-Line Upgrades</h3><p>CSS has been evolving more and more over the past years, gradually accommodating the increasing needs of the modern web. We're frequently seeing new rules being added that previously had to be implemented in a hack-y way by combining several different statements, for purposes that they weren't originally designed for. Stephanie Eckles writes about some of these new one-liners:</p><div data-type="embedly" src="https://moderncss.dev/12-modern-css-one-line-upgrades" data="{&quot;provider_url&quot;:&quot;https://moderncss.dev&quot;,&quot;description&quot;:&quot;Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.&quot;,&quot;title&quot;:&quot;12 Modern CSS One-Line Upgrades | Modern CSS Solutions&quot;,&quot;mean_alpha&quot;:96.6944444444,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://moderncss.dev/12-modern-css-one-line-upgrades/&quot;,&quot;thumbnail_url&quot;:&quot;https://moderncss.dev/img/social/12-modern-css-one-line-upgrades.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Modern CSS Solutions&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://moderncss.dev/12-modern-css-one-line-upgrades" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://moderncss.dev/img/social/12-modern-css-one-line-upgrades.png" class="false"><div class="twitter-summary-card-text"><span>https://moderncss.dev</span><h2>12 Modern CSS One-Line Upgrades | Modern CSS Solutions</h2><p>Sometimes, improving your application CSS just takes a one-line upgrade or enhancement! Learn about 12 properties to start incorporating into your projects, and enjoy reducing technical debt, removing JavaScript, and scoring easy wins for user experience.</p></div></div></a></div></div><p>One other resource that's mentioned, and that I think is worth sharing here as well, is the SmolCSS page; basically a library of small (smol) CSS snippets that accomplish a lot of the reoccurring general purpose tasks, like reoccurring types of layouts, various types of grids, etc. - definitely worth a bookmark:</p><div data-type="embedly" src="https://smolcss.dev/#smol-flexbox-grid" data="{&quot;provider_url&quot;:&quot;https://smolcss.dev&quot;,&quot;description&quot;:&quot;Minimal snippets for modern CSS layouts and components, created by Stephanie Eckles of ModernCSS.dev&quot;,&quot;title&quot;:&quot;SmolCSS&quot;,&quot;mean_alpha&quot;:233.25,&quot;thumbnail_width&quot;:1230,&quot;url&quot;:&quot;https://smolcss.dev/&quot;,&quot;thumbnail_url&quot;:&quot;https://smolcss.dev/smolcss.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Smolcss&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:680}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://smolcss.dev/#smol-flexbox-grid" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://smolcss.dev/smolcss.png" class="false"><div class="twitter-summary-card-text"><span>https://smolcss.dev</span><h2>SmolCSS</h2><p>Minimal snippets for modern CSS layouts and components, created by Stephanie Eckles of ModernCSS.dev</p></div></div></a></div></div><h3 style="position: relative;" id="h-making-sense-of-senseless-javascript-features">Making Sense of Senseless Javascript Features</h3><p>Javascript may be the most popular programming language today, but at the same time has quite a few quirks that will most likely leave you scratching your head when you encounter them for the first time - this article by Juan Diego Rodriguez goes over some of them and tries to explain what is going on:</p><div data-type="embedly" src="https://www.smashingmagazine.com/2023/12/making-sense-of-senseless-javascript-features" data="{&quot;provider_url&quot;:&quot;https://www.smashingmagazine.com&quot;,&quot;description&quot;:&quot;JavaScript may be the most popular client-side language in the world, but it's far from perfect and not without its quirks. Juan Diego Rodriguez examines several \&quot;absurd\&quot; JavaScript eccentricities and explains how they made it into the language as well as how to avoid them in your own code.&quot;,&quot;title&quot;:&quot;Making Sense Of \&quot;Senseless\&quot; JavaScript Features - Smashing Magazine&quot;,&quot;url&quot;:&quot;https://www.smashingmagazine.com/2023/12/making-sense-of-senseless-javascript-features/&quot;,&quot;thumbnail_width&quot;:1200,&quot;thumbnail_url&quot;:&quot;https://files.smashing.media/articles/making-sense-of-senseless-javascript-features/making-sense-of-senseless-javascript-features.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Smashing Magazine&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:675}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.smashingmagazine.com/2023/12/making-sense-of-senseless-javascript-features" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://files.smashing.media/articles/making-sense-of-senseless-javascript-features/making-sense-of-senseless-javascript-features.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.smashingmagazine.com</span><h2>Making Sense Of "Senseless" JavaScript Features - Smashing Magazine</h2><p>JavaScript may be the most popular client-side language in the world, but it's far from perfect and not without its quirks. Juan Diego Rodriguez examines several "absurd" JavaScript eccentricities and explains how they made it into the language as well as how to avoid them in your own code.</p></div></div></a></div></div><p>I've shared it before, but if you haven't seen it yet, you need to watch this iconic talk that Brian Leroux gave at dotjs back in 2012, in which bravely descends into the madness of Javascript all while demonstrating the language's most bizarre features in a live coding session:</p><div data-type="youtube" videoid="et8xNAc2ic8">
      <div class="youtube-player" data-id="et8xNAc2ic8" style="background-image: url('https://i.ytimg.com/vi/et8xNAc2ic8/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=et8xNAc2ic8">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><h2 style="position: relative;" id="h-olmo-an-open-source-language-model">OLMo: An Open Source Language Model</h2><p>Arguably the biggest news in the AI world from the past week is the release of OLMo: an open source state of the art large language model. The Allen Institute for AI aims to democratize this type of new technology, to help researchers better understand the inner workings of LLMs, experiment with their capabilities, as well as enabling developers to create interesting LLM powered applications in which they have full control. Here's a quick run-down of the features that come with this project:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/14efa1ee2af70846adba1242adad5797.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noopener noreferrer nofollow ugc" class="dont-break-out" href="If you're doing anything with AI, this is probably something you'll want to keep an eye on:">Link to announcement Article</a></figcaption></figure><p>If you're doing anything with AI, this is probably something you'll want to keep an eye on:</p><div data-type="embedly" src="https://allenai.org/olmo" data="{&quot;provider_url&quot;:&quot;https://allenai.org&quot;,&quot;description&quot;:&quot;OLMo is a series of Open Language Models designed to enable the science of language models. The OLMo models are trained on the Dolma dataset.&quot;,&quot;title&quot;:&quot;OLMo - Open Language Model by AI2&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://allenai.org/olmo&quot;,&quot;thumbnail_url&quot;:&quot;https://allenai.org/_next/static/images/olmo-social-card-77177b135f14ecbe8c37b39d373ef809.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Allenai&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:630}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://allenai.org/olmo" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://allenai.org/_next/static/images/olmo-social-card-77177b135f14ecbe8c37b39d373ef809.jpg" class="false"><div class="twitter-summary-card-text"><span>https://allenai.org</span><h2>OLMo - Open Language Model by AI2</h2><p>OLMo is a series of Open Language Models designed to enable the science of language models. The OLMo models are trained on the Dolma dataset.</p></div></div></a></div></div><h2 style="position: relative;" id="h-gorilla-updates">Gorilla Updates</h2><h3 style="position: relative;" id="h-hot-off-the-press">Hot off the Press</h3><p>Last week I put together one big recap of everything that I made over the course of Genuary 2024 - turns out that you end up making quite a few interesting things when you make a thing everyday for a month. Wrote a little commentary for each one of my creations, explaining what's going on and covering the inspirations and concepts that inspired each individual sketch:</p><div data-type="embedly" src="https://www.gorillasun.de/blog/genuary-2024-personal-recap/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Genuary 2024 is now officially over! And while we emerge with folders loaded with sketches and ideas to work on throughout the coming weeks, here's my personal celebratory recap of everything I've made in Genuary.&quot;,&quot;title&quot;:&quot;Genuary 2024: A Personal Recap&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/genuary-2024-personal-recap/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/01/genuary2024-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:1196}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/genuary-2024-personal-recap/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/01/genuary2024-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Genuary 2024: A Personal Recap</h2><p>Genuary 2024 is now officially over! And while we emerge with folders loaded with sketches and ideas to work on throughout the coming weeks, here's my personal celebratory recap of everything I've made in Genuary.</p></div></div></a></div></div><p>Another thing I'd like to mention here, for documentation purposes, is that I was mentioned in the Collector Stories Season 2 Episode 4 by SUBI at around the 1 hour 30 minute mark - this is in light of SUBI, a collector that's primarily active on the Solana chain, making the decision to join Tezos with my token 'Somewhere in Between' as their first mint. I'm really honored that they chose one of my works:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/c1c933d30860cbd8482aa09da2fceedc.jpg" class="image-node embed"><figcaption htmlattributes="[object Object]" class="">Somewhere in Between #69 | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.fxhash.xyz/gentk/KT1EfsNuqwLAWDd3o4pvfUx1CAh5GMdTrRvr-170880">Link to Token</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://www.fxhash.xyz/generative/27652">Link to Project</a></figcaption></figure><p>Here's a link to the recording of the Twitter space, in which some interesting points were raised: </p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/34cceb60432f38e7a8a9f03cd65573da.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://twitter.com/aychhe/status/1753068385343275348">You can listen to the recording here</a></figcaption></figure><h3 style="position: relative;" id="h-fresh-off-the-easel">Fresh off the Easel</h3><p>Besides wrapping up those final Genuary prompts, I actually found some time this week to start investigating some of the ideas that started taking shape over the course of Genuary. After redoing a Marching Squares algo for the 12th prompt "Lava Lamp", it got me thinking that I don't necessarily need to use it for anything animated, but could be an equally potent method for generating static shapes, especially in the scenario when it's difficult to construct a shape with a geometric approach - this might sound a bit esoteric, but if it unfolds as I'm envisioning it, you might see some of those in the next Newsletter.</p><p>Here's two WIP outputs, which might not look like much at first glance, but I'm quite happy with what I achieved in them:</p><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/f33fc032d9bdfacdefa1b34f2a312638.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAIAAACDyf9SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAEz0lEQVR4nMWW7U9aVxjAnezfaeZmNxNWU6iOlwscuBfO5b56eVEKrahURS7WQkXEojh8KQiIINCCjBdHrS1r2lrX1CU2zdJm2ad9W5Z+2D4uWfZhW1rSxrVaabJkv9wv99wnvzw55zzPfVpa/l8+ePkcj6A5WlpaW1pa31p8ixMnTiAIIj2AXCZDEDmCyBuv4i6Jw0JmPcZlt+l1JIIg7e3th+iEQiHLcRRNMwxDvARCHAAtAFoIcYokKZr6ueB/cGn0j3w4NTWo0OgokmQYRiQSHaFjGDUASgWCQ4iiWpOJ2yhMV0oBx5AVAAzX6/eSlyZNxqrfGfX2IyqMIPAjdZ2dnRDqhvlLyXyZ7uFwCJ/sJvbjU3Uf/9N+2t5vlqu0samBwEjvl2P2zei46t3ZfXryJO+dqhVrCZ8/lal4vCPP7q2uMr0pY9/WgqdUmpPJ1DvXA/WxC3s8/21k3MS92A32KN0nH38UXkmV1wsDNP3N9n3W3Ld3N7IX9+VdjgflK7P+oa5u+VaUr3mHa/zw9+nLBAEJgjgyu8+FQoKmY4nMne2dkYuXAQAWi6lWDRWznp3d4mqlnqjcCiwtlWcH70R5l92s0eHv0gmFQoZhAFBqUFQNAEVTEOIyiQLq2ZXC7bnhkdmBwfXilncxzlpsCg1KkeQxOo7jiANQNI0CxfhSLBlN2rQohNDD0guJ7L3anXAkiaLoe+koFNVMh6/Wq3VCqZwgcC9DTnr9076Zrz2e3UdPNU3qmJdQJKlnex7e29/nL1yJreU2b6Xz1VAiOxNJpKv1Iacbh5AgKI7jDtd1dHSgKAoOIEfkvpn57dsPRz1+rt8+UynDXqPo1CmR6LRcJmnEoCgqFAoPKdu2tjapVNr9b06LREoMdku+GF8MjXI9wdiy1mjoFoslryKlUml7e/shurePorGDagQ5x49F4ytuhSIzH5oIz6MqQNF04/P7nSxBEDiE3vWkbZx3YJhrarLPNYoiiqZ0jV4CoQ5Vq7UYBhQKqEH91zILswEbSblYZoR3edYSpMGgxbCmstNiWmNf35DbPcC7gukkH12OLi5YMWxrzHneYLhiNrvmZtYrxfFgAL442XfqWIbRMUyxtHEjn8uUCvkJt3MuaIZwgqBifWYfTXrMZjvHBUkym8/puR4cwmN0UK8PRZauxiLBbHrBbPLrccsFx0LxWjCbDufSlxOxyVR8NZsOrESayI570eagXq/R4Taff+qiZ21sbLaUZy0Ws9XKWiw4y9ht5wdGnQo1OH7v2FdtHUW1Wxuzv/71Q2gjRxsMUKPBIQQAFJdjj2LJR4lMPDDXVJFRJImosAfV8ONccGdtere+KBLLWIZRqpSTrom7sbUeoEpYen/7atM5NKxB0SOL7LVOpkL/fLrht9sMYvBdbXEj5UdUGoqmb2VL0cGhrL1/7qz16fWy0WCEELLH3TtcBdDQtPP3x+uPb84/ry7//WMBMtTzG7czvDtvNVfstvvp3MSoS6lSNVsVGAZNvdxZq/FmOTztcegg9Utt+0k8tT2/+CxbKC7HlBrQuPNH6t74bZ8Rd50Rd33Wceq06IxUKpFIZQCoPY4R97nBTpHodRiCIG1tbYfo3kAgaBUIWj8UCBoTycG5pKkZpRn+M1GT/AN8AYOlxXDXlAAAAABJRU5ErkJggg==" nextheight="2500" nextwidth="2000" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/dfe130817cc1a80f3f9187dc6b0eb563.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAIAAACDyf9SAAAACXBIWXMAAAsTAAALEwEAmpwYAAADsUlEQVR4nNWWX2jbRhzHL1x2DpddlSOaFFlxZGFH6yykRhss6mzXrpt5thq5yImLw2qcdm5pihKyBUq7UtqStzG6lYZ2UNhg7GV/SAvJSymj4BU2+rrH7X1v257GHkd8zHVlO2nHHrbf43H3+f393h3g/lUD/x8cpZQQ8gJCgRVCyD/BIYQkacw0DY7jCCGUUoxxWJJEUQwQacv64iilCKFsJt1o1KvV+blyied5hFA8Hm806qdO1jvPEEJQy7qjfoIDYODmzQ8NQwcA+P6Srif273+50agDAC5eOK+qURYvIYTn+ZXlcyvLS7IcDhCfJEsIiUTG58qlqKI0mw9+/ulH31+CEAqCsLrqC4KAEMJ4GGNcqXiRyPgB02AbOrN+qnYYY0WZSKXe2N7a/POP3x59920+/2bz4f0bH30AwMD6+uWzZ98BAMwcyVmWOesUbXs6FBrqi2O5AAA0bXJj47qqRrOZ9Oef3dne2rTt6e2tzUfNB5/cvuE4hXQqmcsd3qOzbSjLXdM0xyncuvXxxQvnIYT37n79zVdfbG9t3rv7JcYYgIFnwjFiKDT0w/cPLWuq1Yq1tbVVTZtcXDwxV/ZUNRoKDfH86HPgEELJ5EHPm7WsqcePm45TBADoesLzXNue5nmeNfqZcCMjI5TSVltf+vTO7Y2N66+9arUHRdMmj1fKhOzrO3cBwxhzHGcYuu/vDFdYkiRpjOGYm3g89vbCcUEQ+s7d36BhjuMOmIbrOsdKjqJMsOnvPMZKoWmTc+USc9wbRwgRRbFS8XQ9wZSEMe4uENOfLIevXb3UF0cIEQShVluIRMYhhP103hoRIIrimdOLuVxWEIR93bhWRQZzuayuJwK66fRHKVXV6MyRw0edt2Kx2O+//uL7SwCA9v6ncNnMoVgsFoi/zeJ5vlqdb7l8ZXR09EVCksmDrEU9ksUYq6o66xRZpgFDCOl64szpHc1COMgWIRzcrbMYY9ctmqaBEOqZr2VNHSu5ijLBMth7jDHG9dqJdCqJOq74zhglaaxWW+i+n3vjKKWOUxBFMRQaEkUx0FymZUWZyOdzPUscfCtM06jVFgRByGYOZTJpAAAb4zaUDYrnud2S6C0yxylcufJ+OpVcX7+cz8+4blGWwxBCVlDbft1xCqdO1nd7egIxwh3baZ8sy6ZpvPfusm1P63qiWp23rClZDkvSWPfB3S4o5hzjYSa1leVz165eYs4wxv1e3r1/AYwLIQRgoOcdxz0XLhDv7vbf/vL8BbvbDM6JhYY5AAAAAElFTkSuQmCC" nextheight="3000" nextwidth="2400" class="image-node embed"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/be62e0ee119997ac279f9ce3af9814c4.png" alt="" blurdataurl="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAIAAACDyf9SAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE2klEQVR4nK2Wb0wTdxjHf4svdEt0IQsvHGIiSvAvi3XsxRirZIwETaizVXCxq2IGJSsbFIQxxJWNolD/tGwlE/zHBu1GQSip9R91pYwdjlRb4JqewN1STtdbOS7pGe7UN4v9EVKgwLZ4eV5d7j73PN/neb6/A35y8CUGWPYJkkBIAnk5OJJAApQrQLn+D44kEBzrDc+FodEb3RftPa2TlPvf5AjCWZOUm+OIAOWafXPMa09PE6R9sPOvx/cZGoWFh2IgoggzOJJA2ODo2boyAMAt6xWGRnGslw1iPbd/LCk+krgj9uzpEudAF0OjoRhmaJQNYgyNRsCFWFitujBVmGjuaDgoTnU7LdPT4w6b8dMcUUuzRlNTdKauRF2lyM8T5+eJv1V9dvP65R1bYxRySWQcz/sS4qNl0r3Pnv39yeE9nSa9XlchPZQ+4r41SbknqSE2iAUoF/rgJo71mjsasiSphmZNQny0oVkDRZhTbMB/3+20HjsqYoNYm7E+NuY1zali2NMwvV50+cXDlIvjCP33J1WV8nDWHO0YGi1UfHzd3MRMeca89nm6hEMhVyGXOOy/MPRw5FYwNNpp0hcoDrFBbGHXApSLDXphySSBcBxeUnxEdSJveno8QnYwfHj/AbFwYfsDlMthM169WPO54mBnewMkpqcJ8IeOpeaO44ioNeBsXRnHEfAOZLmdlizJbpNRl5+7f/361Tw/YWg5V16aA+tYFMfQ6KpXQFFBtsNmhPLB6SsvzbGYmzgO53mfYOeGUqVsX2ay22lduHzzcRZzEwCgVCk7IBZazBd43oeP9YtFKWNeOxT0d0f7pg1R9dqv5vU08s5OUm5mysPQw94RW26OqKgge2/GO+3G+tlGwynBx5FHxL3lHQV+kKHRAOV6NHFPXaVoM2g5DvfhyFHpHpk0w086H/zR/daOdRVlxxYmOB8XoFxIXzucYWbKw/M+Nuh12Fo/ykwxGXWdJr2qUm5oObcvMxkAQBIDS2WHP3RwHPHeu5sBAF7Pr1rN8eoqBccRKwBobPgmpONvAID83P0AgAt61TLZQS+oP1++AoDD2R+erMhNFSb6SadeV5EkiBO+vw0AkLRrIwBg+/Z1PD/x52jfMp1tM2iLCrKRvnaTUcfzvqbGanVVAc8/OiLdm5H+9uuvgvw8sbmjwdrdGNGi5+DYIKaqlN+yXuE4HLbSbvtZWXCYDWLokM3e02rvafGO3IGr5iedSw0KxFVXKazdTVAUhkY72vRfn5D7yUG308oGR2FGJIF4PXcHka5lxhhmZzHP4Kanx2XSjGumH7ZtWRsbs7K760WB0E5yc0QHxMJadWH4SbAIznIJnhilStnVK6cBALU1SrfT8sYa8HhikONwVaV86+a1T58+/kKR1WbQRrDP8KETi1IMzZpSpUx3poznJ7ZvebPxQvXz51MAAIVcwvM+50BXkiCOodGe2z/VqgvDnTHCoGjPfbkzMXYQgQfNsMV8afUqEBuzEoSuqxdrOI44XiTraPsO6b+2aUNUuIIRtsLruXtKXTRrPmwQS9q1MUkQlyVJ3ZeZ7B2xhSzrRpZkd0J8dP358kWLndkNrNdhaw3/5hN2/Ak7HrIGdLYbY147OnSHmfIs6sbhOc4TYTbC7jtD6Dlru/wvz3+Kl4z7B2WTYdeSdss/AAAAAElFTkSuQmCC" nextheight="3000" nextwidth="2400" class="image-node embed"><p>Besides just being able to find the contour of some regions on the canvas, I'm also able to determine the individual regions in addition to the their vertex information, which means that I can freely control the contour and do more stuff with it, like deforming it, or rounding off the corners, etc.</p><p>If you're not familiar with Marching Squares: it's a neat algorithm that works in 2D and 3D, and lets you draw the contour of certain regions in a grid depending if the values at those grid points exceed a certain value - in the examples above this value is determined by the proximity of a grid vertex to the surrounding circles. Each of the cells in the grid, depending on which one of it's four vertices is active, will draw a certain type of line, outlining the active region. It's smart and feels a little like magic because the concept is so simple. Wikipedia gives a good overview of the algo:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/969fd4e224248350d974cb91f003f08e.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/Marching_squares">Link to Wikipedia Page</a></figcaption></figure><p>Naturally, it's not as easy as it sounds, and you'll run into some complications when you're trying to do more with later on down the line. There's also more advanced versions of the algorithm that are more powerful, but at the cost of more complex code - over on Farcaster, Claus Wilke chimed in with a larger project that he's worked on which involved isobands that are more difficult to implement, he also points out that Wikipedia is a really good resource for this algorithm in particular:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/15e21abd358a4b642599b2c802e6f967.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://warpcast.com/clauswilke/0xbce8e550">Link to Cast</a> | <a target="_blank" rel="noreferrer" class="dont-break-out" href="https://isoband.r-lib.org/">Link to Iso-band Project</a></figcaption></figure><h2 style="position: relative;" id="h-music-for-coding">Music for Coding</h2><p>This week I've got a blast from the past for you all, and it's... <em>drum-roll</em> - Weezer!</p><div data-type="youtube" videoid="kemivUKb4f4">
      <div class="youtube-player" data-id="kemivUKb4f4" style="background-image: url('https://i.ytimg.com/vi/kemivUKb4f4/hqdefault.jpg'); background-size: cover; background-position: center">
        <a href="https://www.youtube.com/watch?v=kemivUKb4f4">
          <img src="https://paragraph.xyz/editor/youtube/play.png" class="play">
        </a>
      </div></div><p>It's a bit of an odd choice, since it might not be the best music to code along to, but after discovering that the singer and guitarist of the band Rivers Cuomo is currently actually  active over on Github and a significant amount of time on programming, it was a no-brainer to include:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/ef793b6745f5924e1a3671d5173f397b.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://github.com/riverscuomo">Link to Rivers Github</a></figcaption></figure><p>It seems that he is mainly working on a discord bot. Another interesting piece of Trivia that I discovered by going down this Rabbit hole, is that the music video for Buddy Holly was actually included with the Windows 95 installation CD:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/87fd308276c20f81df5605ffb9c87f9f.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://news.ycombinator.com/item?id=39222196">Link to Hackernews comment section</a></figcaption></figure><p>The interesting part of this is that the band had no idea about this until afterwards, after being pissed initially they came around to realise that it probably played a factor in the song becoming as popular as it is today:</p><figure float="none" data-type="figure" class="img-center" style="max-width: null;"><img src="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/feae6c31b31bbc3ce86cd73559d7fae0.png" class="image-node embed"><figcaption htmlattributes="[object Object]" class=""><a target="_blank" rel="noreferrer" class="dont-break-out" href="https://en.wikipedia.org/wiki/Buddy_Holly_(song)">Link to Wikipedia page</a></figcaption></figure><p><strong>And that's it from me this week, while I'm typing out these last words I bid my farewells — hopefully this caught you up a little with the events in the world of generative art, tech and AI throughout the past week.</strong></p><p><strong>If you enjoyed it, consider sharing it with your friends, followers and family - <u>more eyeballs/interactions/engagement helps tremendously</u> - it lets the algorithm know that this is good content. If you've read this far, thanks a million!</strong></p><p><em>If you're still hungry for more Generative art things, you can check out the most recent issue of the Newsletter here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/blog/gorilla-newsletter-41/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;This week 📬 the Tickle #90 - Falling Sand Simulation with the coding train - Maxime Heckel on Caustics - Building 3D scenes for the browser by Yasmin P. - Snippets for Art by Chris McCully - Zed going Open Source +++ lots more&quot;,&quot;title&quot;:&quot;Gorilla Newsletter 41&quot;,&quot;mean_alpha&quot;:63.75,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/blog/gorilla-newsletter-41/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2024/01/asdfg.png&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:800}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/blog/gorilla-newsletter-41/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2024/01/asdfg.png" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Gorilla Newsletter 41</h2><p>This week 📬 the Tickle #90 - Falling Sand Simulation with the coding train - Maxime Heckel on Caustics - Building 3D scenes for the browser by Yasmin P. - Snippets for Art by Chris McCully - Zed going Open Source +++ lots more</p></div></div></a></div></div><p><em>Previous issues of the newsletter can be found here:</em></p><div data-type="embedly" src="https://www.gorillasun.de/tag/newsletter/" data="{&quot;provider_url&quot;:&quot;https://www.gorillasun.de&quot;,&quot;description&quot;:&quot;Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.&quot;,&quot;title&quot;:&quot;Newsletter - Gorilla Sun&quot;,&quot;thumbnail_width&quot;:1200,&quot;url&quot;:&quot;https://www.gorillasun.de/tag/newsletter/&quot;,&quot;thumbnail_url&quot;:&quot;https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg&quot;,&quot;version&quot;:&quot;1.0&quot;,&quot;provider_name&quot;:&quot;Gorilla Sun&quot;,&quot;type&quot;:&quot;link&quot;,&quot;thumbnail_height&quot;:866}" format="small"><div class="react-component embed my-5" data-drag-handle="true" data-node-view-wrapper="" style="white-space:normal"><a class="twitter-card-link" href="https://www.gorillasun.de/tag/newsletter/" target="_blank" rel="noreferrer"><div class="twitter-summary"><img src="https://www.gorillasun.de/content/images/size/w1200/2023/07/a-glimpse-into-the-core-1.jpg" class="false"><div class="twitter-summary-card-text"><span>https://www.gorillasun.de</span><h2>Newsletter - Gorilla Sun</h2><p>Weekly recap of Gorilla Articles, Art and other interesting things from the world of generative art and creative coding.</p></div></div></a></div></div><p><strong>Cheers, happy sketching, and again, hope that you have a fantastic week! See you in the next one - Gorilla Sun </strong><span data-name="cherry_blossom" class="emoji" data-type="emoji">🌸</span></p><p><br></p><p></p>]]></content:encoded>
            <author>gorillasun@newsletter.paragraph.com (Ahmad Moussa || Gorilla Sun)</author>
            <category>genart</category>
            <category>web3</category>
            <category>farcaster</category>
            <category>tech</category>
            <category>code</category>
            <enclosure url="https://img.paragraph.com/cdn-cgi/image/format=auto/https://storage.googleapis.com/papyrus_images/6af2b908a33005c178a8214d117c731e.png" length="0" type="image/png"/>
        </item>
    </channel>
</rss>