Socel: Social for the Animation Arts

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/ReleaseFriday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseFriday</a> — Just pushed a new version of <a href="https://thi.ng/tensors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/tensors</a>, now with added support for "broadcasting" in most operations taking more than one input tensor. This means the shapes of the tensors only need to be compatible, not identical. Supporting operators attempt to adjust each tensor's shape & stride configurations to be compatible (details in the readme & API docs).This new version also includes more tensor ops (almost 50 now), including singular value matrix decomposition (SVD), plus improved type safety & result type interference for all operations. The readme contains more code examples...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/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 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 Schmidt<a href="https://merveilles.town/@akkartik" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@akkartik</a> <a href="https://fire.asta.lgbt/@ashley" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@ashley</a> <a href="https://hachyderm.io/@datarama" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@datarama</a> I'm not fully sure which magic constants you're referring to, but the ones used in this example[1] come from fine tuning the desired behavior and tweaking the balance of the main three different force contributions (separation, alignment, cohesion). Sure, you can give them all equal weighting, but you can achieve so many more varied & interesting behaviors by simply playing with these force multipliers (and throwing other constraints/forces into the mix). In the <a href="https://thi.ng/boids" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/boids</a> implementation these forces are customizable per boid (e.g. to create groups of different species/behaviors) and can also be modulated spatially (based on current position and a possibly underlying data layer/map). That way I can dynamically force different behaviors based on where an agent is in the simulation space/time. The combination of all these provides incredible freedom and allows me use boids in situations you wouldn't normally associate with the cliché flocking behaviors...ICYMI (related), check out my more recent boids explorations here: <a href="https://mastodon.thi.ng/@toxi/tagged/Actiniaria" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/tagged/Actiniaria</a>[1] <a href="https://github.com/thi-ng/umbrella/blob/develop/examples/boid-basics/src/index.ts#L44" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/thi-ng/umbrella/blob/develop/examples/boid-basics/src/index.ts#L44</a><a href="https://mastodon.thi.ng/tags/Actiniaria" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Actiniaria</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/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</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 Schmidt<a href="https://dialup.cafe/@vga256" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@vga256</a> <a href="https://tldr.nettime.org/@tomjennings" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@tomjennings</a> Yes, wabi-sabi has also been very influential on my own practice and was one of the conceptual hooks for this talk I gave at Resonate Belgrade in 2016, which incidentally also includes a great quote by <a href="https://masto.hackers.town/@vertigo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@vertigo</a>):<a href="https://media.thi.ng/2016/talks/resonate.pdf" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://media.thi.ng/2016/talks/resonate.pdf</a> (sorry, slides only, no talk notes)Re: The feeling "should have written myself" — that's exactly how I feel about your framing/writing! :))<a href="https://mastodon.thi.ng/tags/WabiSabi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WabiSabi</a> <a href="https://mastodon.thi.ng/tags/Forth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forth</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/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</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>

Karsten SchmidtJust added some new diagrams to describe the internals of the <a href="https://thi.ng/block-fs" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/block-fs</a> block storage & filesystem (incl. some examples) and also added/updated CLI tooling docs...<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/BlockStorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BlockStorage</a> <a href="https://mastodon.thi.ng/tags/FileSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FileSystem</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/Documentation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Documentation</a> <a href="https://mastodon.thi.ng/tags/Diagram" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Diagram</a>

Karsten SchmidtTo put the "large" package size a little more into perspective: I don't know of any other feature-comparable JS vector library which provides all of the following:- Generic n-dimensional float, int, uint, boolean vectors - Size optimized versions for 2D/3D/4D (all types) - Multiple-dispatch wrappers (auto-delegating to available optimized versions) - Memory-mapped vectors and optimized versions for various memory layouts (e.g. SOA/AOS) - Optimized versions of many vector-scalar ops - Optimized compound operations (like multiply-add etc.) - Vector randomizations (several approaches) - 99% of GLSL vector operations & conversions - Vector versions of most of JS `Math` ops - Vector interpolations (linear, bilinear, cubic, quadratic...) - 10 different distance functions & metrics - Swizzling & vector coercion/extension - Dozens of additional graphics, statistics & ML-related operations<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/CodeGeneration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodeGeneration</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/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

Karsten SchmidtJust a quick <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> update to say that I've already replaced the <a href="https://thi.ng/vectors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/vectors</a> package on the develop branch and after LOTS of deep experimentation have decided NOT to split up the package. There will be a few (minor) breaking changes, mainly because of enforcing more consistent naming and more granularity in some source files (therefore possibly changed imports, though only if you use direct ones for individual functions...). All in all, I've managed to keep the impact on users to a bare minimum (likely unnoticeable for most), even though it's pretty much a complete rewrite of the entire package (with all its ~900 functions)... This package is now almost 10 years old and I'm very happy how this refactor turned out!In terms of file size impact: The FULL minified pkg bundle is now 56.4KB vs previously 48.5KB, however the code density has improved and the brotli-compressed pkg size is only 15.1KB (only 1KB larger than before), which I found absolutely incredible! 🎉 I also have to state once more that this package (and most others in <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a>) are _designed for tree shaking_ and bundling. Hardly any project would ever use the full set of functions provided here all at once, most will only use a small/tiny subset...Also — more importantly — many of the 185 example projects in the repo are now showing between 2-25% smaller final bundle sizes. Some also have become slightly larger, but so far I found the most by only ~2%...Related to this change: I've also updated the <a href="https://thi.ng/color" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/color</a> & <a href="https://thi.ng/matrices" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/matrices</a> packages to be free from dynamic code generation now! The only packages still using `new Function(...)` are the following, but for those it's unavoidable and dynamic code generation is a core feature:- <a href="https://thi.ng/pixel" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/pixel</a> (custom pixel format definition/compilation) - <a href="https://thi.ng/pixel-convolve" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/pixel-convolve</a> (custom image convolution kernel compilation) - <a href="https://thi.ng/shader-ast-js" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/shader-ast-js</a> (Shader AST to JavaScript compilation)I will do more testing over the coming days, then release new version(s) ASAP...<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/CodeGeneration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodeGeneration</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/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

