Category Archives: Uncategorized

Chanamon Ratanalert

30 Jan 2014

ofxAddon

ofxUI
github: https://github.com/rezaali/ofxUI
blog: http://www.syedrezaali.com/blog/?p=2172

With a double in HCI and a strong interest in being a UX designer, I find this project very interesting and with great potential. Practically every app developer, interface designer, and hackathon goer interested in UI everywhere is looking for a better way to create interfaces–namely a way for everyone to make any kind of interface they could want in an easy way. This addon is a good contribution to the field. I can’t quite imagine myself using this for the addon project, but I can imagine using this for inspiration and knowledge for future projects and interface designs.

ofxPostProcessing
github: https://github.com/neilmendoza/ofxPostProcessing
blog: http://www.neilmendoza.com/ofxpostprocessing/

This “easy way of putting together a chain of GLSL shaders” has a number of creative manipulations, my particular favorite being kaleidescope. I find it interesting that this project is the beginnings of a project for creating realtime visuals of music events. Not quite sure what that means for this guy, but I’ll look more into it later. I can find myself using this after creating something in openframeworks to add variation and manipulations. I’m not sure what I’ll be creating or what I’ll be manipulating it into, but I can see a good amount of potential from this post-processing addon.

ofxBox2D
github: https://github.com/vanderlin/ofxBox2d

I don’t really seem to see a specific direction for this addon, but that’s the fun of it. The interactivity (for the example, at least) of being able to create objects on the fly and toggle their interaction with the mouse (mouse force, etc.) can be really fun to play around with. I can see myself combining this with another addon to create variation depending on the number of objects and mouse force, especially audio.

ofxTonic
github: https://github.com/TonicAudio/ofxTonic

I have always wanted to do something dealing with audio. For every term project I get assigned, I keep trying to think of creations with audio, but it never pans out. Mostly it’s because audio is not dealt with as much as visual, so I find less help on the internet for it. Hopefully if I can find another audio addon to combine this with (maybe ofxBeatTracker even though it’s in Japanese). I can definitely see myself using this in combination with a flexible visual addon, such as Box2D. I’ll have to figure out how much I can do with Tonic first.

Frustrations: I convinced myself to actually download and try the examples, and over half of them fail.

Andrew Sweet

30 Jan 2014

ofxAnimatable: With this, you can smoothly and dynamically control all animations with ease. This allows for an elegant-iOS-feely interface that responds appropriately, and transitions smoothly between different views or states.

ofxWorkQueue: With this, it’s easy to thread activities and ensure you that anything process-intensive can be threaded and dealt with appropriately.

ofxVolumetrics: With ofxVolumetrics, openFrameworks can support volumetric renderings.

With a combination of the three, a powerful user interface for manipulating a 3D object could be possible. It could move fluidly and operate with optimal CPU usage. Many of the ofxAddons I ran across seemed to enhance current capabilities, or aid with cross-platform communication or execution. JSON-parsing, iOSTestApp switching, etc. Many of these tools could also be used to allow for the appropriate platform to display whatever tool this could become.

Nastassia Barber

30 Jan 2014

ofxCv

I really want to do a project with computer vision both because it’s interesting and because the possibilities for interaction are pretty vast.  This add-on seems like a must-have for openFrameworks.

ofxVectorField

I honestly have no idea what exactly I would use this one for, but I like that this can generate vector fields from images, which seems pretty cool.  I wonder if it could keep up with live video at all?  It seems like it has a lot of potential for interesting animation.

ofxDna

This simulates genetic evolution and passing on of traits from one object to another.  I don’t know how it would fit into any of my projects, but I’ve always wanted to do some kind of simulation of “evolution” of very inorganic looking objects, so this might be useful.

Chanamon Ratanalert

28 Jan 2014

openFrameworks

This project offers shallow contributions to the field, but I really connected with it. This “watercolor animation study” displays the movement of shapes and images in relation to music and in the style of watercolor. As a musical person, I was mesmerized by this project. When you first start watching, you think that the music isn’t necessarily related to what’s on the screen–maybe it’s just background music. But as you continue to watch and really listen, the visual’s connection with the audio is astonishing. I am also amazed by how the artist uses straight geometric shapes, that could look very rigid and cold, but the way they are animated brings them gentle warmth and lots of fluidity. This artist is definitely someone to check out; watch a video of another one of their works that I find interesting here.

