Visual Experiments Scripts 3D 2D Illustration

3D-Packing

Tobias — Tue, 29 Jun 2010 07:00:47 +0000

3D Packing is the attempt of putting objects together as dense as possible in a container or something else. In the following case the script will give only a hint of how something like that might look like. Because the realy effective scripts are highly complex to compute and given algorithms aren´t very cheap.

This shows how my testscript in generel works. A volume is filled with objects that are scaled as much as possible. You may recognize that there tend to be bigger objects in the middle and smaller at the borders.

These are different tests. Varying in size, rotation or Form.

In comparison to a chaotically particle order (right side), these elements appear coherent and(at least should) fit into each other.

Like seen above this technique may be used to create some kind of coral effect.

CONCLUSION:

It might be very interesting to work with some better algorithm like that one, that Frauenhover Institut developed.
One next step would be to exchange the boxes by objects.

ANIMATION:

Here the skull gets compound by the elements. It´s good to see how it builds up from bigger to smaller elements.

This is a test when an animation is filled with packing boxes.

Alec Jobsons article about Sphere Packing

Some packing of boxes. Done with Structure Synth.

2D-Packing / Stripes

Tobias — Sun, 06 Jun 2010 09:03:03 +0000

Here are parallelisms to Mosaic / 2d packing style eventough the system is oriented to one direction.

With this technique you are able to purposely emphasize the movement in space and time of an object by its flow or structure in space.
Or work against it with intent. On the one hand there is a intense structured pattern to one axis and some kind of more chaotical system on the other axis (remember we find ourselfes in a 2D Space).

DIRECTION:

Examples for different directions of a 2D-Packing / Stripe system.

VARIATIONS:

Some Variations of lenght, chaos and form of the stripes.

ANIMATION:

Example for animation: I tried to use some kind of sewing effect. Remember these are always rough previews.

CONCLUSION:

It could be interesting to see this system operating in a more than one-directional way.

A next step would be to give the lines (non random) changes of direction.
So that the lines wouldn´t flow just in one direction but building curls or swirls (like something in a van gogh painting).
Or maybe furthermore find different directions for different objects within an illustration.

LINKS:

Matchstick art. Not realy the same but similiar

2D Packing with 3D Objects

Tobias — Tue, 01 Jun 2010 10:12:54 +0000

This is a very simiar priciple like 2D packing / Mosaic but instead of flat objects I used Boxes Spheres or other stuff.

1.) with planes (here it could be interesting to use written postits or something like that instead of the color information) 2.) with boxes

Variations with Spheres

Side view. Boxes with different heights.

ANIMATION:

The Cylinders with its wings present some kind of colorpicker, who show the color information of a pixel or of a summarized group.
To get some analog effect in there I filmed the ready made film again through a wine bottle.

Stopmotion test. I used Onion Skinning to conduct the peas or corns positions through a given movie.

LINKS:

Haven´t found any links or examples for now. If you know some I would be very pleased if you send them.

2D-Packing

Tobias — Wed, 26 May 2010 22:37:04 +0000

INTRO

The Main concept of 2D Package art or Mosaic art is that clusters of similar pixels gets combined to a flat (here the biggest size goes about a square from 5 x 5 pixels)

For some historical background you may read the History part of my Voxelart/3d Pixel article.
In generell the packing of circles is a serious mathematical challenge (it belongs to Hilberts list of the 23 mathematical Problems).
Even though in this case there is another kind of core question but the final optical phenomenon is similiar.

The pieces or squares could be arranged in different angles or chaotical:

SUBSTANCE:

Those Pieces can now be replaced by appropriate sized pictures.

These content you now can vary in resolition:

… and in Chaos. 1. regular 2. different rotation 3. different scale :

… or in position, scale and rotation at the same time:

ANIMATIONTEST

CONCLUSION

If you use squares this topic is related to pixel/voxel art but it appraoches in a more chaotic way. You don´t have that straight grid. The grid is disturbed by joint squares.

Could be interesting to find some own kind of rythm. Like don´t use every step of size (in my case I used square 1×1 to square 5×5) but get restircted to fixed numbers like in music. And Furthermore wire these rythmical restrictions to a dimensions in space or time.

LINKS

Giuseppe Arcimboldo. This is not realy mosaic but some kind of similiar

Charis Tsevis Mosaic art.
The only artist I found, working with this technique

Circle Packing Algorithm

Image Based Circle Packing script for Rhino

Pictures of Circle Packing used on triangle flats

Very mathematical. But a good overview of possible packings.

