title: How to define the new vector in my case?
body: <p>This is probably more like a mathematics question:</p>
  
  <p>If I have a vector: </p>
  
  <pre><code>var origin = new Vector(x, y)
  </code></pre>
  
  <p>then, I would like to get <strong>N</strong> sub vectors, each one of the <strong>N</strong> sub vector is got by adding <code>origin</code> vector with a new vector, like:</p>
  
  <pre><code>subVector = origin.add(new Vector(m, n));
  </code></pre>
  
  <p>The result I would like to achieve is showing in the image below:
  <img src="https://i.stack.imgur.com/ZvH1j.png" alt="enter image description here"></p>
  
  <p>I would like to get <strong>N</strong> sub vectors which are in the <strong>same horizontal leve</strong> and <strong>spaced by "L" length</strong>, </p>
  
  <p><strong>My questions are:</strong></p>
  
  <p><strong>1.</strong> what is the new vector (<code>Vector(m, n)</code>) <strong>m</strong>, <strong>n</strong> values I should
      use to get all the sub vectors ? (<strong>N</strong> is dynamic value)</p>
  
  <pre><code>I end up with something like:
  
      for(var i=0; i&lt;N; i++){
  
          //But, how to select the m, n value here??
          var subVector = origin.add(new Vector(m, n)); 
      }
  </code></pre>
  
  <p><strong>2.</strong> How to choose the new vector (<code>Vector(m, n)</code>) <strong>m</strong>, <strong>n</strong> value to make sure the <strong>distance</strong> between two neighboring sub vectors is <strong>L</strong> as showed in the image ?</p>