Update: Apparently, the person who did this is pretty well known.

This video shows a test of a tracking project. This project displays a plane onto the floor and tracks a person moving around on it. The plane then interacts and adjusts to the person as they are moving around. I find this project a good contribution to the field because so many things can be done in an environment that interacts with the user. I always find projects that encompass the person interacting with it to be interesting. Project like this can be expanded to even greater interaction projects and art pieces, such as the Rain Room.

This project is a visualization of particles in which the user can change particle size, speed of rotation, and how spread out the particles are 360 degrees around the center (labeled as ‘rotation’). Though this project has a very simple concept, it can be used as a basis for various works of animation, visualization, or images. What I wish to be improved upon is the randomness and action of the particles to not be as jittery and reduce the feeling of being overwhelmed.

Nastassia Barber

28 Jan 2014

Light Painting

This piece is an animation with moving lights based on wind tunnel data.  I am infatuated with this piece because I love their source of data, and how you can see a hint of the car being tested in the wind tunnel in the result.  It’s not super-focused on the car, though, and it makes for a really nice abstract image.

Energy Flow

“Energy Flow” is a video of “energy flow during different running conditions” and represents this data as a track or tunnel-like object in 3D, which changes color. This is pretty cool, but it seems like the concept could be developed more.  It’s really mesmerizing, though, and stuff like this makes me really excited to learn about openframeworks.

Massive Attack Music Video

This music video, unlike the others, is not generative.  It does some beautifully grungey things with motifs from the American flag (the name of the song is “United Snakes”) and works really well with the music.  This one is more professional and glossy than the others, and I love the simple black and white color scheme.

Andrew Sweet

28 Jan 2014

Feedback is an interesting, public interactive installation, sort of a digital fun-house mirror that introduces the general public to interesting computation, and expresses displays the intersection of technology and culture in a very simple, elegant interaction that engages many groups of users.

Memory Palace is an interesting digital collection and physical gallery of visitors’ favorite memories visualized in a 2D plane. It’s implications and aesthetics are more interesting to me than the technical feat of it all, and I really think being able to make one conceptual object out of many individuals’ thoughts and actions is a uniquely powerful capability in the digital age. It allows just enough constraint to offer a sense of uniformity or rather unity and similarity amongst a large corpus of work while offering the creative freedom to quilt together unique-feeling ideas.

Clouds, while itself was not made with openFrameworks, is based around a tool that was made in openFrameworks, RGDB Toolkit. This interesting take on the normal documentary, making an emergent, generated documentary from a corpus of multiple interviews, sort of a point cloud aggregated around conversation points about the development of the code and art intersection. Clouds took to Kickstarter to get crowdfunded, and features a number of prominent individuals in the field, including our very own professor.

Looking Outwards 4 – OpenFramworks

Forms by Memo Akten

Forms is an audio-visual installation that maps the movement of professional athletes’ bodies and generates geometrical  shapes. The artist isolates something very abstract, a continuous movement, from the athletes body and form. By doing so, he allows users to view it with greater clarity and see the mathematical beauty in it.

 

Van Gogh’s Starry Night Interactive by Petros Vrellis

Van Gogh’s Starry Night is one of my favorite paintings. It was interesting to see it come to life. I like that the animation did not distort the original artwork too much, rather adding to it and staying true to the painting., The algorithm emphasized the beauty of the brush strokes in the original painting. I was however kind of disappointed to see that the velocity field had to be set manually. Had it been computationally derived, the algorithm could have been applied to other paintings. Deriving the flow velocity in Van Gogh’s paintings seems like a very interesting problem to work on.

 

Receipt Racer

In this application, openFrameworks was used to create the collision test between the projection of the car and the printed maze, as well as take input from the game controller. It’s interesting to see how the developers used a static medium (such as receipt paper) to create a dynamic game.  The project is really funny, but it wastes so much paper!

 

Austin McCasland

26 Jan 2014

Interesting Dataset – PaperScape:
Despite my life being full of papers which I read and reference, I would never think to do data visualization about them. I sort of think of papers being independent of geography or context – but they aren’t! The reason why this data set is so interesting is because it reminds me that papers were written by real people in the real world.

Provocative – Exxon Secrets:
I think that this is a very provocative data visualization. The data set is so interesting – and I’m willing to bet the exxon guys hate having this information so easily digestible. What I love about this is that it takes the complicated relationships between money and power and breaks them down into easy to look at visualizations. Not as sexy as the facebook friendship visualizer below, but it definitely is more informative and edgy.

