#genuary2 — Public Fediverse posts

One of the principles of animation is "slow in, slow out". I would use one of 2 different functions in processing to do this. Top row is using a cosine function. Bottom row is using bezierPoint()
https://processing.org/reference/bezierPoint_.html
but one bug I've frequently committed with that function is letting the t parameter rise above 1. Cosine doesn't have that problem.

#genuary #genuary2 #genuary30 #genuary2026

#genuary2 #genuary2026

Prompt: "Twelve principles of animation."

Twelve is a lot, five is more manageable number IMO.

The experience so far has been relatively smooth and quite fun. OPENRNDR really comes packed with a big arsenal of tools & extensions. Tons of stuff to discover!
And Kotlin? Well,.. if there's one thing I've noticed, it's that there's a lot of syntactic sugar.
And boy, do I love sugar!

If you want to play around with it, the code's on my github! (dxviie)

#genuary2 #genuary #genuary2026 #generativeart #openrndr #kotlin #jbox2d #softbody

#genuary #genuary2026 #genuary2: Twelve principles of animation.

#genuary2026, day 2:
Twelve principles of animation.

made with #p5js

#genuary2 #creativecoding #motion #animation

Maybe one day I'll figure out how to do soft-body physics in a way that is not always moments away from explosion... Until then I'll just keep fiddling with parameters
#genuary #genuary2

#genuary2 #genuary #genuary2026 the sketch is a dull modification of previous ones, but it uses a brilliant "sigmoid easing" function from @Introscopia
Find the sketch-a-day archives and tip jar at: https://abav.lugaralgum.com/sketch-a-day
Code for this sketch at: https://github.com/villares/sketch-a-day/tree/main/2026/sketch_2026_01_02 #Processing #Python #py5 #CreativeCoding

Today's prompt was the 12 principles of animation. Focusing on slow-in/slow-out and bounce/stretch, I added some basic keyframe support to the (WIP) variable system to get a nice bounce. The ellipse code was already pretty well suited to work with this.

#genuary2 #genuary #genuary2026

https://h9.bees.free/genuary26/02-squash-and-stretch/

Genuary 2026 - 2: "Twelve principles of animation". (R code in alt text)

#genuary #genuary2026 #genuary2 #rstats

Traces of animated sprites: sprites start at random locations and try to get as close as possible to sprites with similar colors. In the end the sprites will usually form a circular shape. Then the program stops.
#genuary2 #genuary #generativeart #creativecoding
https://snap.berkeley.edu/snap/snap.html#present:Username=andreas%20huppert&ProjectName=circular%20clones%20with%20trails

Genuary 2026 Day 2: Twelve principles of animation.

For this one, I'm taking inspiration from the example of how horses run, with body carrying through. But I'm going to try some version of it with lizards.

I wrote a bit more about it: https://www.patreon.com/posts/147034875

#Genuary2026 #Genuary2 #genuary #ink #drawing #art #SciArt

Genuary 2026, day 2: Twelve principles of animation. 🤸

#genuary #genuary2026 #genuary2
#generativeart #p5js #creativecoding

#genuary2 #genuary #genuary2026 #openFrameworks

What interests me is this: Are there rules for animations made with abstract shapes? Do we have to leave stable ground in order to find a new aesthetic?

#genuary2026 #genuary2

Today play around a bit with prompt "Twelve principles of animation" and "Straight ahead animation" part of the video from genuary.art about these principles flamed in my heart desire to animate flames from the legendary meme "This is fine".

Have a good Friday! And all will be fine!

#genuary2026 #genuary2 #genuary #ar

#genuary2 - Twelve Principles of Animation. I don't have a lot of experience with animations, but I've recently been exploring animating SVG's using the SMIL `<animation>` elements. For this prompt, I focused on a single one of the twelve principles of animation - arcs - and animated a ball along an arc `<path>`. Then got carried away making more.

The attached image is a gif recording of the animation. For the original SVG rendered by your browser (which runs a bit smoother), see it on my website: https://codeismycanvas.art/posts/genuary26/02_arc.svg

