erase or step back mouse strokes

General Discussion Other

brunoberu

erase or step back mouse strokes

in General Discussion • Other • 1 year ago

hello what solutions are there to:

1. step back to the one or several last strokes with a mouse

2. erase the order given at that last or for last strokes with the mouse

the reason or the use of this is, to be used in the processing-sketch as a painting tool

where you paint with the mouse- for instant a face-suppose you want to change a drawing line:

the eye or the mouth curves-you may not be satisfied with this last painted portion

and want to step back,erase this particular portion and continue differently

from that point on, so what shall i do

i found on other posts the slotion of time/milliseconds elapsed times but that is not the solution

the way should be something as a list of previous mouse mouvements between their two clicks

and the "erase or not erase fonction" ( half a dozen should be enough)

you would say: make use of other computer assisted painting programs-you are right i do so : PAINTER, BLENDER,

INKSCAPE yes but they dont'can do what PROCESSING can, so....

thanks a lot

..... a bottle of french champain to the champion.......!

Replies(5)

tfguy44

Re: erase or step back mouse strokes

1 year ago

class Dash {
float x, y, x2, y2;
color cc;
Dash( float _x, float _y, float _x2, float _y2) {
x = _x;
y = _y;
x2 = _x2;
y2 = _y2;
cc = c;
}
void draw() {
pushStyle();
stroke(cc);
line(x, y, x2, y2);
popStyle();
}
}
ArrayList Dashes;
float sx=-1, sy =-1;
color c = color( 64, 64, 0);
void setup() {
size(600, 400);
Dashes = new ArrayList();
}
void draw() {
background(0);
for ( int aa=0; aa < Dashes.size(); aa++ ) {
( (Dash) Dashes.get(aa)).draw();
}
fill(255);
noStroke();
rect(0, height - 50, width, 50);
fill(c);
noStroke();
rect( 10, height - 40, 30, 30);
int at=50;
for ( int reds= 0; reds <= 256; reds+=64) {
for ( int gres= 0; gres <= 256; gres+=64) {
for ( int blus= 0; blus <= 256; blus+=64) {
fill( reds, gres, blus );
rect( at, height - 40, 4, 30);
at+=4;
}
}
}
if ( mousePressed ) {
if ( mouseY > height - 50 ) {
c = get(mouseX, mouseY);
sx = -1;
sy = -1;
}
else {
stroke(c);
if ( sx != -1 && sy != -1 ) {
line(sx, sy, mouseX, mouseY);
}
}
}
}
void mousePressed() {
if ( mouseY <= height - 50 ) {
sx = mouseX;
sy = mouseY;
}
}
void mouseReleased() {
if ( mouseY <= height - 50 ) {
if ( sx != -1 && sy != -1 ) {
Dashes.add( new Dash( sx, sy, mouseX, mouseY ) );
}
}
}
void keyPressed() {
if ( key == ' ' ) {
if ( Dashes.size() > 0 ) {
Dashes.remove( Dashes.size()-1 );
}
}
}

Pick color with mouse. Draw lines by click and drag. Undo lines with space.
The same logic can be extended easily to continuous lines.

brunoberu

Re: Re: erase or step back mouse strokes

1 year ago

yes that works for a part of the question

tfguy44

Re: erase or step back mouse strokes

1 year ago

Continuous lines version (not tested 100%):

class Dash {
float x, y, x2, y2;
color cc;
Dash( float _x, float _y, float _x2, float _y2) {
x = _x;
y = _y;
x2 = _x2;
y2 = _y2;
cc = c;
}
void draw() {
pushStyle();
stroke(cc);
line(x, y, x2, y2);
popStyle();
}
}
ArrayList Dashes;
float sx=-1, sy =-1;
color c = color( 64, 64, 0);
void setup() {
size(600, 400);
Dashes = new ArrayList();
}
void draw() {
background(0);
for ( int aa=0; aa < Dashes.size(); aa++ ) {
( (Dash) Dashes.get(aa)).draw();
}
fill(255);
noStroke();
rect(0, height - 50, width, 50);
fill(c);
noStroke();
rect( 10, height - 40, 30, 30);
int at=50;
for ( int reds= 0; reds <= 256; reds+=64) {
for ( int gres= 0; gres <= 256; gres+=64) {
for ( int blus= 0; blus <= 256; blus+=64) {
fill( reds, gres, blus );
rect( at, height - 40, 4, 30);
at+=4;
}
}
}
if ( mousePressed ) {
if ( mouseY > height - 50 ) {
c = get(mouseX, mouseY);
sx = -1;
sy = -1;
}
else {
stroke(c);
line( mouseX, mouseY, pmouseX, pmouseY );
Dashes.add( new Dash( mouseX, mouseY, pmouseX, pmouseY ) );
// if ( sx != -1 && sy != -1 ) {
// line(sx, sy, mouseX, mouseY);
// }
}
}
}
//void mousePressed() {
// if ( mouseY <= height - 50 ) {
// sx = mouseX;
// sy = mouseY;
// }
//}
//
//void mouseReleased() {
// if ( mouseY <= height - 50 ) {
// if ( sx != -1 && sy != -1 ) {
// Dashes.add( new Dash( sx, sy, mouseX, mouseY ) );
// }
// }
//}
void keyPressed() {
if ( key == ' ' ) {
if ( Dashes.size() > 0 ) {
Dashes.remove( Dashes.size()-1 );
}
}
}

brunoberu

Re: Re: erase or step back mouse strokes

1 year ago

yes this works even better

brunoberu

Re: erase or step back mouse strokes

1 year ago

yes thanks

globally it works it goes into the right direction for me

in fact it is not the last stroke of the mouse which will be erased by the spacebar, but a piece of the line, in reality the piece of the curved line wich is not curved itself but a line (tangented line)

if there could be a storage of erased parts in order to study and use or not, the "good" parts of the drawing and compare them to the "bad" or not conviennent parts (this will be exactly the specific force of computer based or assisted digital painting compared with traditional brush painting..)

Top Reply