Well-Crafted – Visualizing Facebook Friendships:
Visualizing Facebook Friendships

The colors and transparencies chosen for so many datapoints work very elegantly with one another. It is a simple geographic mapping of data points, but the curves are elegant, and the colors are wonderful. The shapes that are formed are mesmerizing. Though it isn’t interactive, I could stare at this data visualization for a long time.

Kevyn McPhail

23 Jan 2014

The inspiration from this piece came from work I am doing with Colin Pinto and Crusic Percussion. They are working on making digitally fabricated marimbas, so I decided to make parametric marimba keys where you can set an octave of C and it spits out a key.

thingiverse: http://www.thingiverse.com/thing:233060

//Kevyn McPhail
//Interactive Art + Computational Design
//Parametric Object(Marimba Keys)
 
//Enter Note (C no sharps or flats)
note = "C";
//Enter Octave (2 to 7)
octave = 3;
 
// estimated width equation: w = (0.1373*l) + 0.349
// estimated thickness equation: barT = (0.0532*l) + 0.2417
// estimated arch thichness equation: archT = -0.0234x + 0.7127
//estimated arch length equation: archL = 0.9857x - 6.7525
 
lengths = [23.0937,17.34375,14.4375,12.15625,9.4375,7.6875];
 
//Get key length
function getKeyLength(oct) = lengths[oct - 2];
l = getKeyLength(octave); 
echo(l);
 
//Get key width
function getKeyWidth(length) = (0.1373*length) + 0.349;
w = getKeyWidth(l);
 
//Get key Thickness
function getKeyThickness(length) = (0.0532*length) + 0.2417;
barT = getKeyThickness(l);
 
//get arch thickness
function getArchThickness(length) = (-0.0234*length) + 0.712;
archT = getArchThickness(l);
 
//get arch length
function getArchLength(length) = abs((0.9857*length) - 6.7525); 
archL = getArchLength(l);
 
//Generate blank bar
//cube([l,w,barT]);
 
//Generate Arch Piece
//rotate([0,0,0])cube([(l-((barT-archT)*2)),w*2,(barT-archT)]);
 
//for(i = [2,l -2]){
//translate([i,5,barT/2])rotate([90,0,0])cylinder(h = 10, r=.4);
//}
 
minkowski(){
sphere(.2);
difference(){
difference(){
cube([l,w,barT],center = true);
minkowski(){
sphere(.8);
translate([0,0,-1])cube([archL,w*2,(barT-archT)],center = true);
}
}
for(i = [(l-archL),-1*((l-archL))]){
translate([i,5,barT/6])rotate([90,0,0])cylinder(h = 10, r=barT/3);
}
}
}

Wanfang Diao

23 Jan 2014

DE4EA6FA-98BC-4793-BEA1-80D2E1FD3330
6A159F10-A7C0-4135-9892-831FBF3725C9
In this project I tried to generative spheres as a flower. The first one is radiative and screw shape, the second is use 3 loops to create a flower cluster. I did the second one from make a difference of two sphere as a petal and route them as a flower.I think OpenSCAD is a great tools to do iterative 3D modeling works. It makes maths beautiful. But The second one really ran slow on my mac, it takes long time to render the work, I guess this is the crucial  weakness of the software.

code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!--StartFragment-->module d001()
 
{
 
for(i = [1:1000]) {
 
rotate([360*i/24,360*i/24,360*i/24]) {
 
translate([360*i/24, sin(360*i/6)*80, cos(360*i/6)*80])
 
sphere(600,600,600);}
 
}
 
}
 
d001();
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
module d002()
 
{
 for(k = [1:10]) {
			   rotate([0,360*k/6,0])
			   union(){
			   for(i = [1:10]) {
 
							 rotate([0,0,360*i/6])
                 				 translate([0,240,240])
							 scale([3,3,3])
							 union()
						       {
 							    for(j = [1:10])
  				 				  {
 //translate([360*i/24, sin(360*i/6)*80, cos(360*i/6)*80])
								   rotate([0,360*j/6,0])
								   union()
								    {
								     difference(){
									color("Plum")
								     sphere(50,50,50); 
								     translate([0,20,30])
								     sphere(70,70,70);
								     }
    								   }
  	 			 	              }
				               }	
				             }
		             }
	          }
 
} 
d002();