Dice

In this exercise we used vertices to draw a dice. After modelling the vertices we over-layed a texture, we drawed before in Photoshop.

The result can be seen in the applet beyond. Use UP and DOWN to zoom in or out and drag the dice to rotate with your mouse!

Applet demonstration here.

3D Modelling

In this exercise I imported a 3D model. I found a nice modell of a watering can on oyonale.com. To load OBJ into processing, an OBJ loader like the SAITO OBJ loader is needed.  The code is quite simple an can be seen here on my page.

You can rotate the object by dragging it with your mouse. Try it out here.

Video recorder

For this simple video recorder, I took the animation from a previous exercise (confetti) and added a record an replay function. The programm makes a mov-File of the animation. The record starts by pressing ‘R’ and stops after pressing ‘S’. After recording the file can be played/paused by pressing ‘P’.

Click here to watch a recorded sample file.

Since the execution doesn’t work within the browser you can download the source code (pde-file) here.

Brightness tracking

The program two functions. Either recognize the brightest point in the webcam image or following a indivual definable color. This can easily be done by clicking somewhere inside the image. Then every pixel gets compared with the choosen color. If there’s a similarity, the pixel is going to be considered as a part of the object.

By pressing UP or DOWN the tolerance value changes. Pressing the right mouse button resets the picked color and the brightest point is overlayed (yellow circle).

Try it out! You can view the source file to compile (unfortunately it does not work within the browser).

Confetti

This applet generates random circles with random colors and their opacity (alpha) is determined by the vertical mouse position.

The applet can be viewed here. Move your mouse cursor up and down and watch what happens!

Digital pipette

This application is and does nothing more, what a conventional color picker does: It gets the exact color of the pixel on which it is clicked on. The upper right color box is the acutal clicked pixel color, the second one is the color of the previous pixel.

Try it out here, by clicking into the picture.

Color wheel

This displays all colors with their respective complementary color.

You can view the wheel in this applet.

Pop-Art

The typical Andy Warhol picture effect. One color is generated randomly and the second one is the respective complementary color.

The applet can be tried out here.

In our case, we altered digital photos and learned mor about how to manipulate pixels and techniques to overlay several images.

Image manipulation

I created several pixel manipulations with Processing.

You can see the result in this applet.

Pixel Image

The tasks was about creating a “pixeling” effect. This can be achieved by several ways. I created a grid and took the very first point of each box. Then I filled the rest of the box with the first pixel’s color.

The pixel-resolution can be adjusted whithin the applet by pressing UP and DOWN.

Threshold

In order to get a pure black-and-white picture, you need to set a threshold. The threshold value determines, where the border between black and white is.

You can try it on your own with my applet. Press UP or DOWN to increase or decreasae the resolution and LEFT or RIGHT to change the threshold.

Overlay Images

This applet shows how to overlay two different images. The source are two pictures with the same size. You get different results by adding, subtracting or multiplying.

Check out the applet here.

[Result due to privacy removed]

Here’s a small cutout of my revised storyboard (click on thumbnails to enlarge them):

The complete story board (pdf file) can be found here.

Some of its features are:

• Importing and exporting sound files to several format (WAV, MP3, FLAC, etc.)
• Recording and playing sounds
• Multitrack mixing
• Noise removal
• Filtering etc.

We got the task to create a podcast (or simpified a remix). This production should take 30 to 120 seconds. We could remix existing audio files or record a new commercial. We desided to mix the vocals with the instrumentals of two different songs. This is quite easy and can be done as follows:

Import both songs in Audacity. Then you should have two tracks:

Audacity with 2 stereo tracks

Then the time consuming part begins – cutting, copying and deleting with the selection and time-shift tool…

Audacity Toolbar

For some parts I had to change the tempo of the voice track. It can be realized with the effect “Change Tempo…” or “Change Speed…”. They do the same but have differences in pitch handling. The “Change Tempo…” effect doesn’t change the pitch so your song doesn’t sound like Mikey Mouse.

At last you can export the mix through the export function and save the file in the desired format (mp3, wav, etc.)

And here’s the result – feel free to click on the play arrow:

Processing is an Open-Source programming language and integrated development environment built for the electronic arts and visual design communities, which aims to teach the basics of computer programming in a visual context, and to serve as the foundation for electronic sketchbooks.

The first two tasks were about drawing some lines. This was quite easy. Drawing some random lines can be realised with this simple code:

size(500,500);
background(100);
fill(255);
for (int i=0; i<100; i++) {
line (random(width), random(height), random(width), random(height));
}


Rotating globe

The third tasks was about animation. We had to make an easy animation with serveral pictures. The result is a rotating globe with some stars around. A click changes the direction of the rotation. Through pressing ‘S’ it’s possible to take a screenshot and save it into a jpg-file.

Funnily enough, the stars won’t be displayed in the implemented version … I don’t know why ’cause it works when it is launched directly.

Implemented Applet (or download below):

Download source code here

Download compiled jar-file here