Categories
computational art motion graphics

Breathe

In this hectic world, it’s sometimes tough to remember to breathe. This is my reminder.

I wanted to make something time-based to convey everybody is in a rush, going at various rates in motion.

Breathe, friends. Namaste. 🙏

Categories
computational art

Tunnel

As a further exploration of the tunnel piece, I wanted to explore how it could translate in the 3 dimensional space. Thought this iteration in Cinema 4D is a nice translation of the original.

Tunnel in its full depth glory

Animated piece:

Categories
computational art

New computational artwork – Winter 2019

Some newer works from winter 2019 to close out the year.
green waves
purple grid
pulsing lines.
Rainbow art — I was experimenting with cycling rgb values in drawbot.
Rainbow twist

As always, let me know which ones you love the most! Shirts are available to purchase on Amazon.

Categories
computational art

Ballio Chan Computational Art Tee Shirt Capsule v0.1 Official Drop

For the past year or so, I’ve been learning and playing with computational art in my free time. Learning Python has been a journey and I’m just in the beginning. Along the way, I’ve made some interesting things as documented on this blog. I’ve handpicked five of my favorites and made them into real shirts! It’s one thing to see the art pieces on a digital screen, it’s another thing to see them printed in digital form — and wear them.

If you like them, please get one! Please tell your friends! I own a few and I think they look great (perhaps biased) and feel really nice (not biased). They’re available in women’s, men’s, and kids’ sizes for the whole family. 🙂 I’m selling them on Amazon for now, and Prime members can get them shipped for free.


Beautiful Spiral tee
Blue Circles tee
Organism tee
Lines to Circle tee
Layered Colored Lines tee
Categories
computational art

New works – Summer 2019

Categories
computational art

Recent graphics experiments in January and February of 2019

Below are some recent graphics I’ve been playing with in recent months. Most of the work are still generated in Python with Drawbot. Some new techniques I’ve been experimenting with is generating SVG or PDF vector outputs with code, while importing those vectors into After Effects to further convert them to shape layers. I find it much more controllable and the possibilities are even more endless. Although now we’re dealing with time-based animations only, there’s less computation and code-based things we can do with AE. Although, there might be something I can do with the data and After Effects expressions in Javascript.

Also, I know Cinema 4D uses Python, so I’ve been starting to play with that in C4D as well to make some time-based animations — like this one experiment I did for WordPress.com:

Categories
computational art

Select computational design experiments

Sine wave goodness
More waves
Waves on waves…
Categories
computational art

Calder set in Caslon 422 set in Futura

Sort of a meta design. Using the unique shapes of Caslon, trying out some animation techniques of text fitting into paths made with type in drawbot.

It was pretty cool that Ace Hotel retweeted it!

Categories
computational art

Juno + Ballio

This time, I was inspired by Josef Albers’s “Interaction of Color” 

Josef Albers’s Interaction of Color

For this exercise, I was experimenting with using random()for various fills and the type. I was also trying to see how animation, timing, and frame rate works in drawbot. Lots to explore and play with.

This reminds me of one of my favorite books we read to our children, Albers’s Squares and Other Shapes, before working on this design with Juno. Highly recommended.

Here’s the code if you all want to play with it:

NFRAMES = 50

for frame in range(NFRAMES):
    newPage(1000,1000)
    frameDuration(1/7)
    
    
# set a blend mode
    blendMode("hardLight")

# draw a rectangle

    fill(random(), random(), random(), 1)

#    x    y    w    h
    rect(100, 100, 400, 400)


    fill(random(), random(), random(), 1)
    rect(500, 100, 400, 400)

    fill(random(), random(), random(), 1)
    rect(500, 500, 400, 400)

    fill(random(), random(), random(), 1)
    rect(100, 500, 400, 400)

    fill(random(), random(), random(), 1)
    rect(300, 300, 400, 400)

    # set a font and font size
    font("Futura", 200)

    # set a blend mode
    blendMode("overlay")

    # draw text
    fill(random(), random(), random(), 1)
    text("Juno", (140, 630))
    fill(random(), random(), random(), 1)
    text("Ballio", (130, 230))
    
    
saveImage(u"~/Desktop/drawBotTest.gif")
Categories
computational art

Drawing in Python

I’ve been drawing computationally with Drawbot in Python 3 out of John Maeda’s encouragement and teachings. Much gratitude to John… I’ve been posting some work-in-progress on Twitter, but thought it’d be nice to post it on my blog too as a nice collection of trials, experiments, fails, surprises, and some really cool things that came out of playing with code. 🙂 Stay tuned for more posts on this blog!

First up, this is one of my favorites so far. I love how the colors and dots spiral into this beautiful pattern. I love it so much that I made it a shirt and a sweatshirt on Amazon! Support art, buy a shirt today. 🙂 I got one to check out the quality and I can confirm that it’s very comfortable. The print quality is ace, too!

5000×5000 high res glory

Ballio wearing his computational art shirt.
It’s a real shirt! 🙂 Buy one today!

I’m looking to make more computational design shirts too! Stay tuned for more new designs.

In the subsequent posts, I’ll be sharing my fun exports mostly from Drawbot. As well as a few creative experiments I’ve been noodling with.

Check out more of my journey in computational art.