@guidoschmidt@genart.social
@guidoschmidt@genart.social avatar

guidoschmidt

@guidoschmidt@genart.social

I'm a creative coder from Heidelberg, Germany — pushing bytes, colors and pixels at https://www.field.io

#generativedesign #cellularautomata #computergraphics #imageprocessing #openframeworks #algorithmicart #generativeart #touchdesigner #creativecode #programming #genartclub #processing #typescript #javascript #sketching #mathart #threejs #design #shader #webgpu #emacs #webgl #p5js #glsl #glsl #wgsl #unity #ziglang #tic80

This profile is from a federated server and may be incomplete. Browse more on the original instance.

toxi, (edited ) to ZigLang
@toxi@mastodon.thi.ng avatar

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 / ). 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 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!

guidoschmidt,
@guidoschmidt@genart.social avatar

@toxi @vite This is looking fabulous. Also nice to see zig being part of this 👍🏼

toxi, to opensource
@toxi@mastodon.thi.ng avatar

Glancing over the initial survey[1] results (only a meager 18 so far 😢), I realise there're at least three more questions I should have included, especially since the emerging picture for some questions is somewhat in very stark contrast to other answers & comments received and I can't make any sense of it...

So I'm trying to get some more feedback from any of you via this channel (feel free to reply via DM):

  1. What reasons do you give for not using thi.ng projects for any of your work/commercial projects?
  2. What (higher) level of detail are you expecting in the documentation? What are the most glaring part(s) missing for you?
  3. Which aspects did you struggle with integrating thi.ng libraries with 3rd party code/frameworks?

I already have and also will continue writing more about #2 (documentation), but I'd very much appreciate more views about any of these questions. Thank you very much!!!

[1] Survey is here (still open until end of the month):
https://forms.gle/XacbSDEmQMPZg8197

guidoschmidt,
@guidoschmidt@genart.social avatar

@toxi oh yes, thanks for the reminder. Wasn't able to participate yet, will do soon

lovebyteparty, to Happy
@lovebyteparty@graphics.social avatar

⭐Lovebyte 2024 is officially over ⭐

Thank you all so much for your amazing work! 💖

• Closing ceremony at https://www.youtube.com/watch?v=ddF5-EITcVQ
• Results at https://demozoo.org/parties/4760

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty Thanks to all the organizers for making happen! Had a super nice very first experience. Keen to get more into size coding now after seeing what people can do with only a few bytes 🤯

guidoschmidt, to demoscene
@guidoschmidt@genart.social avatar

Just updated all the info for my @lovebyteparty initial demoscene production "hellschreiber"

https://demozoo.org/productions/337623/

It's also live for re-watching (or watching for the first time 😉 )
https://www.youtube.com/watch?v=gKckVcno-Y8

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty ❤️🙌 thanks so much, watching yesterday was really motivating, any recommendations for next parties? 🤔

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty haha for sure still riding the lovebyte wave, pretty much looking forward to the tiny exe graphics today, but thanks already for these recommendations 👍🏽

guidoschmidt, to genart
@guidoschmidt@genart.social avatar

#lovebyte #demoparty is on now:

https://www.twitch.tv/lovebytedemoparty

come join watch some nerdy coded graphics and have a good time

#genart #genartclub #sizecoding #CreativeToots #CreativeCoding #PixelArt #creative

guidoschmidt, to demoscene
@guidoschmidt@genart.social avatar

Hey everyone 👋

I'm participating in this years @lovebyteparty Demoparty starting today:

https://lovebyte.party/#Timetable

#DemoScene #genart #genartclub #CreativeCoding #programming #sizecoding #rendering #codeart

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty

Since our son Emil was born last summer I did not have much time for personal creative practice, but during the Christmas holidays I had some fun getting into a virtual game console called TIC-80 thanks to #lovebytetcc.

So I did my first 256 byte demoscene production for the
@lovebyteparty new-talent competition.

#DemoScene #genartclub #CreativeCoding #rendering #tic80 #developer

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty

It's called Hellschreiber inspired by a 1920s teleprinting machine invented by Rudolf Hell.

It was quite challenging to get everything down to only 256 bytes, but also fun. There's a bunch of techniques you can make use of like manipulating memory via memory address directly and also there are tools that help to pack the original source code by e.g. removing comments and whitespace etc.

#sizecoding #DemoScene #programming #codeart #coding

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty I remember browsing https://www.pouet.net/ as a teenager to download some mind-blowing demos to watch and out-max my graphics card. Haven't been into programming back then and haven't done it for quite a while. So it's extremely nice to rediscover this community and even be able to participate 🎉

Check out the demoparty schedule here:
https://lovebyte.party/#Timetable