#genuary #genuary2026 #arc #animation #svg #smil

#genuary2 - Twelve Principles of Animation. I don't have a lot of experience with animations, but I've recently been exploring animating SVG's using the SMIL `<animation>` elements. For this prompt, I focused on a single one of the twelve principles of animation - arcs - and animated a ball along an arc `<path>`. Then got carried away making more.

The attached image is a gif recording of the animation. For the original SVG rendered by your browser (which runs a bit smoother), see it on my website: https://codeismycanvas.art/posts/genuary26/02_arc.svg

#genuary #genuary2026 #arc #animation #svg #smil

#genuary2 - Twelve Principles of Animation. I don't have a lot of experience with animations, but I've recently been exploring animating SVG's using the SMIL `<animation>` elements. For this prompt, I focused on a single one of the twelve principles of animation - arcs - and animated a ball along an arc `<path>`. Then got carried away making more.

The attached image is a gif recording of the animation. For the original SVG rendered by your browser (which runs a bit smoother), see it on my website: https://codeismycanvas.art/posts/genuary26/02_arc.svg

#genuary #genuary2026 #arc #animation #svg #smil

#genuary2 - Twelve Principles of Animation. I don't have a lot of experience with animations, but I've recently been exploring animating SVG's using the SMIL `<animation>` elements. For this prompt, I focused on a single one of the twelve principles of animation - arcs - and animated a ball along an arc `<path>`. Then got carried away making more.

The attached image is a gif recording of the animation. For the original SVG rendered by your browser (which runs a bit smoother), see it on my website: https://codeismycanvas.art/posts/genuary26/02_arc.svg

#genuary #genuary2026 #arc #animation #svg #smil

#genuary2 - Twelve Principles of Animation. I don't have a lot of experience with animations, but I've recently been exploring animating SVG's using the SMIL `<animation>` elements. For this prompt, I focused on a single one of the twelve principles of animation - arcs - and animated a ball along an arc `<path>`. Then got carried away making more.

The attached image is a gif recording of the animation. For the original SVG rendered by your browser (which runs a bit smoother), see it on my website: https://codeismycanvas.art/posts/genuary26/02_arc.svg

#genuary #genuary2026 #arc #animation #svg #smil

Twelve principles of animation #genuary2 #genuary #codea

#genuary Day 2: "Twelve principles of animation"

I played around with the principles of anticipation and exaggeration here.

#genuary2026 #genuary2 #tic80

Prompt: Twelve Principles of Animation https://en.wikipedia.org/wiki/Twelve_basic_principles_of_animation

#genuary2 #genuary2026

https://etc.mikelynch.org/genuary26/02/

#genuary2 prompt: 12 principles of Animation

I incorporated the first principle, squishing speeding shapes to the flocking code genuary compelled me to do 2 years ago.
The speed they pick up is thus better visible, since I pan the camera with the center of mass.
#genuary2026 #GENUARY

#genuary

Layers upon layers upon layers.

I still like the basic idea here, but I couldn't make it work on multiple levels (how ironic).

I spent several hours trying to understand how color compositing works in general and in #qt in particular. I kind of got something fragile sort-of working.

When I gave up on Making It Perfect, I realized that looping a blizzard is unlikely to work.

Welp. This is a #learning #python #pyqtgraph project anyway and that goal was accomplished.

#genuary2025 #genuary2

2/2
It's a bit much to draw all 1,000,000 cubes in each frame, especially with a color calculated and assigned to each one, so I set it to draw one layer at a time, which fits with the #Genuary2 prompt, too. I enjoyed watching it draw up gradually, and wished there was a way to view the internal layers. So I set it to draw sets of layers to a set of buffers, which can be split apart in different groups via some interaction design that I am rather proud of.

#CreativeCoding #Genuary

Submitted my tax return! So here's a quick Genuary sketch to celebrate. This is today (isometric) plus a catch-up on day 4 (black-on-black) and day 2 (layers).

