Mastouille

Karsten SchmidtThere's a whole bunch of recent <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> updates which I still have to write about, but one of the things is the reworked, improved and more customizable optical flow (aka <a href="https://thi.ng/pixel-flow" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/pixel-flow</a> package). The visualization in this test video is showing it in action via color-coded overlaid flow field vectors (once again worst-case scenario for video compression, let's see how it comes out [or not...])<a href="https://mastodon.thi.ng/tags/OpticalFlow" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpticalFlow</a> <a href="https://mastodon.thi.ng/tags/DataViz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataViz</a> <a href="https://mastodon.thi.ng/tags/Visualization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Visualization</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a>

Karsten SchmidtVarious thi.ng updates, bug fixes, additions and new version of <a href="https://github.com/thi-ng/zig-thing/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/thi-ng/zig-thing/</a> — now fully compatible with current Zig v0.14.1On a more diary/devlog note: I also updated several of my Zig based work-in-progress art pieces to the latest version (some of them not touched in 2+ years) and it's so good to see how the <a href="https://thi.ng/wasm-api" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/wasm-api</a> toolchain has been holding up with various breaking Zig changes and also how this setup simplifies creating hybrid Zig/TypeScript projects (e.g. for using DOM/WebGL from Zig). Related, I also want to mention once more the <a href="https://mastodon.thi.ng/tags/GenArtAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenArtAPI</a> Zig WebAssembly bindings[1] (updated a few weeks ago), which add another layer of flexibility & boilerplate reduction for generative/procedural/algorithmic art projects...I will be attempting yet another few takes creating a video overview & mini-workshop/tutorial about <a href="https://thi.ng/genart-api" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/genart-api</a>, hopefully also touching on these aspects...[1] <a href="https://github.com/thi-ng/genart-api/tree/main/packages/wasm" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/thi-ng/genart-api/tree/main/packages/wasm</a><a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/Zig" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Zig</a> <a href="https://mastodon.thi.ng/tags/Ziglang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ziglang</a> <a href="https://mastodon.thi.ng/tags/WebAssembly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebAssembly</a> <a href="https://mastodon.thi.ng/tags/WASM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WASM</a> <a href="https://mastodon.thi.ng/tags/GenArtAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenArtAPI</a> <a href="https://mastodon.thi.ng/tags/Art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Art</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a>

