#boids — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #boids, aggregated by home.social.
-
Engineering Micro-Submarines to Replace Fish
https://fed.brid.gy/r/https://hackaday.com/2026/07/01/engineering-micro-submarines-to-replace-fish/
-
Поведение толпы по-простому: от стай скворцов до тысячи юнитов в кадре
Всем привет! Меня зовут Гриша Дядиченко, я технический директор и основатель White Label Games. Уже больше десяти лет работаю с компьютерной графикой, AR/VR и компьютерным зрением — в основном это заказная разработка, плюс собственные прототипы по вечерам, до которых дотягиваются руки. Сталкивались ли вы с ситуацией, когда у вас в игре уже двести юнитов, а FPS почему-то уехал, хотя визуально на сцене ничего особенного нет? Или с тем, что хочется сделать настоящую орду — плотную, с реакцией на стрельбу, обтекающую укрытия — а получается стайка, которая либо разбегается как пыль, либо слипается в один шарик и едет им по всей карте? Чтож, давайте по порядку. Как это устроено у настоящих скворцов над Римом и причём тут код, какие именно три правила Рейнольдса и как они балансируются весами, как сетка побеждает O(N²) и где она сама ломается, что такое ORCA и как она разруливает встречные потоки в коридоре, как steering behaviors дают агенту цель и обход препятствий, и что лежит под капотом конкретных шипнутых игр от AC Unity до World War Z.
https://habr.com/ru/articles/1049500/
#Симуляция_толпы #boids #правила_Рейнольдса #эмерджентность #мурмурация #crowd_simulation #spatial_hash #RVO #ORCA #steering_behaviors
-
It's Friday, spring is here (a bit too early) — it feels like a good day to share another minute recording of a variation of my Actiniaria piece which I worked on last spring and think also captures that much needed #BloomScrolling spirit...
See #Actiniaria for more context...
(Note: Sadly Firefox still doesn't respect the Rec2020 color profile in the video, please download the video or use Chrome or Safari for full viewing pleasure...)
#GenerativeArt #AlgorithmicArt #NoAI #ThingUmbrella #GenArtAPI #Boids #Color #Video #Animation #TypeScript #WebGL
-
It's Friday, spring is here (a bit too early) — it feels like a good day to share another minute recording of a variation of my Actiniaria piece which I worked on last spring and think also captures that much needed #BloomScrolling spirit...
See #Actiniaria for more context...
(Note: Sadly Firefox still doesn't respect the Rec2020 color profile in the video, please download the video or use Chrome or Safari for full viewing pleasure...)
#GenerativeArt #AlgorithmicArt #NoAI #ThingUmbrella #GenArtAPI #Boids #Color #Video #Animation #TypeScript #WebGL
-
👨💻🤔 Ah yes, because nothing screams "cutting-edge innovation" like using sub-millisecond functional quadtrees to simulate digital birds in 2025. Clearly, the world has been waiting for a generous representation of #Boids to revolutionize... #online demos? 🐦📉
https://www.lbjgruppen.com/en/posts/flocking-quadtrees #cuttingedge #innovation #digitalbirds #simulation #techtrends #demos #HackerNews #ngated -
👨💻🤔 Ah yes, because nothing screams "cutting-edge innovation" like using sub-millisecond functional quadtrees to simulate digital birds in 2025. Clearly, the world has been waiting for a generous representation of #Boids to revolutionize... #online demos? 🐦📉
https://www.lbjgruppen.com/en/posts/flocking-quadtrees #cuttingedge #innovation #digitalbirds #simulation #techtrends #demos #HackerNews #ngated -
Ready for Pelikan Hub next month...
Hope that this time next year, one of the black ones will no longer be black.
-
Poetry with Boids! New piece out combining swarming a-life algorithms with language attractors, the words of this interactive poem forming into different visual and semantic structures. Preview below, live link here: https://ailiteraryreview.co.uk/issue06
-
Cardinals and Blue Jays are competing in the World Series of peanut-gathering. Blue Jays are winning due to sheer numbers. (We have a gang that shows up every morning. They are hilarious.)
-
Cardinals and Blue Jays are competing in the World Series of peanut-gathering. Blue Jays are winning due to sheer numbers. (We have a gang that shows up every morning. They are hilarious.)
-
Iuno. I played with the parameters until I got this kind of flight.
Looks a bit like some flies I've seen fly over some puddles during winter.
https://codeberg.org/Halfwake/guile-quad-tree/commit/2fe42f5dd074f339ca5bc1b98677c0c9bdec9412
#boids
#gnu
#guile
#guilequadtree
#quadtree -
A poster for a 90 seconds film about a dream. I've made it to take part in the "Dream Animation Festival".
#mywork #art #animation #dream #blender #3D #pointcloud #boids #particles
-
More #Actiniaria 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...)
#GenerativeArt #AlgorithmicArt #NoAI #ThingUmbrella #Boids #Color #Video #Animation #TypeScript #WebGL
-
More #Actiniaria 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...)
#GenerativeArt #AlgorithmicArt #NoAI #ThingUmbrella #Boids #Color #Video #Animation #TypeScript #WebGL
-
Found 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 #Actiniaria 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...)
#GenerativeArt #AlgorithmicArt #NoAI #ThingUmbrella #Boids #Color #Video #Animation #TypeScript #WebGL
-
Found 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 #Actiniaria 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...)
#GenerativeArt #AlgorithmicArt #NoAI #ThingUmbrella #Boids #Color #Video #Animation #TypeScript #WebGL
-
Similar to my #LinearMemory piece from last year (check the hashtag for references), these current #Actiniaria 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...)
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #Animation #TypeScript #WebGL
-
Similar to my #LinearMemory piece from last year (check the hashtag for references), these current #Actiniaria 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...)
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #Animation #TypeScript #WebGL
-
Been working on various shader & behavior update and options for #Actiniaria... 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...)
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #Animation #TypeScript #WebGL
-
Been working on various shader & behavior update and options for #Actiniaria... 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...)
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #Animation #TypeScript #WebGL
-
Slowly 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...
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color
-
Slowly 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...
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color
-
Btw. 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):
https://mastodon.thi.ng/@toxi/111698367393819716
https://mastodon.thi.ng/@toxi/111698918722774094Path attraction/following:
https://mastodon.thi.ng/@toxi/111704122960594951
https://mastodon.thi.ng/@toxi/111704168442616187Boids vs. Voronoi:
https://mastodon.thi.ng/@toxi/111720368699392895Visualizing motion/direction vectors:
https://mastodon.thi.ng/@toxi/111688835639715011#HowToThing mini tutorial:
https://mastodon.thi.ng/@toxi/111308439597090930#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #TypeScript
-
Btw. 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):
https://mastodon.thi.ng/@toxi/111698367393819716
https://mastodon.thi.ng/@toxi/111698918722774094Path attraction/following:
https://mastodon.thi.ng/@toxi/111704122960594951
https://mastodon.thi.ng/@toxi/111704168442616187Boids vs. Voronoi:
https://mastodon.thi.ng/@toxi/111720368699392895Visualizing motion/direction vectors:
https://mastodon.thi.ng/@toxi/111688835639715011#HowToThing mini tutorial:
https://mastodon.thi.ng/@toxi/111308439597090930#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #TypeScript
-
Work in progress...
Finally finding some time to continue working on my earlier https://thi.ng/boids 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 #Actiniaria 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...)
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #Animation #TypeScript #WebGL
-
Work in progress...
Finally finding some time to continue working on my earlier https://thi.ng/boids 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 #Actiniaria 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...)
#ThingUmbrella #GenerativeArt #AlgorithmicArt #NoAI #Boids #Color #Video #Animation #TypeScript #WebGL
-
#Boids + #Drones + #Fireworks... I'm sure that equals something
-
#Boids + #Drones + #Fireworks... I'm sure that equals something
-
Grazie a @ferdinky possiamo provare un'implementazione dei famosi "boids" sul Commodore 64. Il programma, realizzato in Simon's BASIC, non può rivaleggiare graficamente con altre versioni di questi "steering behaviors" che si sono succedute in quasi 40 anni, ma è comunque un'ottima occasione per tornare a riparlarne. #commodore64 #simonsbasic #boids #retrocomputing https://www.youtube.com/watch?v=-4TJYyHNMgo
-
Grazie a @ferdinky possiamo provare un'implementazione dei famosi "boids" sul Commodore 64. Il programma, realizzato in Simon's BASIC, non può rivaleggiare graficamente con altre versioni di questi "steering behaviors" che si sono succedute in quasi 40 anni, ma è comunque un'ottima occasione per tornare a riparlarne. #commodore64 #simonsbasic #boids #retrocomputing https://www.youtube.com/watch?v=-4TJYyHNMgo
-
Artificial Life Newsletter, May edition is out!
This time we brought the review of a book about solarpunk creatures, as well as a reminder about the solarpunk conference.
We also got reviews for three fiction books that describe unique and different ways of life.
On the video side, we got a link to a video about boids and self driving cars, also links to a workshop on Universal Communication by Crosslabs.
This and more here:
https://alife-newsletter.github.io/Newsletter/edition_016.html
-
Artificial Life Newsletter, May edition is out!
This time we brought the review of a book about solarpunk creatures, as well as a reminder about the solarpunk conference.
We also got reviews for three fiction books that describe unique and different ways of life.
On the video side, we got a link to a video about boids and self driving cars, also links to a workshop on Universal Communication by Crosslabs.
This and more here:
https://alife-newsletter.github.io/Newsletter/edition_016.html
-
A little video preview of a section of the upcoming new thi.ng website:
https://makertube.net/w/hDfuEUudsjskRtdLhVeiVC
(edit: moved from YT to makertube)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 @vite for bundling, everything else is entirely made using https://thi.ng/umbrella packages and tooling (three of the pieces are also partially written in #Ziglang / #WASM). 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...
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 #ThingUmbrella 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!
#ThingUmbrella #Website #Design #Art #GenerativeArt #Computational #FluidSim #CellularAutomata #Boids #PixelArt #Video #TypeScript #WebAssembly
-
A little video preview of a section of the upcoming new thi.ng website:
https://makertube.net/w/hDfuEUudsjskRtdLhVeiVC
(edit: moved from YT to makertube)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 @vite for bundling, everything else is entirely made using https://thi.ng/umbrella packages and tooling (three of the pieces are also partially written in #Ziglang / #WASM). 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...
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 #ThingUmbrella 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!
#ThingUmbrella #Website #Design #Art #GenerativeArt #Computational #FluidSim #CellularAutomata #Boids #PixelArt #Video #TypeScript #WebAssembly
-
#Boids are fun! #Boids are beautiful! They are an incredibly simplified model of the interaction between elementary agents, yet the macroscopic organization is always tantalizing...
Based on an existing implementation by Ben Eater, which is openly available on his website https://eater.net/boids and #github https://github.com/beneater/boid, I did a quick hack to make it run on #GithubPages:
https://laurentperrinet.github.io/boids/
I tuned the parameters to have a stable pattern between chaos and order, and still have a handful of clusters after 12h of running. Be careful, the shape of your browser window affects the trajectory and may take you out of such a state.
-
#Boids are fun! #Boids are beautiful! They are an incredibly simplified model of the interaction between elementary agents, yet the macroscopic organization is always tantalizing...
Based on an existing implementation by Ben Eater, which is openly available on his website https://eater.net/boids and #github https://github.com/beneater/boid, I did a quick hack to make it run on #GithubPages:
https://laurentperrinet.github.io/boids/
I tuned the parameters to have a stable pattern between chaos and order, and still have a handful of clusters after 12h of running. Be careful, the shape of your browser window affects the trajectory and may take you out of such a state.
-
#LongRead #ThingNews 01/2024
Yesterday was #ThingUmbrella #ReleaseFriday (2nd round this year), incl. updates & additions to these new/recent packages (in A-Z order):
https://thi.ng/blurhash — A fast implementation of the blurhash algorithm to create extremely compact (usually just 10-40 characters) blurred previews of images. Includes both encoder/decoder. A CLI wrapper is forthcoming. I also created an interactive online generator as new example project, allowing you to import own images & play with params:
https://demo.thi.ng/umbrella/blurhash/
---https://thi.ng/boids — Finished updates to the composable behavior architecture. Included 7 behavior building blocks (all short, simple functions) which can be freely mixed/assigned to agents to create complex behaviors. All agents are individually configurable. Behaviors are weighted and dynamically adjustable, e.g. to vary spatially or temporally, based on external stimuli etc.
Updated example project using the new API:
https://github.com/thi-ng/umbrella/tree/develop/examples/boid-basicsMany more examples of what can be done with this package (my tagged posts w/ #Boids): https://mastodon.thi.ng/@toxi/tagged/Boids
---https://thi.ng/canvas - Result of recent restructuring/cleaning/consolidating, this new small package contains helpers for canvas creation and HDPI adjustments. Features merged from https://thi.ng/adapt-dpi (now deprecated), https://thi.ng/pixel and others...
---https://thi.ng/meta-css — New CLI toolchain for creating, using and bundling custom CSS utility-class-based frameworks (similar to Tachyons, Tailwind etc.)
Differentiating factors: Uses generative & parametric grammar to define modular CSS frameworks, resulting in 100s of CSS classes (~950 are included as starting point). CSS purely used as output format. Custom stylesheet syntax to concisely assemble styles (incl. selector nesting) from the generated classes & declarations. Supports definition of arbitrary media queries, whose IDs can be used as compound prefixes to apply referenced CSS classes responsively. Supports file watching, bundling of multiple stylesheets, automatic tree-shaking. Only referenced classes & media queries are transpiled to CSS, supports pretty printing, forced includes and plain CSS includes. Extremely small & fast (33KB, incl. dependencies).
Extensive readme (3k+ words) included. Based on https://thi.ng/hiccup-css, much of this has been existing in loose form as partial tooling/experiments since 2016. Over the past 2 months I finally took the plunge to actually make this fully usable and been refining the overall workflow & features.
(Personally, this works _really_ well for me and offers the best of both worlds, i.e. using utility classes for concision, but not leading to clutter in component code, better separation & maintainability)
Several recently added examples are already using (or have been updated) to this toolchain (see pkg readme for a growing list). There're also new related build instructions in the wiki (linked from each example's readme)
---https://thi.ng/rdom — Updated many function signatures to support usage in Web Components (Shadow DOM). Added lazy loading component wrapper. Removed experimental scheduler. I never really used it and the general issue is much better solved outside, e.g. using available synchronization constructs in https://thi.ng/rstream.
Added a new super basic usage example (rdom & meta-css):
https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-web-components
---https://thi.ng/rdom-forms — Data-driven declarative HTML form/controls based around https://thi.ng/hiccup-html & https://thi.ng/rdom. The widgets are unstyled by default, but highly customizable. In addition to being aimed at rdom (for using reactive values & other attribs), it's also suitable for static HTML-generation or SSR purposes.
---More recent updates:
https://github.com/thi-ng/umbrella/blob/develop/README.md#latest-updates#OpenSource #TypeScript #JavaScript #Announcement #Boids #CSS #Reactive #UI #WebComponents #MetaCSS #RDOM
-
#LongRead #ThingNews 01/2024
Yesterday was #ThingUmbrella #ReleaseFriday (2nd round this year), incl. updates & additions to these new/recent packages (in A-Z order):
https://thi.ng/blurhash — A fast implementation of the blurhash algorithm to create extremely compact (usually just 10-40 characters) blurred previews of images. Includes both encoder/decoder. A CLI wrapper is forthcoming. I also created an interactive online generator as new example project, allowing you to import own images & play with params:
https://demo.thi.ng/umbrella/blurhash/
---https://thi.ng/boids — Finished updates to the composable behavior architecture. Included 7 behavior building blocks (all short, simple functions) which can be freely mixed/assigned to agents to create complex behaviors. All agents are individually configurable. Behaviors are weighted and dynamically adjustable, e.g. to vary spatially or temporally, based on external stimuli etc.
Updated example project using the new API:
https://github.com/thi-ng/umbrella/tree/develop/examples/boid-basicsMany more examples of what can be done with this package (my tagged posts w/ #Boids): https://mastodon.thi.ng/@toxi/tagged/Boids
---https://thi.ng/canvas - Result of recent restructuring/cleaning/consolidating, this new small package contains helpers for canvas creation and HDPI adjustments. Features merged from https://thi.ng/adapt-dpi (now deprecated), https://thi.ng/pixel and others...
---https://thi.ng/meta-css — New CLI toolchain for creating, using and bundling custom CSS utility-class-based frameworks (similar to Tachyons, Tailwind etc.)
Differentiating factors: Uses generative & parametric grammar to define modular CSS frameworks, resulting in 100s of CSS classes (~950 are included as starting point). CSS purely used as output format. Custom stylesheet syntax to concisely assemble styles (incl. selector nesting) from the generated classes & declarations. Supports definition of arbitrary media queries, whose IDs can be used as compound prefixes to apply referenced CSS classes responsively. Supports file watching, bundling of multiple stylesheets, automatic tree-shaking. Only referenced classes & media queries are transpiled to CSS, supports pretty printing, forced includes and plain CSS includes. Extremely small & fast (33KB, incl. dependencies).
Extensive readme (3k+ words) included. Based on https://thi.ng/hiccup-css, much of this has been existing in loose form as partial tooling/experiments since 2016. Over the past 2 months I finally took the plunge to actually make this fully usable and been refining the overall workflow & features.
(Personally, this works _really_ well for me and offers the best of both worlds, i.e. using utility classes for concision, but not leading to clutter in component code, better separation & maintainability)
Several recently added examples are already using (or have been updated) to this toolchain (see pkg readme for a growing list). There're also new related build instructions in the wiki (linked from each example's readme)
---https://thi.ng/rdom — Updated many function signatures to support usage in Web Components (Shadow DOM). Added lazy loading component wrapper. Removed experimental scheduler. I never really used it and the general issue is much better solved outside, e.g. using available synchronization constructs in https://thi.ng/rstream.
Added a new super basic usage example (rdom & meta-css):
https://github.com/thi-ng/umbrella/tree/develop/examples/rdom-web-components
---https://thi.ng/rdom-forms — Data-driven declarative HTML form/controls based around https://thi.ng/hiccup-html & https://thi.ng/rdom. The widgets are unstyled by default, but highly customizable. In addition to being aimed at rdom (for using reactive values & other attribs), it's also suitable for static HTML-generation or SSR purposes.
---More recent updates:
https://github.com/thi-ng/umbrella/blob/develop/README.md#latest-updates#OpenSource #TypeScript #JavaScript #Announcement #Boids #CSS #Reactive #UI #WebComponents #MetaCSS #RDOM
-
I used to be relatively obsessed with Craig Reynolds' #boids, which I have implemented quite a few times in different frameworks and engines. It was time to try with #defold ! :D
It's pure CPU and no optimized at all (no grid, not even using physics triggers to keep a list of nearby entities), so can't add much more than 100 boids.
But it looks nice and that's cool!
-
I used to be relatively obsessed with Craig Reynolds' #boids, which I have implemented quite a few times in different frameworks and engines. It was time to try with #defold ! :D
It's pure CPU and no optimized at all (no grid, not even using physics triggers to keep a list of nearby entities), so can't add much more than 100 boids.
But it looks nice and that's cool!
-
Since some of you seem to like that above animation, here's an interactive version where you can disturb the cells via mouse/touch:
https://demo.thi.ng/umbrella/boids-voronoi/
#Boids #Voronoi #Algorithm #PoissonDisk #ComputationalDesign #Physics #Simulation #GenerativeDesign #ThingUmbrella #TypeScript
-
Since some of you seem to like that above animation, here's an interactive version where you can disturb the cells via mouse/touch:
https://demo.thi.ng/umbrella/boids-voronoi/
#Boids #Voronoi #Algorithm #PoissonDisk #ComputationalDesign #Physics #Simulation #GenerativeDesign #ThingUmbrella #TypeScript
-
Nothing new, but maybe a little unusual: Using boids as alternative to Lloyd relaxation and/or Poisson-disk sampling. The boids here are using only two behaviors: local separation, plus a randomized attractor to create global disturbances. Cell density could also be varied by spatially adjusting the separation distance between boids. Overall convergence/relaxation can be much faster than shown here...
#Boids #Voronoi #Algorithm #PoissonDisk #ComputationalDesign #Physics #Simulation #GenerativeDesign #ThingUmbrella #TypeScript
-
Nothing new, but maybe a little unusual: Using boids as alternative to Lloyd relaxation and/or Poisson-disk sampling. The boids here are using only two behaviors: local separation, plus a randomized attractor to create global disturbances. Cell density could also be varied by spatially adjusting the separation distance between boids. Overall convergence/relaxation can be much faster than shown here...
#Boids #Voronoi #Algorithm #PoissonDisk #ComputationalDesign #Physics #Simulation #GenerativeDesign #ThingUmbrella #TypeScript
-
Combining https://thi.ng/boids (agent/particle sim, behaviors) with https://thi.ng/geom (SVG path parsing, resampling & conversion), https://thi.ng/geom-accel (hash grid for spatial indexing & k-nearest neighbor lookups) and https://thi.ng/hiccup-canvas (visualization)...
#Typography #Path #Agents #Boids #Particles #Simulation #Behaviors #Generative #GenerativeArt #TypeScript #ThingUmbrella
-
Combining https://thi.ng/boids (agent/particle sim, behaviors) with https://thi.ng/geom (SVG path parsing, resampling & conversion), https://thi.ng/geom-accel (hash grid for spatial indexing & k-nearest neighbor lookups) and https://thi.ng/hiccup-canvas (visualization)...
#Typography #Path #Agents #Boids #Particles #Simulation #Behaviors #Generative #GenerativeArt #TypeScript #ThingUmbrella
-
Another example using path attraction (hexagon), dynamic targets/attractors (here changing every N frames) and a mix of the usual flocking sub-behavior ingredients: separation, alignment, cohesion
#Agents #Boids #Particles #Simulation #Behaviors #Emergence #Flocking #Hexagon #Generative #GenerativeArt #TypeScript #ThingUmbrella
-
Re-added/ported more agent behavior building blocks today, incl. path following and path attraction (both for open/closed geometries). In total there're now 7 freely combinable behaviors, each weighted and so usable as soft/hard constraint.
Here's an example of path following (here a Hilbert curve) and separation only...
#Agents #Boids #Particles #Simulation #Behaviors #Emergence #Path #Curve #Hilbert #Generative #GenerativeArt #TypeScript #ThingUmbrella
-
...and now with animated obstacle SDFs working as well (aside from the major https://thi.ng/boids changes, some related useful updates to https://thi.ng/geom-sdf are forthcoming too)
#Agents #Boids #Particles #Simulation #Behaviors #Emergence #SDF #Generative #GenerativeArt #TypeScript #ThingUmbrella
-
Boids now with modular behavior system, incl. newly added field-based 3-sensor Braitenberg vehicle steering behavior. In this case the field is an SDF (via https://thi.ng/geom-sdf), which is used as obstacle map with soft boundary. I'm amazed how well (and without any further help) the lil' buggers are managing to escape these concave corners...
#Agents #Boids #Particles #Simulation #Behaviors #Emergence #Generative #GenerativeArt #TypeScript #ThingUmbrella
-
Been debugging boids & behavior combinations all evening! Happy to say, I think all force contributions are fixed now (classic off-by-one error was leading to an initially subtle but increasingly obvious directional bias), and I can focus again on experimenting with some new amazing emergent behaviors... Aside from that, maybe this also qualifies for #Genuary2024 (Day 1: Particles)?!
Btw. This is just a variation of this #ThingUmbrella example project:
https://demo.thi.ng/umbrella/boid-basics/
...which was created as part of last year's #HowToThing series:
https://mastodon.thi.ng/@toxi/111308439597090930
#Agents #Boids #Behaviors #Emergence #Generative #GenerativeArt
-
Actually made an entire SDF type face, incl. declarative shape syntax to define characters (there're only lines & circular arcs)...
#GenerativeArt #SDF #SphereTracing #Agents #Boids #Particles #STRACE
5/x
