Comments on: Exercise 3-7: Continous Line with Varying Thickness

By: Anonymous

Anonymous — Thu, 16 Jun 2011 18:15:00 +0000

void setup()
{
size(600,600);
background(255);
smooth();
}

void draw()
{
stroke (0);
strokeWeight(sqrt(abs((mouseX-pmouseX))^2 + (abs(mouseY-pmouseY))^2));
line(pmouseX, pmouseY, mouseX, mouseY);
}

By: Angelozhang

Angelozhang — Fri, 27 May 2011 16:07:00 +0000

Hi, here is may code.

void setup(){
size(500,500);
smooth();
stroke(170,230,120);
background(150,10,70);
}

void draw(){
strokeWeight(abs((pmouseX-mouseY)/5));
line(pmouseX,mouseY,mouseX,mouseY);
}

By: maria

maria — Tue, 12 Apr 2011 03:26:00 +0000

Well, I practice on different computers and I realize that the very old one, when I used this code without the smooth() the lines of the quad shape would go above the rect shape. But it doesnt happen with my other computers! weird. I am soo passed that now:) My end project for that was this: http://www.openprocessing.org/visuals/?visualID=25799
I am learning so much thanks again!!

By: Daniel Shiffman

Daniel Shiffman — Fri, 08 Apr 2011 16:26:00 +0000

Sorry, I don’t see any difference between having smooth() or not. What exactly isn’t working?

By: maria

maria — Wed, 30 Mar 2011 21:15:00 +0000

Hello,
I am loving the book! I am working on my lesson 1 project now! I am making buildings but when I use the quad() to make the side (to look like perspective) it looks wrong when I use smooth() but not if I don’t use it. What’s going on?Here is my code:

void setup(){
size(400,200);
background(104,199,245);
smooth();
}

void draw(){

rectMode(CORNER);
rect(25, 150, 40, 50);//1st building
quad(25, 150, 20, 165, 20, 200, 25, 200);//1st building side
}

Thanks!!

By: mercedes

mercedes — Mon, 01 Nov 2010 18:22:19 +0000

first when I WAS DOING IT WITHOUT YHE EXAMPLE ,AS EVERY TIME I STATED TO DRAW A VERY THIK LINE APPAREAD ,I TOOUGHT I WAS DOING SOMETHING WRONG,BUT COPING AND PASTING HAD THE SAME RESULTS

By: meto

meto — Tue, 09 Mar 2010 19:55:45 +0000

how about this : (it seems to work, though i havent really read up the if and else functions)

void setup() { 
  size(1000,500);
  background(0);      // line repeating drawing
  smooth();
  stroke(225);
}

void draw() { 
float a = abs(pmouseX-mouseX);  // specifying a variablle to set limits to
  if (a >10)  {                 // limit set
    strokeWeight(50);       // max thickness         
  }   
  else 
  {
      strokeWeight (a);       // variable within limit
  }
  line(pmouseX,pmouseY,mouseX,mouseY);
}

By: Nils

Nils — Thu, 31 Dec 2009 20:14:28 +0000

How about this one?

float thickness = sqrt(sq(pmouseX-mouseX)+sq(pmouseY-mouseY));
strokeWeight(thickness);
line(pmouseX, pmouseY, mouseX, mouseY);

Of course this then can be modified like this to invert the behaviour:
float thickness = 10 / sqrt(sq(pmouseX-mouseX)+sq(pmouseY-mouseY));

By: admin

admin — Mon, 02 Nov 2009 18:34:42 +0000

You can use the map() function to map a range that goes from 0-10 to, say, 10-0. You can also do this with simple math of course:

int x = 10 – x;

if x is 0, x becomes 10, if x is 2, x becomes 8, etc.

You have to watch out though b/c you can’t have a strokeWeight of less than 0. Here is some code to start with:

  float mouseSpeed = constrain(abs(pmouseX - mouseX),0,20);
  float thickness = map(mouseSpeed,0,20,20,0);

  strokeWeight(thickness);
  line(pmouseX, pmouseY, mouseX, mouseY);

By: Lalaios

Lalaios — Sun, 01 Nov 2009 21:39:15 +0000

How can someone do the opposite?The slower the mouse moves the wider the drawn line ?