3D Pixel / Voxel

Tobias — Mon, 24 May 2010 13:24:03 +0000

I first got in contact with Voxel (volumetric pixel) or Pixelgraphic in 2008 by a briefing, for telling “the story of the pixel”. In early 2009 I did some scenes which are shown down below.

HISTORY:

The origin of Voxelart is´nt clearly defined. On the one Hand there is the technical Background. Like its straight grid is used by some game engine´s (most of them use high resulotion and doesn´t intend the voxels to be seen) or for medical approach (tomographic). On the other Hand there is the artistic background like Pixelart, which is often traced back to Mosaic or Cross-stitch.

Mosaic-art is the earliest examples for something, that is related to pixelart it´s roots are about 2500-3000 b.C. Mosaics consists of small pieces of stone, glass or other material that are composed to an overall picture. These pieces are often not arranged in a clear pattern but rather follow the form of the represented object. (I haven´t found examples of Mosaics in a straight grid even though I read that there are some modern Mocaics which are constructed by robots).

Cross-stitch is a second technique that is related to Pixelart. Cross-stitch was the amusement of rich ladies in the mediaeval times. Here the pieces or stitches are ordered to a straight grid (as it is given by the structure of the cloth). But didn´t look that rectangular like Mosaic.

In 1982 with Superpaint (the first Painting program for the pc – you may test it here: http://www.rgshoup.com/prof/SuperPaint/SPlives.html ) the term Pixelart emerged.

Nowadays Pixelart comply itself by giving itself limitations to keep the Look. Like there is only setting of individual pixels, reduced colors and no anti aliasing. The most famous group of Pixelartists nowadays are EBOY: hello.eboy.com/eboy/ .
Another artistical Background of Voxelart maybe Brick-art. These are not on an exact uniform grid. Because the Bricks vary in size. But they have a very similiar approach.

HOW TO MAKE:

For creating Voxels on a Computer I figured out 2 Main techniques

1.) Fill Up a Volume:

You create a 3D Object and then Fill its Volume (or much more memory saving: only its surface) with Voxels. The Pros are, that you can also build a Rig for your 3D Object, make some fluid simulations or something similar. You can convert every 3D Phanomenon into Voxels. Flowing forms like Waves or something similiar look most interesting in this technique.

Pixel Lizzard from Tobias Wüstefeld on Vimeo.

2.) Layermethod:

Here you paint every Layer of the Voxel Object in a paint program with alpha layer. This Layer you then convert into the Voxel.
Here you can use a 2D animation (most suitable low res) to convert it into voxels.

Pixel bird from Tobias Wüstefeld on Vimeo.

2D WAYS TO CREATE

If you create a twodimensional object, that works in an orthogonal perspective (no distortion to vanishing point) you may piece together a whole motive.

ANALOG:

These are some raw tests for analog creation of voxels with wooden cubes or with sugarcubes:

FORMS OF PRESENTATION:

A01 – A05 are examples for different resolutions of Voxels may appear

B01 – B04 are examples for different edges.

C01 and C02 filled with Color

C03 big gaps between the Voxels. This may create some nice moiré effects

C04 Spheres instead of Boxes

C05 Random Voxelsize

D01 Different Materials on accordant positions of the car

CONCLUSION:

Every approach of direction or curve in the form of an Object is disturbed by the direction or form of its own tiles.Through the straight grid you you always have some coherence and straight rythm in your compositions (in smaller resolutions it is more found to the similar materialistic approach). There is a consequent structure between the Elements eventhough they are never overlapping or flow through each other, every object can be docked at least on a few points exactly to an other.

Furthermore there are possibilitys to drive this Topic further. Like: How could a Voxelmotionblur look (maybe trails of shrinking voxels?) or How may a Antialiasing with Voxels look?

Visual Experiments Scripts 3D 2D Illustration

3D-Packing

CONCLUSION:

ANIMATION:

2D-Packing / Stripes

DIRECTION:

VARIATIONS:

ANIMATION:

CONCLUSION:

LINKS:

2D Packing with 3D Objects

ANIMATION:

LINKS:

2D-Packing

INTRO

SUBSTANCE:

ANIMATIONTEST

CONCLUSION

LINKS

3D Pixel / Voxel

HISTORY:

HOW TO MAKE:

1.) Fill Up a Volume:

2.) Layermethod:

2D WAYS TO CREATE

ANALOG:

FORMS OF PRESENTATION:

CONCLUSION:

LINKS:

Videos with Voxeloptic:

Programms:

Analog:

Tutorials: