interaction lab @ wdka

simple stuff, but jeah ! i did it. it always feels nice to solve some OF tasks.

http://lab.impssble.com/uploads/chipmunk_mux.zip

and the source code here

So, here’s the first few test I did with having a ball bounce my name. It’s not exactly the homework, so I’ll make a “proper” version over the weekend.

First version:

Then I decided to add some alphablending to make it look better. It’s not running that fast, and it takes some time to make it look cool, so a vid is less interesting. Here’s some screenshots:

And the Xcode project

Cheers,

Alex

In the spirit of our previous assignments - make an app that draws your name by bouncing a shape around the screen. Your name will be written by the trail left by the shape.

Hook up a key to toggle hiding/showing the blocks used for bouncing the shape around.

You will need a vector of ofPoint to store the position of the shape every frame - you can then draw this as a trail in your draw command.

Have the app clear the trail and reset the ball position when the ball gets to the end of your name - so it runs indefinitely. Extra points if you can do variations on your name by changing angles of the blocks slightly.

Make it pretty!

Create a post on the blog titled My Name with physics! including the following:

1 - A Vimeo video embedded into the post: [vimeo 0932823] showing your animation. You can use iShowU (mac) or Camstudio (pc) for doing screen recording.

2 - A link to the zipped project code for your assignment.

Grab the 005 examples here - currently a little buggy:
http://lab.impssble.com/files/iLab003/_ilab3-algo-004DistribTemp.zip

So, here’s some of the prints:

00:48

13:29

16:35

And the source code:
http://studenten.wdka.nl/~0785277/ilab/src.zip (just the source folder)
http://studenten.wdka.nl/~0785277/ilab/ParticleClock.zip (the entire Xcode project)

Movies yet to follow

Alex

I’m not really happy about it, wanted to do some other stuff, but well, here it is:

files

Cheers,
Alex

I made this in the bus on the way here, with a great new fever and throat infection (it’s been gone for a few days now though :o)

Here’s all the homework stuff (vimeo didn’t “convert” my video yet, but I’m not going to stare at my screen for 40 more minutes before posting…), and a special Andorran jazzhands for all of you 0.o

http://lab.impssble.com/uploads/Alexhomework3.1.zip

Cheers,

Alex

http://lab.impssble.com/uploads/001MyInitialsDKsrc.zip

http://lab.impssble.com/uploads/001_Mirela_initials_src.zip

Zip

the bodies are in place now, I just have do some little adjustments in photoshop to get them into the exact right position. All the time I was working with the wrong coordinate stuff, but I found the right ones and when I did I almost instantly had the bodies in place

I have figured out how smooth one character, with some help, but the problem now is that all the characters are drawn in the same place. 

If I have figured out how to get the characters drawn on the right places again I’ll start on the delay.

Bagheera with the head in place. Just some few adjustments in Photoshop will make it look even better

Just a little inspiration. An interaction designer that also works with interactive storytelling. She is danish but is educated in Holland:

http://www.9nerds.com/eva/

Maybe interesting for some of you!

I finished the sketch that if you are in the right area it gets noticed.

and if you stand in the middle the picture of the shark appears

but i still need to put some kind f timer on it so you have to stand 4 seconds still for the picture to appear and if it appears the picture should stay for at least 30 sec.

I have been trying to draw the bodies at the bottom of the boundingbox but I think I am overlooking something. Right now I have the bodies drawn on top of the boudingbox and trying to offset them with all kinds of combinations with this code:

somehow I always end up beheading my characters, at one point or another, when I move too far away. I’ve even had the bodies suddendly upside down. Anyone any suggestions?

Another example of weird characters:

I’ve got the bodies under the heads. the problem now is that you behead the characters when you move to far away.

The hands (Butterflies) can now be stored, and drawn out of an array. They are drawn on variable coordinates, so they move around freely. I will use simplexnoise to make things move organic. To differentiate it now gets random colors.

the shark with thanks to jurjens animation skills!

its divided in pieces but we’ll need to test if the blurry black underneath every piece is convincing enough.
i also made a sound scape what is built up from 3 loops. for the different areas.
heres the first draft!

I just made a small change to my video labyrinth. Instead of having both a sound labyrinth and a video labyrinth, then i will just put the sound and video together in aftereffects and then i only need a video labyrinth. And that looks like this:

so that is what i have been doing!

And this is without the bird…!