guidoschmidt,
@guidoschmidt@genart.social avatar

@bobby @lovebyteparty
should be new talent comp 🙃 today at 22.00 (UTC+1)

actually I don't know if the new talent productions will also be shown in the 256 bytes category 🤔

guidoschmidt,
@guidoschmidt@genart.social avatar

@bobby @lovebyteparty 🙏 hey thanks a lot, are you in, too?

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty @bobby 👍 makes sense

lovebyteparty, to demoscene
@lovebyteparty@graphics.social avatar

♥️ The final timetable for Lovebyte is online! ♥️

A well-packed schedule all the way from Friday evening until late on Sunday.

Competitions, showcases, seminars, DJ sets, and a whole (tiny) lot more...

So what are you most looking forward to? 😄

https://lovebyte.party/#Timetable

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty New talent but only I've submitted to this particular competition. Also very curious for the audio stuff 🎶 and the super minimal byte size demos, how's anyone ever able to put sth into 16b 🤷‍♂️

lovebyteparty, to random
@lovebyteparty@graphics.social avatar

Countdown to
𝗟𝗢𝗩𝗘𝗕𝗬𝗧𝗘 𝟮𝟬𝟮𝟰
1️⃣ day to go

https://youtu.be/dKZNlvK4NNw

A 256 byte invitation lovingly crafted by Dresdenboy (https://demozoo.org/sceners/64936) for #Microw8

#lovebyte #sizecoding #demoparty

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty 🎉🎉🎉 already looking forward to it 😬

guidoschmidt, to ZigLang
@guidoschmidt@genart.social avatar

was a bit more tricky, for I was visualizing the map using a simple pgm image, now with the super large numbers on part 2 I used a single SVG polygon.

guidoschmidt,
@guidoschmidt@genart.social avatar

should be large enough to hold a decent amount of lava 🔥 🌋 😏

guidoschmidt, to zig
@guidoschmidt@genart.social avatar

Here's my visual solution for ... have a great night 😴 🌙

guidoschmidt, to zig
@guidoschmidt@genart.social avatar

Tracing rays for advent of code day 16, part 1

video/mp4

loosenut, to random
@loosenut@genart.social avatar

tap tap testing 123...

We're live with the latest Mastodon, 4.2.5. 🌶️

guidoschmidt,
@guidoschmidt@genart.social avatar

@loosenut nice, thanks so much for the work!

toxi, to opensource
@toxi@mastodon.thi.ng avatar

01/2024

Yesterday was (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-basics

Many more examples of what can be done with this package (my tagged posts w/ ): 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

guidoschmidt,
@guidoschmidt@genart.social avatar

@toxi just curious, what made you stop using Houdini, just other interests? I really like working in Houdini, though I haven't used it in a large commercial production before FIELD. And also I'm using it more like a dev platform than a 3D software.

guidoschmidt,
@guidoschmidt@genart.social avatar

@toxi Most likely it comes down to what popular software choses, I guess. Houdini, Blender, Touchdesigner all ship with a Python interpreter on board. And with all the recent machine learning, Python might have just become more popular.
Python's not too bad imo (can be seen as a Lisp according to Peter Norvig, right? How bad can it be then 😅). Though it can become quite messy fast and I always stumble upon bugs due to wrong indentation levels from copy-pasting code from A to B.

guidoschmidt,
@guidoschmidt@genart.social avatar

@toxi But when it comes to C# in Unity, I'd rather find an Alternative. Unity itself is such an overloaded and buggy tool (with so many mix-and-match packages doing almost the same), and C# wouldn't be my lang of choice for scripting if I'd create a game/graphics engine.

lovebyteparty, to random
@lovebyteparty@graphics.social avatar

A huge THANK YOU to everyone who participated in (or supported, or spectacted) Tiny Code Chistmas! We warmly invite you to join the Lovebyte 2024 new talent compo.

https://youtu.be/cMrX4V6It9g

Visit https://lovebyte.party for more information. And if you have any questions, don't hesitate to reach out! 💖

(boosts appreciated)

guidoschmidt,
@guidoschmidt@genart.social avatar

@lovebyteparty 🎲🎲🎲😎

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • everett
  • rosin
  • Youngstown
  • ngwrru68w68
  • khanakhh
  • slotface
  • InstantRegret
  • mdbf
  • GTA5RPClips
  • kavyap
  • thenastyranch
  • DreamBathrooms
  • magazineikmin
  • anitta
  • tacticalgear
  • tester
  • Durango
  • cubers
  • ethstaker
  • cisconetworking
  • modclub
  • osvaldo12
  • Leos
  • normalnudes
  • megavids
  • provamag3
  • lostlight
  • All magazines
    •