Karsten SchmidtRecently I've combined various functions which I've been using in other projects (e.g. my personal PKM toolchain) and published them as new library <a href="https://thi.ng/text-analysis" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/text-analysis</a> for better re-use:- customizable, composable & extensible tokenization (transducer based) - ngram generation - Porter-stemming & stopword removal - vocabulary (bi-directional index) creation - dense & sparse multi-hot vector encoding/decoding - histograms (incl. sorted versions) - tf-idf (term frequency & inverse document frequency), multiple strategies - k-means clustering (with k-means++ initialization & customizable distance metrics) - similarity/distance functions (dense & sparse versions) - central terms extractionThe attached code example (also in the project readme) uses this package to creeate a clustering of all ~210 <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> packages, based on their assigned tags/keywords...The library is not intended to be a full-blown NLP solution, but I keep on finding myself running into these functions/concepts quite often, and maybe you'll find them useful too...<a href="https://mastodon.thi.ng/tags/Text" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Text</a> <a href="https://mastodon.thi.ng/tags/Analysis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Analysis</a> <a href="https://mastodon.thi.ng/tags/Cluster" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cluster</a> <a href="https://mastodon.thi.ng/tags/KMeans" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#KMeans</a> <a href="https://mastodon.thi.ng/tags/TFIDF" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TFIDF</a> <a href="https://mastodon.thi.ng/tags/Ngram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ngram</a> <a href="https://mastodon.thi.ng/tags/Vector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vector</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/ReleaseTuesday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseTuesday</a> — New version of <a href="https://thi.ng/tsne" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/tsne</a> with ~15-20% better performance[1] due to avoiding repeated internal allocations and skipping gradient updates where unnecessary...[1] Benchmarked with multiple datasets of ~750 items, each with 192 dimensions (now ~165ms @ MBA M1, 2020)...<a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/TSNE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TSNE</a> <a href="https://mastodon.thi.ng/tags/DataViz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataViz</a> <a href="https://mastodon.thi.ng/tags/Visualization" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Visualization</a> <a href="https://mastodon.thi.ng/tags/ML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ML</a> <a href="https://mastodon.thi.ng/tags/Cluster" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Cluster</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/ReleaseWednesday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseWednesday</a> — Extracted & extended the LISP-like DSL from an existing <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> example[1] as new small package for better/direct re-use in other projects:<a href="https://thi.ng/lispy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/lispy</a>The core language is kept intentionally minimal, aimed at simple sandboxed data transformations/derivations, small code snippets/expressions in GUIs or config settings. However, the language is very easy to extend/customize with new functions or control flow constructs etc. Currently, the language is interpreted and has the following builtins (see screenshots). There's no macro support so far (and not sure if that's even desired here)...[1] The original <a href="https://mastodon.thi.ng/tags/HowToThing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HowToThing</a> example browser REPL this was extracted from (and which has now been updated to use the new package):<a href="https://demo.thi.ng/umbrella/lispy-repl/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://demo.thi.ng/umbrella/lispy-repl/</a> <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/Lisp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Lisp</a> <a href="https://mastodon.thi.ng/tags/DSL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DSL</a> <a href="https://mastodon.thi.ng/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FunctionalProgramming</a> <a href="https://mastodon.thi.ng/tags/REPL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#REPL</a>

Karsten SchmidtAccidental atmospheric Rayleigh scattering (<a href="https://en.wikipedia.org/wiki/Rayleigh_scattering" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://en.wikipedia.org/wiki/Rayleigh_scattering</a>) — feels like sunrise from ~50secs...<a href="https://mastodon.thi.ng/tags/Umbra" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Umbra</a> <a href="https://mastodon.thi.ng/tags/Art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Art</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/Gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gradients</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Rec2020" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Rec2020</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/ShaderAST" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ShaderAST</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/Umbra" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Umbra</a>(Revisiting an unoptimized old code sketch, semi-fluid screen recording only... Love the contrast between soft gradients and hard edges and the unexpected emergence of shapes [and their disappearance]...)(Made with <a href="https://thi.ng/shader-ast" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/shader-ast</a>)<a href="https://mastodon.thi.ng/tags/Art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Art</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/Gradients" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gradients</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Rec2020" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Rec2020</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/ShaderAST" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ShaderAST</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a>

Karsten SchmidtMore <a href="https://mastodon.thi.ng/tags/Actiniaria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Actiniaria</a> progress: Added a soft global constraint to create more of a (macro)organism feel w/ a sense of belonging and fuzzy boundary. Also slowly updating the behavior/relationship matrix between the six different types now, to create varying temporary alliances...(Note: Sadly Firefox doesn't respect the Rec2020 color profile in the video, please download or use Chrome or Safari for viewing...)<a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boids</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebGL</a>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/ReleaseSaturday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseSaturday</a> — Just added 35 new color palettes (255 in total now) to <a href="https://thi.ng/color-palettes" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/color-palettes</a>. All of these are based on images and dominant colors have been extracted via this tool below and then partially hand edited. The SVG swatches were generated via a custom tool (included in the project repo). The package provides accessors for obtaining themes as CSS hex colors, RGB or LCH tuples. Themes can also be programmatically selected/filtered by a number of composable criteria (examples in the readme)... <a href="https://demo.thi.ng/umbrella/dominant-colors/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://demo.thi.ng/umbrella/dominant-colors/</a><a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.thi.ng/tags/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SVG</a>

Karsten SchmidtFound some time last night to implement multi-behaviors and I'm very excited about where this is going... 😍 The video shows 6 different types interacting with (and avoiding) each other. Next step is to vary the behavior matrix over time, causing changing alliances and breakup behaviors...See <a href="https://mastodon.thi.ng/tags/Actiniaria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Actiniaria</a> for more context...(Note: Sadly Firefox doesn't respect the Rec2020 color profile in the video, please download or use Chrome or Safari for viewing...)<a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boids</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebGL</a>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/ReleaseWednesday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseWednesday</a> 🚀 — I wonder how many other FLOSS devs are sitting on code for ~8 years prior to first release... In one of these cases (many others readily available in my stash 🙃), triggered by recent major updates to the thi.ng/vectors library, I've refactored (almost 100% rewritten) and applied the same approach to the new/old package:<a href="https://thi.ng/tensors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/tensors</a>This package provides 1D/2D/3D/4D tensors, supporting different storage implementations (currently still all CPU side only) and an extensible set of polymorphic tensor operations (currently ~45 math ops, incl. matrix-matrix/matrix-vector products, reductions, argmin/max, activation functions etc.). The tensor classes themselves also provide several zero-copy slicing, re-ordering, clipping, extraction functions, most of them type-safe.The original (private) version was heavily reliant on dynamic code generation, which has now been replaced with higher-order functions to provide various dimension-optimized versions of all operations.This package is NOT specifically aimed at machine learning, even though it could probably used for some tasks in that realm (likely with extra hand holding). There are many other use cases for this kind of data structure...Also new in other packages in this release cycle (incl. some code examples):- <a href="https://docs.thi.ng/umbrella/arrays/functions/permutation.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://docs.thi.ng/umbrella/arrays/functions/permutation.html</a> - <a href="https://docs.thi.ng/umbrella/bidir-index/functions/decodeObjectIterator.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://docs.thi.ng/umbrella/bidir-index/functions/decodeObjectIterator.html</a> - <a href="https://docs.thi.ng/umbrella/transducers/functions/binned.html" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://docs.thi.ng/umbrella/transducers/functions/binned.html</a><a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.thi.ng/tags/Tensor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Tensor</a> <a href="https://mastodon.thi.ng/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

Karsten SchmidtToday it's already 3 weeks since the opening of "The Story Never Ends" exhibition at ZKM Karlsruhe, showcasing around 100 works by 75 artists from the museum's collection of 12,000 artworks, one of the largest and most important media art collections in the world (since the 1950s).Due to the stress of the recent weeks, I've completely missed posting more pictures of my piece on display there (De/Frag, 2021). It's a custom site-specific version which will keep changing/evolving non-stop for the next 5 months (until the end of the show in late September). The pictures attached are by Clara Runge, the curator of the show. Thank you! 🙏🤩<a href="https://zkm.de/en/2025/04/the-story-that-never-ends" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://zkm.de/en/2025/04/the-story-that-never-ends</a>A plea: If you happen to go to ZKM and get to see the piece, please do take & post some pictures — I'm very keen to see snapshots over time (so far I've only had it running for a few weeks, but never for months on end...)More info about the piece and images also here in this thread: <a href="https://mastodon.thi.ng/@toxi/114245042903764105" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/114245042903764105</a><a href="https://mastodon.thi.ng/tags/Art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Art</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/ZKM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ZKM</a> <a href="https://mastodon.thi.ng/tags/Exhibition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Exhibition</a> <a href="https://mastodon.thi.ng/tags/Karlsruhe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Karlsruhe</a> <a href="https://mastodon.thi.ng/tags/DeFrag" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DeFrag</a> <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a>

Karsten SchmidtAdded a new convenience transducer for clipping and binning values, e.g. as preparation step for histogram generation whilst working in the REPL. New release forthcoming. A small code example attached (actually taken from the doc string of the new `binned()` transducer).<a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/Transducers" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Transducers</a> <a href="https://mastodon.thi.ng/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FunctionalProgramming</a> <a href="https://mastodon.thi.ng/tags/ASCIIArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ASCIIArt</a> <a href="https://mastodon.thi.ng/tags/DataViz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DataViz</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a>

Karsten SchmidtSimilar to my <a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> piece from last year (check the hashtag for references), these current <a href="https://mastodon.thi.ng/tags/Actiniaria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Actiniaria</a> explorations make me fully appreciate all the research, efforts and supporting hardware behind the DCI-P3 & Rec.2020 color spaces. The intensity (and subtlety) of some colors & combinations are just stunning (to me), and I don't mean this in any ableist way (just enjoying whilst I still can!)...Also still amazed that something like this runs at a smooth 60fps @ 2160x2160 UHD resolution on a mobile device with a just Snapdragon 2 chipset... As part of my advisory role @ day job, over the past few months I've been tasked with optimizing artworks for almost a dozen generative/algorithmic artists, often achieving 2-4x framerate improvements... Very much feeling a longer blog post re: code craft vs code art coming up, hoping to connect them more..."To understand a program you must become both the machine and the program." — Alan Perlis(Note: Sadly Firefox does not seem to respect the Rec2020 color profile in the video, please download or use Chrome or Safari for viewing...)<a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boids</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebGL</a>

Karsten SchmidtBeen working on various shader & behavior update and options for <a href="https://mastodon.thi.ng/tags/Actiniaria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Actiniaria</a>... it's all starting to come together! 🤩(Note: Sadly Firefox does not seem to respect the Rec2020 color profile in the video, please use Chrome or Safari for viewing...)<a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boids</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebGL</a>

Karsten SchmidtTomodashi's (<a href="https://dialup.cafe/@vga256" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@vga256</a>) design philosophy so much resonates with my own, even if my reality/interests and having roots in different social & technological environments/communities sometimes still causes friction/confusion/dilution of principles — it's all a process, an ongoing dismantling & rebuilding, and the path has become more clear over the past 5-10 years... thi.ng plays a major part (and stepping stones) for me in that context and very much shares the same principles laid out further below.<a href="https://tomodashi.com/philosophy" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://tomodashi.com/philosophy</a>"The sub-Arctic regions of the Canadian Northwest Territories have many communities of fishers, hunters and trappers who live off the land with simple and effective tools. When technology breaks down in the north, there isn't a tech support number to call, or dealership or mechanic to take it to. You're on your own.This encourages you to care for your tools, and make repairs using whatever knowledge and resources you have on hand. People who live on the land only take with them what they can maintain, upgrade and repair themselves. Big, complex, fragile, expensive, high-performance, high-maintenance stuff is left at drydock.The elders of the far north teach us that these human-sized and human-shaped tools are extensions of who we are. To care for one's tools is to care for one's community, and oneself. These are not separate things.That is the key to the Tomodashi design philosophy.PrinciplesAll Tomodashi software is crafted with these four related ideas in mind:1. Human-sized things are friendlier, more economical, and easier to learn. 2. The user is both a creator of things and a playful being. 3. Let people personalize, modify, and repair their toys and tools. 4. Imperfect creations feel more human, serene and beautiful.When human qualities and self-expression become the focus of software engineering - whether it's a game or a programming tool or an IDE - all other arguments about programming and software design become moot"❤️❤️❤️<a href="https://mastodon.thi.ng/tags/Technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Technology</a> <a href="https://mastodon.thi.ng/tags/SoftwareCraft" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SoftwareCraft</a> <a href="https://mastodon.thi.ng/tags/HumanCentredDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HumanCentredDesign</a> <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a>

Karsten SchmidtSlowly narrowing down color choices... Here's a contact sheet of some more theme candidates. Still going through a few hundred more I've pre-selected so far, and these ones here are all using the same background color...<a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boids</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a>

Karsten SchmidtBtw. Here're some more collected links to earlier experiments/stages of development (from the last 1.5 years) — If anything, this all is yet another example of my personal slow-cook art-making/revisiting approach... 😅SDF obstacles (static & animated): <a href="https://mastodon.thi.ng/@toxi/111698367393819716" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/111698367393819716</a> <a href="https://mastodon.thi.ng/@toxi/111698918722774094" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/111698918722774094</a>Path attraction/following: <a href="https://mastodon.thi.ng/@toxi/111704122960594951" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/111704122960594951</a> <a href="https://mastodon.thi.ng/@toxi/111704168442616187" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/111704168442616187</a>Boids vs. Voronoi: <a href="https://mastodon.thi.ng/@toxi/111720368699392895" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/111720368699392895</a>Visualizing motion/direction vectors: <a href="https://mastodon.thi.ng/@toxi/111688835639715011" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/111688835639715011</a><a href="https://mastodon.thi.ng/tags/HowToThing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HowToThing</a> mini tutorial: <a href="https://mastodon.thi.ng/@toxi/111308439597090930" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/111308439597090930</a><a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boids</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a>

Karsten SchmidtWork in progress...Finally finding some time to continue working on my earlier <a href="https://thi.ng/boids" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/boids</a> experiments, now also using WebGL instancing and floating point render textures for super-smooth blending/trails to create aesthetics reminiscent of sea anemones...(Update: I've decided on the beautiful-sounding and fitting <a href="https://mastodon.thi.ng/tags/Actiniaria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Actiniaria</a> as project title...)(Note: Sadly Firefox does not seem to respect the Rec2020 color profile in the video, please use Chrome or Safari for viewing...)<a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/GenerativeArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#GenerativeArt</a> <a href="https://mastodon.thi.ng/tags/AlgorithmicArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#AlgorithmicArt</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/Boids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Boids</a> <a href="https://mastodon.thi.ng/tags/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Video" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Video</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/WebGL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebGL</a>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/ReleaseWednesday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseWednesday</a> — I just released a new version (v8.0.0) of <a href="https://thi.ng/vectors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/vectors</a>, an almost complete rewrite of the package with all of its ~900 vector operations. I've updated the Readme with a section of _potentially_ minor breaking changes, however I expect this to be a seamless upgrade for the vast majority of users...I've recently written more about the reasons and implications of this update and I'll refer you to those posts instead of repeating them once more (see links below).Just the top-level changes:- Replaced dynamic code generation with higher-order templating to be usable with strict content security policies (when deployed online) - New structure allows for vast majority of functions to have doc strings (and they do now) - More consistent/less confusing naming for some operations - Potentially improved tree-shaking and smaller project bundle sizesRelated to this update I've also refactored and fixed some bugs in other packages (e.g. color, geom, matrices). As a result both the color & matrix packages are now also free from dynamic codegen and therefore won't cause any problems with strict CSPsShould you run into any issues regarding this update, please get in touch (also grateful for any other experience/impact reports... 🙏)More info in these recent posts/threads:- <a href="https://mastodon.thi.ng/@toxi/114296442006935718" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/114296442006935718</a> - <a href="https://mastodon.thi.ng/@toxi/114319651778770391" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/114319651778770391</a> - <a href="https://mastodon.thi.ng/@toxi/114336012068839250" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/114336012068839250</a>Happy coding!<a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> <a href="https://mastodon.thi.ng/tags/Vectors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vectors</a> <a href="https://mastodon.thi.ng/tags/TypeScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TypeScript</a> <a href="https://mastodon.thi.ng/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.thi.ng/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

Recherches récentes

Options de recherche

Administré par :

Statistiques du serveur :

#thingumbrella