Generative happiness | Skillshare Projects

Anders Fagerhus

Senior Graphic Designer, Oslo, Norway



Generative happiness

I don't know where this projects is taking me yet, so I'll add a more descriptive summary later.

HRotate experiments so far:

This is all staic, but as soon as I applied random speed and anchorpoints things started to get a bit more interesting. See screenshot below:

Note to self: Animation stills look dull compared to the real thing ;)

Also: I changed the default constructor param for autoClear to "false" and got this, which illustrates the roations a bit better...

About HRotate

I was somewhat confused about how the objects relate to their anchor points, so I made this sketch to see how they relate. Used HCanvas to fade the "pill". I like how the object looks slightly skewed when I offset the anchor point by -52, -100.

Experimenting with HCanvas

I made a custom class, Blade,  that takes xPos & yPos construcor params. The class basically draws up three simple rectangles on an individual canvas instance with random fade, random colour and random rotation speed.

I then used the build.pde to simply make 6 Blade instances. On the bottom left one I updated the random generated values in Blade by having the draw method in build.pde call a public update method update on each of the Blade instances

Yet another twist

HCanvas, HGridLayout, HColorPool, HCallback, HTween - test:

Used a GridLayout to set a basegrid, then created TweenRect(custom class) instances as part of the layout onCreate routine.

This is how it works:
The TweenRect instances pick random starting and end points, based on points in the GridLayout (by points I mean PVectors). I then use a simple HTween, 't',  to get the object to travel from one spot to another. When the Tween is complete, a callback triggers and repeats the process (picking new random end-points. The starting point is where the object is when the callback fires). I figured out I could pin-point precise locations by using "" and "" when 't' referrs to the HTween instance.

Quite facinating actually. I love having control over the grid. By making the grid invisible you can have seemingly random transformations but with full control within the grid.

The "dot" effect is part of ease, spring and fade settings.


Please sign in or sign up to comment.