Karsten SchmidtIn recent years every spring seems to turn into a period of _massive_ refactoring & restructuring in <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a> — maybe it's a form of spring cleaning, even though the reasons[1] are not seasonal... Currently spending my nights reworking the <a href="https://thi.ng/vectors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/vectors</a> package (likely one of the most comprehensive vector packages available for TS/JS) and trying out different splits/structures, testing their impact on package sizes and usability in existing downstream packages. Currently over 3000 source files with uncommitted changes... aaaarrrgghh! 🤯Most functions (vector operations) in this package exist in multiple versions (many code generated, but now in need to be updated): Generic n-dimensional, loop-free, optimized 2D/3D/4D versions and strided versions for manipulating vectors views of larger nD data buffers (supporting all kinds of data layouts, incl. AOS, SOA, hybrid...)[1] <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/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/Refactoring" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Refactoring</a> <a href="https://mastodon.thi.ng/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a>

Karsten SchmidtThanks to <a href="https://mastodon.gamedev.place/@made" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@made</a> I recently learned that dynamic code generation doesn't play nice with certain Content Security Policies (CSP). This has a major impact on a few core packages in <a href="https://mastodon.thi.ng/tags/ThingUmbrella" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ThingUmbrella</a>, like the <a href="https://thi.ng/vectors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/vectors</a> package which contains ~900 vector functions, most of them code generated and optimized for different vector sizes/dimensions (incl. n-dimensional versions). This package (and some others using a similar approach) are key dependencies for dozens of other geometry/visualization related packages... However, I found code generation the only way to practically manage & maintain the sheer amount of functionality provided.Because of this (CSP impact), I've been working on a new code generator, which converts the dynamically generated code into statically generated source code files. This will make the overall initial package size bigger, but this shouldn't be a major problem in practice, since there're also very positive effects, including:- The new format allows for doc strings for _all_ generated vector ops (with the dynamic approach there was no way to properly attach those in TypeScript) - The new file structure (single function per source file) massively helps with dead code elimination when using a bundler, resulting in smaller final file/bundle sizes. When NOT using a bundler, similar filesize savings can be had by using direct imports (to individual functions) rather than full package imports - None of the unused versions need to be code generated at runtime anymore, so also improving startup timeThe new codegen is already covering around more than a third of the 900 ops. If you want to keep an eye on progress & discussion, follow this issue:<a href="https://github.com/thi-ng/umbrella/issues/497" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/thi-ng/umbrella/issues/497</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/CodeGenerator" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CodeGenerator</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/Vector" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Vector</a> <a href="https://mastodon.thi.ng/tags/PSA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PSA</a>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/ReleaseWednesday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseWednesday</a> Just pushed a new version of <a href="https://thi.ng/block-fs" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/block-fs</a>, now with additional multi-command CLI tooling to convert & bundle a local file system tree into a single block-based binary blob (e.g. for bundling assets, or distributing a virtual filesystem as part of a web app, or for snapshot testing, or as bridge for WASM interop etc.)Also new, the main API now includes a `.readAsObjectURL()` method to wrap files as URLs to binary blobs with associated MIME types, thereby making it trivial to use the virtual filesystem for sourcing stored images and other assets for direct use in the browser...(Ps. For more context see other recent announcement: <a href="https://mastodon.thi.ng/@toxi/114264980961483146" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mastodon.thi.ng/@toxi/114264980961483146</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/BlockStorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BlockStorage</a> <a href="https://mastodon.thi.ng/tags/FileSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FileSystem</a> <a href="https://mastodon.thi.ng/tags/BlockFS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BlockFS</a> <a href="https://mastodon.thi.ng/tags/VirtualFS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VirtualFS</a> <a href="https://mastodon.thi.ng/tags/CLI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CLI</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>

Karsten Schmidt<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/ReleaseTuesday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ReleaseTuesday</a>... New package (initial alpha release):<a href="https://thi.ng/block-fs" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/block-fs</a> provides highly customizable & extensible block-based storage with an optional hierarchical filesystem layer. This is useful everywhere you might need virtual filesystem, though the storage providers can also be used without the filesystem layer (e.g. for <a href="https://mastodon.thi.ng/tags/Forth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Forth</a>-style block data/editors).The default configuration provides:- arbitrarily nested directories - filenames (UTF-8) of max. 31 bytes per directory level - max. 32 owner IDs - file locking - creation/modification timestamps (64 bit) - efficient append writesCurrently included storage providers: TypedArray-based in-memory and host filesystem based file storage (one block per file). More are planned (e.g. IndexedDB, remote endpoint)... The readme is currently still lacking various diagrams to illustrate the filesystem internals. I will add those ASAP...<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/FileSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FileSystem</a> <a href="https://mastodon.thi.ng/tags/VirtualFS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#VirtualFS</a> <a href="https://mastodon.thi.ng/tags/BlockStorage" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#BlockStorage</a>

Recent searches

Search options

Administered by:

Server stats:

#thingumbrella