Morph or warp a vector image

General Discussion Other

kerrigan2..

in General Discussion • Other • 1 year ago

Hi all,

I want to be able to morph the result of displaying vector images.

Assume, that i have a regular field of hexagons, each created with beginShape(), endShape() and vertex() in the middle.

Like the background of this image:

http://www.lightsmith.info/warfare/fullthrust/images/vector3.jpg

Now I want to morph the result so that it looks like the background here (ignore the rest of the image):

http://upload.wikimedia.org/wikipedia/commons/thumb/1/12/Star_Trek_Warp_Field.png/220px-Star_Trek_Warp_Field.png

Is that possible in processing?

Note, that i cannot just alter the position of the endpoints of the vertices, as I also want to morph the lines so that they are no longer straight but warped.

In the next step, I want to place an non-warped text on top of all this.

I am looking forward to your answers.

Replies(4)

amnon.owed

Re: Morph or warp a vector image

1 year ago

From your description it is not clear whether you want to warp a (textured) shape or an svg (vector image?). In either case warping like that seems possible, but the easy route to curvy warping is increasing the density of the grid. Changing straight lines to warped lines seems like a challenge.

kerrigan2..

Re: Morph or warp a vector image

1 year ago

Hi,

thanks for the answer. I should have done this right away but here are some pictures that show what I have and what I want.

This is what I have. A field of hexagons created with vertices.

This is basically what I want. I am not sure that you can see it clearly, but the morphing effect I applied in pixelmator should have the vertices transformed from straight lines into curves because it is some sort of a radial lens effect.

Seeing as every hexagon is defined by only six points I can see how I can just warp the endpoints with a transformation, but I was hoping for a way to do some sort of postprocessing on the result to get the desired effect.

amnon.owed

Re: Morph or warp a vector image

1 year ago

This look really reminds me of a nervous systems sketch: radiolaria2.pde + controls.pde

If you're aiming for a postprocessing effect, you could either do it via the pixel array or through GLSL shaders.

Some sources of inspiration:

Note that the GLGraphics library includes a fisheye distortion example (under Output > FishEye).

So there are many ways to do it. I'd say just pick one and try it out.

kerrigan2..

Re: Morph or warp a vector image

1 year ago

Hi & thanks again! Those hints should give me something to play around with for the weekend :)

Top Reply