It's thousands of partially transparent, shiny black cubes drawn (or not) according to a 4D noise function, in an isometric projection and surrounded by 10 rotating point lights in different colours that produce the specular reflections.

Code:

https://github.com/jonathanhogg/flitter-examples/blob/main/genuary2025/day06_isometric.fl

#FlitterLang #CreativeCoding #Genuary #Genuary2 #Genuary4 #Genuary5

Genuary days 2 & 4:
"Layers upon layers upon layers" + "Black on black"
pencil on black paper
(finished plot posted in the comments)

#genuary2025 #genuary2 #genuary4

The prompt for day two of Genuary is "layers upon layers upon layers." #genuary2025 #genuary2

Genuary day 2: Layers upon layers upon layers

#genuary #genuary2 #genuaryday2 #genuary2025 #generativeart #generative #algorithmicart #algorithmic #art #visualart #design #graphicdesign #processing #processing4 #p5js #p5

Genuary day 2: Layers upon layers upon layers

#genuary #genuary2 #genuaryday2 #genuary2025 #generativeart #generative #algorithmicart #algorithmic #art #visualart #design #graphicdesign #processing #processing4 #p5js #p5

Genuary day 2: Layers upon layers upon layers

#genuary #genuary2 #genuaryday2 #genuary2025 #generativeart #generative #algorithmicart #algorithmic #art #visualart #design #graphicdesign #processing #processing4 #p5js #p5

Genuary day 2: Layers upon layers upon layers

#genuary #genuary2 #genuaryday2 #genuary2025 #generativeart #generative #algorithmicart #algorithmic #art #visualart #design #graphicdesign #processing #processing4 #p5js #p5

#genuary #genuary2: Layers upon layers. #ludus has only lines (yay turtle graphics!). But instead of using fat lines as layers, I was inspired by yesterday's vertical-or-horizontal only to create "translucent" layers of many lines.

https://web.ludus.dev/?code=fn+random_red+%28%29+-%3E+%28%0A++random_int+%28100%2C+255%29%0A++random_int+%280%2C+50%29%0A++random_int+%280%2C+50%29%0A++200%29%0A%0Afn+lines%21+%28len%2C+width%2C+num_lines%29+-%3E+%7B%0A++let+gap+%3D+div+%28width%2C+num_lines%29%0A++pencolor%21+%28random_red+%28%29%29%0A++repeat+num_lines+%7B++%0A++++pendown%21+%28%29%0A++++forward%21+%28len%29%0A++++penup%21+%28%29%0A++++back%21+%28len%29%0A++++rt%21+%280.25%29%0A++++fd%21+%28gap%29%0A++++lt%21+%280.25%29%0A++%7D%0A++left%21+%280.25%29%0A++forward%21+%28width%29%0A++right%21+%280.25%29%0A%7D%0A%0Arepeat+20+%7B%0A++lines%21+%28200%2C+200%2C+80%29%0A++rt%21+%280.010%29%0A%7D%0A%0Abackground%21+%28colors+%3Asilver%29%0Ahideturtle%21+%28%29%0A

#Genuary2: Layers upon layers upon layers. I used ~$70 in 5 fountain pen inks to create this during my @BantamTools residency. One of the first #ArtFrame plotter paintings, it's 24"x18" and was drenched in ink, that I refilled over 2 days. Despite its "flaws," it's a 1-of-1, made with a unique prototype machine, opulent inks, and I love it.
https://www.wendt.art/product/btafr-the-trees
#PenPlotter #MastoArt #Genuary #Genuary2025 #Trees #Recursion #PlotterPainting #MadeByBrush

Genuary Prompt for January 2. : "No palettes"
Generative colors, procedural colors, emergent colors.

So I created a generative painter, selecting it's colours without using palettes, but by directly animating HSL values. This was a very interesting exercise and I'm especially happy about the painterly effect.
Give it some time, it's quite relaxing :-)

#genuary #genuary2024 #genuary2 #VVVV #MadeWithVVVV #Motiongraphics #Motiondesign #realtime #generativeart #mastoart #Skia #digitalpaint