Hey everyone,
just a quick question - is it possible to re-create blending tool via code in processing?
It should look something like this. I am new to processing, I can understand basics and this is something I would love to learn.
Thank you.
Hello @borjan.pavlek
The color gradation can be done using lerpColor().
https://processing.org/reference/lerpColor_.html
However, regarding the morphing of shapes… There is a lerp() function. Though I suspect the results would be more challenging to meet. I could be wrong…
https://processing.org/reference/lerp_.html
Hopefully this helps!
2 Likes
Hello,
Here is a simple example that lerps from a square to a triangle:
void setup()
{
size(110, 110);
}
void draw()
{
float step = map(mouseX, 0, width, 0, 10); //Move mouse on window
strokeWeight(2);
beginShape();
vertex(30, 20);
vertex(85, 20); //Start
vertex(85, 75); //Start
vertex(30, 75);
endShape(CLOSE);
// Halfway there!
strokeWeight(2);
beginShape();
vertex(30, 20);
vertex(85, lerp(20, 50, step/10.0));
vertex(85, lerp(75, 50, step/10.0));
vertex(30, 75);
endShape(CLOSE);
beginShape();
vertex(30, 20);
vertex(85, 50); // Stop
vertex(30, 75);
endShape(CLOSE);
}
I made this from code examples in the references and experience.
References:
- lerp() \ Language (API) \ Processing 3+
- vertex() \ Language (API) \ Processing 3+
- map() \ Language (API) \ Processing 3+
There are resources (tutorials, examples, references, etc.) at the Processing website:
www.processing.org
Think about how you might do this transition from a square to a circle.
There will be more work to make this a tool!
Start simple and build on that.
Added a for() loop and some color:
:)
2 Likes
I just stumbled upon this in the examples section:
https://processing.org/examples/morph.html
2 Likes
Hi everybody!
Thank you so much for all the info. There is a lot I can ue from your comments.
I will post the results if I manage to do it.
Thank you all 
1 Like