Munich, Germany
https://vimeo.com/jagracar
member since February 2, 2012
profile picture

portfolio of
Javier Graciá Carpio

Moving points

Click to change the points movement.

Uses the grafica library:
https://github.com/jagracar/grafica

Exponential trend

Click to change the scale from linear to logarithmic.

Uses the grafica library:
https://github.com/jagracar/grafica

leapfrog

The beauty of the leapfrog algorithm:
http://en.wikipedia.org/wiki/Leapfrog_integration

Image by Alex Proimos:
http://www.flickr.com/photos/proimos/7810727314

Click the screen to reset

Oil painting simulation

Simulates an oil paint using a picture as a reference (in this case an old pic of my sister and I).

The work by Sergio Albiac was my main source of inspiration: http://www.sergioalbiac.com

This sketch has many optional parameters, but not all of them produce optimal results.

These videos show the program in action with other pictures:
https://vimeo.com/82769195
https://vimeo.com/82886433
https://vimeo.com/84089230
https://vimeo.com/82768695

This one shows the debug mode in action:
https://vimeo.com/82104781

Feel free to use it for anything, but give credits please! :)

flaring star

Being an astronomer, I had to do it :)

Move the cursor to change the star properties.

The inspiration came from this great sketch:
http://www.openprocessing.org/sketch/112601

Multiple panels

An example of a plot with multiple panels using the grafica library:

https://github.com/jagracar/grafica

Default plot

Default plot example from the grafica library

https://github.com/jagracar/grafica

O'zapft is

Every 4 years a curious coincidence occurs.

I wonder how many Germans will try to vote totally drunk after a whole day at the Oktoberfest...

Uses the grafica library:
https://github.com/jagracar/grafica

The data was obtained from Google trends

Various plot examples

An example with multiple plots using the grafica library:

https://github.com/jagracar/grafica

Drag the mouse over the first plot to pan in any direction.

Click left/right in the second and fourth plots to zoom/un-zoom.

Click in the third plot to recenter.

Credits for the beer mug:
http://www.clker.com/clipart-oktoberfest-beer-mug-1.html

3D drawing machines

A new version of my Kinect scan viewer.

It includes all the drawing effects that I used in this video:
https://vimeo.com/54903115

Including a simple 3D face morphing, and a DLA drawing effect inspired by this sketch by Diana Lange:
http://www.openprocessing.org/sketch/80169

It's quite easy to add new effects creating new ScanMask and/or ScanModifier subclasses. Please, tweak it with your inventions :)

3D sculpture

Represents 3D sculptures made with the Kinect camera:
https://www.youtube.com/watch?v=IXnMzIJL2dk

Controls:
- Use the mouse to rotate the sculpture
- Use "Up" and "Down" arrows to zoom

Dogs

Diego & Rocco, good dogs :)

Thanks to my friends Ali, Mark, Ron and Simon for letting me to take some pics of their dogs.

Controls:
- Use the mouse to rotate the scan
- Use "Up" and "Down" arrows to zoom
- Use "Left" and "Right" arrows to decrease/increase the scan resolution
- 'p' switchs between the mesh view and the pixels view
- 'l' switchs between the mesh view and the lines view
- "+" and "-" increase/decrease the pixel size (only in pixel view)
- 'Space' creates some psychedelic effects (only in mesh view)

Scan Viewer 2.0

Reads and draws various scans obtained with the Kinect 3D scanner:
http://www.openprocessing.org/sketch/78606

This video shows more examples:
https://vimeo.com/54903115

Controls:
- Use the mouse to rotate the scan
- Use "Up" and "Down" arrows to zoom
- Use "Left" and "Right" arrows to decrease/increase the scan resolution
- 'p' switchs between the mesh view and the pixels view
- 'l' switchs between the mesh view and the lines view
- "+" and "-" increase/decrease the pixel size (only in pixel view)
- 'Space' creates some psychedelic effects (only in mesh view)

Kinect 3D slit scanner

An update of my previous Kinect 3D scanner sketch, now with the possibility to obtain vertical and horizontal slit scans.

Doesn't work in the browser. You need a Kinect to run it and the controlP5 (version controlP5_1.5.1), hemesh, simple-openni, and javacvPro libraries installed. Uses OpenCV 2 (javacvPro), but if you don't have it installed, you can still run it commenting some lines in the sketch (see comments in the code).

These videos show how to use it:
https://vimeo.com/53285159
https://vimeo.com/50476546

Please, let me know if you find any problems running it.

Have fun!

Recursive puzzle

a puzzle inside a puzzle inside a puzzle...

Click the screen to increase/decrease the level of recursion

Picture credit: Sukanto Debnath
http://www.flickr.com/photos/sukanto_debnath/2181170020

Sea life

My first flocking experiment.

Everything started from this flocking tutorial:
http://www.flight404.com/blog/?p=459
http://libcinder.org/docs/dev/flocking_chapter1.html

Click on the screen to make the controls appear.

Kinect 3D scanner

Simple 3D scanner using the Kinect.

Doesn't work in the browser. You need a Kinect to run it and the controlP5 (version controlP5_1.5.1), hemesh and simple-openni libraries installed.

Select the scanner area with the controls and press the "take scan" button to capture the 3D points inside the box. A mesh is created with the Hemesh library and saved in the sketch directory. The colors of the mesh faces are saved in a different file. Press the "take scan" button again to take more scans.

Use http://www.openprocessing.org/sketch/62533 to read and represent the mesh.

Kinect mesh viewer

Reads and draws various meshes obtained with the Kinect 3D scanner (http://www.openprocessing.org/sketch/62534).
This video shows it in action:
https://vimeo.com/42342434

Doesn't work in the browser. Download the code and run it in your computer. The data directory includes some examples. This way you can try it, even if you don't have a kinect.

Mouse controls like in Peasycam.
(Press the space bar for some psychedelic effects)

Uses the hemesh and controlP5 libraries.
It only works with this version of controlP5:
http://code.google.com/p/controlp5/downloads/detail?name=controlP5-1.5.1.zip

This is not

Wait until the end and then write your own text!

Kinect experiments

Doesn't work in the browser. This video shows it in action:
https://vimeo.com/41381966

Buy a Kinect, download the code, install the latest simple-openni, controlP5 (version controlP5_1.5.1) and toxiclibs libraries and have fun!

Tested in processing 1.5.1 under linux. Part of the code comes from the simple-openni examples. Many thanks to the processing community!!

wordsLimits

Click the mouse to start again.

Works with any font and shape.

thousand words

Type some text on the keyboard to reveal the image.

Left/right click increases/decreases the line separation

Picture by Petras Gagilas
http://www.flickr.com/photos/gagilas/4495968987

Simple tree generator

click on the screen to generate a new tree

Photo slices

Some fun slicing pictures.

Click on the screen to increase or decrease the number of slices.
Move the cursor for some interaction.

Picture from Sukanto Debnath
http://www.flickr.com/photos/sukanto_debnath/3081836966/

Jellyfish

Move the cursor to animate the jellyfish.

Click the right button of your mouse to take a snapshot and any other button to clean the screen.
followed by
88
following
130

favorites

Share Share Subscribe to sketches