I’ve been trying to connect a soundFader to the center of mass and to change when entering a new zone,
I got really stuck and Alex is also taking a look. Besides that im busy making sounds for when the installation is working, the design of the shark and a testvideo we could work with.
I’ll soon update them but i’m having some uploading problems.

We’ve got incoming messages into our OFapp!

Me (Peter) and Jurjen decided to work together,
because we both couldn’t find the “working drive” to complete our projects.

As we both we’re talking about our projects being too ambitious,
we thought working on one project together would solve a lot of problems.
After a brief discussion, we agreed on working on Jurjen’s SMSproject.

So, to get things going we started on trying to receive SMS messages on a computer.
Since the “SMS Receiver” didn’t work, we scanned the internet for other possibilities.
We switched from PC to Mac after we’ve found an amazing program, BluePhoneElite 2:

After some settings, we’ve received our first SMS Message:

Quick after that, we figured out that BluePhoneElite 2 is able to set Reactors.
Which is something like an “if”-statement.
So, we set it to export every incoming SMS to a .txt-file:

What happens now:
You send a SMS.
BluePhoneElite2 receives it and open the Message + a “Export to Text File”
But you have to manually input the name of the TextFile + click [Save].

As a solution to that, we’ve found out that Mac comes with Apple Script.
Which is designed to automate every single action you want it to do.
So like opening files, closing files, hiding windows etc.
One thing we couldn’t get it to do is: Input a name and Save a file!
So, we’re looking for someone who is able to write a bit of Apple Script! (Theo?)

We’re now working on importing the exported .txt-files into OpenFrameworks.
After that, animations and the interaction-part is going to be designed.

For this class we worked on making a test video of our workarea.

I filmed Vinesh awalking from side to side on a white background and he started twiching at somepoints for no obvious reasons.

This we can now use to create a bounding box that serves at first as a simple blob to be targeted by particles. Later we cant to make the particals into 2d kitchen objects and finetune the blob into a more complex contour for the object to stick on.

As explained we need to forge simple appz that solve part of our puzzle, so making the shape more complex and an example to show the attraction treshhold.

Week 1:

Dividing the tasks
Starting on getting a convincing looking shark working
Figuring out how the Simplex Noise works.
creating areas in the camera sight

Week 2:

Continue working on the shark
Link sound fading to the areas in the camera sight

Week 3:

Finishing the shark
Checking out the camera tracking over time

Christmas holiday:

Catching up on stuff that’s not done yet, making usable test video’s etc.

Week 4:

Making the shark “bite”
Connecting the shark to the blob tracking
Water and trail in the water

Week 5:

Test setup  & troubleshoot

Week 6:

Final presentation

Cheers, Alex & Marel.

Here it is - 55 minutes - 99MB!
I put a red overlay showing where the mistake in the code was.

http://lab.impssble.com/videos/Tutorial-VideoManager-Web.mov

Hope it is helpful!

Bram Kuiper – Plan Uitwerking

Themeworld (Example Jungle Book)

My idea is to create a theme world with characters walking around. The characters are controlled by the people. When you stand in front of the camera the computer places a character on you.

The characters are made more lively with some extras: Z-space (when you move away from the camera your character gets smaller), talking (when you open your mouth your character opens his mouth), when you move, the character moves but the body tilts a bit to make it more lively.

I’m gonna stay with my example Jungle Book. When I’ve made the code for it I can easily place other themes in the code.

Classes:

Week 1: Figure out what I’m going to do. Think about the code, what codes to find and copy. BackGround and choose characters. Sounds Playing.

Week 2: Open mouth

Week 3: Tilt

Week 4: Scale

Week 5: Prototype

Week 6: Finished

idea:

Fase 1
walking affects the rimpling of the water.
*putting your foot down is cirlce rimpling
*gliding is leaving a trail in opposite direction
hands make rimpling too?

Beamer -> constant projection of water.

Fase 2
Enter Dangerzone/ shark goes hunting
*in your trail follows a shadow
But doesn’t catch you because its dives under when its near.

Fase 3
If the person stands still in the really danger danger zone the shadow starts circling around the person.
After for 4 rounds the shark attacks. It dives under and comes to the surface under your feet. When you’re attacked a picture of the shark, you stand in its mouth, and the water becomes red.
If person steps out of the circle without touching the shadow you get some time before it’ll attack again.
If person gets out of the really danger danger zone fase 2 or 1 starts again.

