Line

Answers

• kfrajer

  December 2016

  @imanseif

  There is an example provided in Processing that will be a good start for you. Open the Examples from the File menu, then go to Topics>>Vectors>>VectorMath pde file.

  This is one way to do something like this. If you have any problem or more questions, post your code below.

  Kf
• imanseif

  December 2016

  Sorry I can't find the example from the menu file
• kfrajer

  December 2016 Answer ✓

  On PRocessing IDE, go to File>>Examples...

  Kf

  
• Chrisir

  December 2016

  /**
   * Vector 
   * by Daniel Shiffman.  
   * 
   * Demonstration some basic vector math: subtraction, normalization, scaling
   * Normalizing a vector sets its length to 1.
   */
  
  void setup() {
    size(640, 360);
  }
  
  void draw() {
    background(0);
  
    // A vector that points to the mouse location
    PVector mouse = new PVector(mouseX, mouseY);
    // A vector that points to the center of the window
    PVector center = new PVector(width/2, height/2);
    // Subtract center from mouse which results in a vector that points from center to mouse
    mouse.sub(center);
  
    // Normalize the vector
    mouse.normalize();
  
    // Multiply its length by 150 (Scaling its length)
    mouse.mult(150);
  
    translate(width/2, height/2);
    // Draw the resulting vector
    stroke(255);
    strokeWeight(4);
    line(0, 0, mouse.x, mouse.y);
  }
  
• Eeyorelife

  December 2016

  For more information check out natureofcode.com that's Shiffmans book online. You can choose to pay for it, download it for free or just read it online. It helped me a lot to understand vectors, rotating and just making things move in an interesting way.