Socel: Social for the Animation Arts

0 posts0 participants0 posts today

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 SchmidtWrote a small script to use `ffmpeg` to create a looping slideshow from an image sequence with crossfades between images. Output either as MP4 or GIF, configurable durations & transition speeds, support for extra post-processing & other args... Needs <a href="https://thi.ng/transducers" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/transducers</a> for composing the complex filter pipeline, then can be run via <a href="https://bun.sh" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://bun.sh</a> or similar... Maybe some will find it useful too! :)<a href="https://gist.github.com/postspectacular/8bb6893f9288b65f6488779a0e538d46" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://gist.github.com/postspectacular/8bb6893f9288b65f6488779a0e538d46</a>(Ps. ffmpeg seems to use quite a bit of RAM for this [at decent resolutions], so try to keep number of input images <30, YMMV of course...)<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/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> <a href="https://mastodon.thi.ng/tags/Transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Transitions</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/ffmpeg" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ffmpeg</a>

Karsten SchmidtI've created & uploaded video previews of a few more <a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> variations & recommend the download versions for best quality (HD720p @ 60fps)... The actual piece is a realtime (browser based), endless and non-repeating animation. The only things left now are further optimizations and making it dynamically adaptive to different screen/print sizes...<a href="https://drive.google.com/drive/folders/1y1WWZmQjIsbD5lmlPg0jpQmrLLCv2yCB?usp=sharing" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://drive.google.com/drive/folders/1y1WWZmQjIsbD5lmlPg0jpQmrLLCv2yCB?usp=sharing</a>Enjoy!<a href="https://mastodon.thi.ng/tags/Generative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Generative</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/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</a> <a href="https://mastodon.thi.ng/tags/Glitch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Glitch</a> <a href="https://mastodon.thi.ng/tags/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/RingBuffer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RingBuffer</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/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a>

Karsten SchmidtAs expected, my new generative art piece <a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> really seems to be video encoding's enemy no.1 and if you want to enjoy a decent preview, you can dowload a 30 seconds, 1280x720 MP4 (file size ~115MB) from here:<a href="https://drive.google.com/file/d/18-8l2PtnypPXGJjBpsui-0i9yCbrHK5p/view?usp=sharing" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://drive.google.com/file/d/18-8l2PtnypPXGJjBpsui-0i9yCbrHK5p/view?usp=sharing</a>At least I learned how to create Rec.2020 videos for reproducing the HDR colors of the original footage, but the complex aesthetics of this piece are _really_ just not suitable (nor intended) for video and will serve as a great benchmark for another project I'm involved with...<a href="https://mastodon.thi.ng/tags/Generative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Generative</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/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</a> <a href="https://mastodon.thi.ng/tags/Glitch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Glitch</a> <a href="https://mastodon.thi.ng/tags/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/RingBuffer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RingBuffer</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/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a> <a href="https://mastodon.thi.ng/tags/Animation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Animation</a>

Karsten SchmidtMore <a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> WIP selections, best enjoyed in a browser/app supporting wide gamut Display-P3 color space[1]...<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/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</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/Abstract" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Abstract</a> <a href="https://mastodon.thi.ng/tags/Pattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pattern</a> <a href="https://mastodon.thi.ng/tags/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/Glitch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Glitch</a> <a href="https://mastodon.thi.ng/tags/RingBuffer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RingBuffer</a> <a href="https://mastodon.thi.ng/tags/MemoryMapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MemoryMapping</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>[1] <a href="https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/</a>

Karsten SchmidtMore progress on my <a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> piece and more fun with ring buffers... (incl. fun with <a href="https://thi.ng/color" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/color</a>, <a href="https://thi.ng/pixel" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/pixel</a> & <a href="https://thi.ng/fibers" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://thi.ng/fibers</a> as main ingredients...) It's actually all smoothly animated too now, but I still have to figure out video codec settings to make it acceptable for uplodading previews...In the meantime, here're some new/current variations. I love defining & exploring generative systems relying on super simple setups (often just exploiting a simple data structure or algorithm), yet produce such complexity...<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/Generative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Generative</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/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</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/Abstract" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Abstract</a> <a href="https://mastodon.thi.ng/tags/Pattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pattern</a> <a href="https://mastodon.thi.ng/tags/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/Glitch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Glitch</a> <a href="https://mastodon.thi.ng/tags/RingBuffer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RingBuffer</a> <a href="https://mastodon.thi.ng/tags/MemoryMapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MemoryMapping</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>

Karsten Schmidt<a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> meet(s) <a href="https://mastodon.thi.ng/tags/TextureTuesday" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#TextureTuesday</a> 🤩<a href="https://mastodon.thi.ng/tags/RingBuffer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RingBuffer</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/Art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Art</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/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</a> <a href="https://mastodon.thi.ng/tags/MemoryMapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MemoryMapping</a> <a href="https://mastodon.thi.ng/tags/Complexity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Complexity</a> <a href="https://mastodon.thi.ng/tags/Emergence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Emergence</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a>

Karsten SchmidtLinear Memory. More WIP, more params & mapping out the terrain...<a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</a> <a href="https://mastodon.thi.ng/tags/RingBuffer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#RingBuffer</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/Art" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Art</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/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</a> <a href="https://mastodon.thi.ng/tags/MemoryMapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MemoryMapping</a> <a href="https://mastodon.thi.ng/tags/Complexity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Complexity</a> <a href="https://mastodon.thi.ng/tags/Emergence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Emergence</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a>

Karsten SchmidtLinear Memory (WIP), variations on a theme... exploring the terrain. Impressed by the resulting complexity, considering the simplicity of the system/setup...(edit: update tags for organizing) <a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</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/Procedural" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Procedural</a> <a href="https://mastodon.thi.ng/tags/ProcGen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ProcGen</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/Color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Color</a> <a href="https://mastodon.thi.ng/tags/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</a> <a href="https://mastodon.thi.ng/tags/MemoryMapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MemoryMapping</a> <a href="https://mastodon.thi.ng/tags/Complexity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Complexity</a> <a href="https://mastodon.thi.ng/tags/Emergence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Emergence</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a>

Karsten SchmidtLinear Memory (WIP). Experimenting with evolving parametric, ringbuffer-based, multi-scale pixel patterns/textures and compositing them...(edit: update tags for organizing) <a href="https://mastodon.thi.ng/tags/LinearMemory" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#LinearMemory</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/Procedural" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Procedural</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/Texture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Texture</a> <a href="https://mastodon.thi.ng/tags/Pixel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Pixel</a> <a href="https://mastodon.thi.ng/tags/MemoryMapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MemoryMapping</a> <a href="https://mastodon.thi.ng/tags/Complexity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Complexity</a> <a href="https://mastodon.thi.ng/tags/Emergence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Emergence</a> <a href="https://mastodon.thi.ng/tags/NoAI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NoAI</a>

Recent searches

Search options

Administered by:

Server stats:

#linearmemory