My Blog: projects, sketches, works in progress, thoughts, and inspiration.

Tagged: ribbon

Ligetisplit Ensemble Poster by Anthony Mattox

I created this set of posters for a performance by the Ligetisplit Ensemble. The images are created with Processing. I had to finagle things a little to get high resolution rendering of my processing sketch. I set the screen dimensions to the pixel dimensions I needed, scaled up my inputs to interact with the whole screen, and had to enter expose or save the image to see what it looked like. It actually worked better than I expected.

Post Page »

processing_perlin_ribbons_2

Although I am happy with how my initial Ribbons script turned out it still wasn’t exactly what I was trying to create. After playing with Perlin Noise based forces in my straightforward particle system and creating outstanding fluid motion, I thought I might go back to the Ribbons and add a Flow Field to that as well. The result is much more dynamic than the original and quite graceful.

And a little technical stuff. The ribbon is just a strategically rendered particle system. I created a particle system class with particles and springs. As new particles are added (on mouse press) new springs are also created connecting each particle to the one before. Each particle repels all nearby particles and springs pull them together. The result is a string of connected particles which would, if the forces extended infinitely, eventually straighten itself out into a line. To render the structure all particles and springs are hidden and a curve is drawn by wrapping the rendering loop in beginShape(); and endShape(); with a curve vertex for each.

In the previous version the wobble was created by a slight random force applied to each point and a wind vector of the particle system. Because of the varied weights of the particles and spring lengths the wind wobbled the structure more convincingly. In this version the same Perlin Flow Field I’ve been using in many of my recent projects pushes the ribbon around much more dynamically. Different parts of the string are pulled in different directions making it writhe back and forth. The color is an attribute of the particle system and ‘randomly’ shifts over time.

processing_perlin_ribbons_1

Read On »

Read On (Post Continues) »

This is the result of my attempt to create a variation of my line wave script which waves in two dimensions. I started anew and used some particle systems I’d started a while ago. With a spring class which holds two particles together all the particles could be chained together. Hiding the particles and springs and wrapping the particle loop in a shape method with a curve vertex for each created a wobbling line. Without a background function the line continually drew each frame on the screen.

It’s not exactly what I had in mind, but I like how it turned out. I have a few different variations I may post and will keep playing with it. I’ll also have a few desktop wallpapers available from this script soon as soon as I decide how to set up and organize a wallpaper section on my site.

processing_particle_system_ribbon_3

processing_particle_system_ribbon_4

Read On »

Read On (Post Continues) »