Karsten Schmidt<p>A little video preview of a section of the upcoming new thi.ng website:</p><p><a href="https://makertube.net/w/hDfuEUudsjskRtdLhVeiVC" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">makertube.net/w/hDfuEUudsjskRt</span><span class="invisible">dLhVeiVC</span></a><br>(edit: moved from YT to makertube)</p><p>It's so nice for me to see these 10 computational art pieces & experiments all in one place (and most of them interactive & randomizable), also in the knowledge that apart from using <span class="h-card" translate="no"><a href="https://m.webtoo.ls/@vite" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>vite</span></a></span> for bundling, everything else is entirely made using <a href="https://thi.ng/umbrella" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">thi.ng/umbrella</span><span class="invisible"></span></a> packages and tooling (three of the pieces are also partially written in <a href="https://mastodon.thi.ng/tags/Ziglang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ziglang</span></a> / <a href="https://mastodon.thi.ng/tags/WASM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WASM</span></a>). Unlike the video (which at 1080p is ~110MB), on the website these ten realtime evolving animations together are only a ~650KB download (i.e. ~0.55% filesize) and all of them are running fluidly even on my old iPhone 11! Thanks to using `IntersectionObserver`, only a single piece is active at any one time...</p><p>Another side effect from this exercise: All these projects are only a small selection from the past 3 years, but most of them haven't been updated in the last 1-2 years. There were breaking changes (esp. the Zig parts, which I still have to largely address), but most of the supposedly breaking changes in <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ThingUmbrella</span></a> packages were actually super easy to address. I'm only mentioning this, since it's great to sometimes be completely in a "normal" user's shoes and see how painful (or not!) some of these changes are/can be... I'm often losing a lot of time contemplating making wide-ranging (but IMHO better & needed) changes, but always also trying to consider the effects of those on other people... This anti-bitrot exercise absolutely helped me to vindicate this approach!</p><p><a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ThingUmbrella</span></a> <a href="https://mastodon.thi.ng/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://mastodon.thi.ng/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.thi.ng/tags/Art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Art</span></a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GenerativeArt</span></a> <a href="https://mastodon.thi.ng/tags/Computational" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Computational</span></a> <a href="https://mastodon.thi.ng/tags/FluidSim" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>FluidSim</span></a> <a href="https://mastodon.thi.ng/tags/CellularAutomata" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CellularAutomata</span></a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Boids</span></a> <a href="https://mastodon.thi.ng/tags/PixelArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PixelArt</span></a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Video</span></a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TypeScript</span></a> <a href="https://mastodon.thi.ng/tags/WebAssembly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebAssembly</span></a></p>