To do:
-Water animation
-Person tracking (blob id, directional tracking) keep in mind: hands
- Water wrinkling/ trail
- Shadow of shark
- Music activated by position of person.

You need to fly big wings to make a video and music play for someone who’s lying underneath you between your legs, the faster you clap your wings the more images and dreamier it gets the slower you clap them the more you come back to reality. I’ts a dreamflyer.

The idea is you walk in a dark room were you can walk upon the water, you can see the water rimpling under your feet and see strokes when you slide, its very peacefull. But when you come near the center of the room, the peacefull atmosphere slowly changes… you become hunted. the strokes of water you leave you see a shadow coming near and diving under etc. when you leave the center you’ll be in this happy I CAN WALK ON WATER mood.

This is a project about interactive storytelling.

It is formed as a puppet theatre with 4 puppets made in the jumping jack style. A frame creating the stage and a monitor in the background. When you pull one of the puppets it will trigger a part of a story, made with sound and moving images on the monitor. As you pull different puppets in different orders you creat different storys.

Nice project from rAndom International and Chris O’Shea.

Temporary Printing machine - uses light reactive ink and a row of leds to draw pixels onto a surface.

More here:

Made with openFrameworks too

Best pictures here:

The three projects I’ve chosen, are:

1) “Wooden Mirror” (Daniel Rozin, 1999)
Link: Wooden Mirror

I’ve known this project of Daniel Rozin for quite a while allready.
What attracts me about this Mirror is paradoxial way of using a non-reflection material, as wood, for a mirror.
It’s not only the visual parts which is awesome, also the sound adds to the experience.

Hardware-wise this project contains:
830 square pieces of wood.
830 servo motors.
Control electronics.
Wooden frame.
Video camera.
Computer.
Lamp.

Functionality:
The 830 pieces of wood are placed in a wooden frame, all pieces can be tilted verticaly.
A camera simply records who/what is infront of it.
Above the frame he placed a lamp, which shines downwards.
Little square bundles of pixels from the camera, correspond with one “wooden pixel”.
Now, the “wooden pixels” which should have a higher luminance are tilted towards the lamp,
which makes them brighter, the dark one are tilted downwards, so they get darker.

Improvement:
Maybe one thing which could be improved, will be the lack of colors.
If the “wooden pixel” would be able to tilt verticaly and horizontaly,
and if you place three (R,G,B) lamps above it, spaced out over the frame.
Meaning that if a “wooden pixel” would be titled 45 degrees horizontaly, it will get Green/Blue light on it.

2) “ReacTable” ( Music Technology Group)
Link: [Basic Demo 1] [Basic Demo 2] [Free Improvisation]

There are ofcourse a lot of interactive sound projects, but this one is different.
Though it doesn’t take use of your whole body, the ReacTable looks good, sounds good and works good.
I think almost every body is able to use it, even without any musical background,
but if you know your way around synthesizers and music, this is one heck of an instrument!
Using the old synthesizer components in this highTech table is really awesome.

The ReacTable hardware is based on a translucent, round multi-touch surface.
A camera situated beneath the table, continuously analyzes the surface, tracking the player’s finger tips,
position and orientation of physical objects that are placed on its surface.
These objects represent the components of a classic synthesizer,
the players interact by moving these objects, changing their distance, orientation and the relation to each other.
These actions directly control the structure and parameters of the sound synthesizer.
A projector, also from underneath the table, draws dynamic animations on its surface.

3) “PixelRoller” (rAndom International)
Link: PixelRoller

I’ve chosen for rAndom International’s PixelRoller, because it’s something I call UsefullArt.
It’s not only a wonderful machine, it’s also something you’d really use to paint some nice imagery one your wall, ceilling or floor.
In the end, compared to a lot of interactive art, you really have something. Which will be there for a long time.
Not just a memory of a cool installation.

The PixelRoller is a paint roller that paints pixels,
designed as a rapid response printing tool specifically to print digital information,
such as imagery or text onto a great range of surfaces.
The content is applied in continuous strokes by the user.
PixelRoller can be seen as a handheld “printer”, based around the ergonomics of a paintroller, that lets you create the images by your own hand.

Hardware-wise I’m not really sure how it’s made.
The software which is used is the, wellknown, Processing.

A nice project that generates flames and fireworks when you light a match. I would guess that it is using an IR camera.

http://www.objetgraphik.com/Light-My-Fire.html