Implementation of real-time ink simulation

leebyungj..

Implementation of real-time ink simulation

in Library and Tool Development • 11 months ago

the original work was introduced by Nelson Chu and Chiew-Lan Tai in 2007, which was called MoXi.
I ported the original algorithm to the glsl platform using GlGraphics library.

http://leebyungjoo.net/index.php/code/paper-lib/

i hope you guys get some help with my little work
thank you

Replies(12)

amnon.owed

Re: Implementation of real-time ink simulation

11 months ago

Thanks for sharing. This is very interesting.

I tested your library on two computers, one with ati and one with nvidia, but in both cases I got results that looked nothing like the screens you posted. Instead I got this (unfortunately)...

Specs: Windows 7 (64bit) + Processing 1.5.1 + GLGraphics 1.0.0 + NVIDIA GTX 570M

Anybody else tried this library?

leebyungj..

Re: Re: Implementation of real-time ink simulation

11 months ago

I found that there was a small problem of initializing texture,
and the error is now fixed that you can download the new version on the original link.

thank you

digital.m..

Re: Implementation of real-time ink simulation

11 months ago

Yes, it works on a windows 8 (x64) Processing 1.5.1. GLGraphics 1.0.0 + AMD Radeon 6670

monkstone

Re: Re: Implementation of real-time ink simulation

11 months ago

Works after a fashion on my 64 bit linux box NVIDIA-9500GT card with the latest proprietary drivers (306.64). Though I do get bleed through of previous graphics (ie nothing related to sketch), could be a linux thing.

Makio135

Re: Implementation of real-time ink simulation

11 months ago

Works on Windows7 with ATI Radeon HD 5470
Doesn't works on MacOSX 10.8 with AMD Radeon HD 6630M

Makio135
http://makio135.com/

leebyungj..

Re: Re: Implementation of real-time ink simulation

11 months ago

I found that there was a small problem of initializing texture,
and the error is now fixed that you can download the new version on the original link.

thank you

leebyungj..

Re: Implementation of real-time ink simulation

11 months ago

Thank you all

I`ll try to figure out the current issues
and make it fixed in the next version soon.

leebyungjoo

leebyungjoo.net

amnon.owed

Re: Implementation of real-time ink simulation

11 months ago

I can report that the fix worked for me. The library now works on both my computers.

But there seems to be a discrepancy between the color in the cp5 gui and the drawing color.

adriagil

Re: Implementation of real-time ink simulation

4 months ago

Hi leebyungjoo,

Very nice work with this library!

Works fine with Processing 1.5 due to GLGraphics is no compatible with newer versions.

I'm working on an painting application and I'm thinking to use your library.

But as the images posted on this thread shows, sometimes when paiting some "dead" pixels appears.

So, do you know why? Is possible for you to share your lib source code (as I only have the .jar) in order to see if I can fix it?

I'm a user of C++ and PureData so also I would like to port your work to those languages if possible.

Thanks a lot,

Adrian.

leebyungj..

Re: Re: Implementation of real-time ink simulation

4 months ago

Hi adrian.

I think those pixels were not the problem of implementation,

but resulted from the excessive condensation of ink on the position.

You may change those simulation parameters to lower the condensation.

thank you

byungjoo lee

adriagil

Re: Implementation of real-time ink simulation

4 months ago

Thank you very much.

Playing with parameters and seeing the different drawing layers I realized that.

Also I wonder if is possible to use a background image (and change it during runtime randomly) instead of a white background. Setting:

background(0);

or using an image:

PImage img;
img = loadImage("1.jpg");
background(img);
image(img, 200, 0);

Does nos displays the image because is below the drawing layers.

If I place image over the layers the ink stroke is not rendered.

The "brush" is an GLGraphicsOffScreen so I can work with pixels and transparency copying and blending.

But how with the drawing layers? What kind of GLGraphics object they are?

Thanks a lot,

Adrian.

adriagil

Re: Implementation of real-time ink simulation

4 months ago

Hi leebyungjoo,

I've figured out how to blend the white background for using a texture instead of a white color.

The clue is to wrap the drawInkFixLayer method between some opengl alpha blending like this:

gl.glEnable(GL.GL_BLEND);

gl.glBlendFunc(GL.GL_DST_COLOR, GL.GL_ZERO);

gl.glDisable(GL.GL_BLEND);

The white background gets transparent and the background texture (an image) gets visible below the ink.

But sadly the ink gets always opaque and black, no matter if reducing alpha in the color picker or changing the color.

It seems that the simulation only happens with a white background.

As I'm not an expert with opengl I will appreciate your help very much.

So, is there a better way to blend with glBlendFunc or working with GLSL in order to make the ink blend with the background image?