Draw a lasso rectangle


/ Published in: Pseudocode
Save to your folder(s)

start_loc.x and start_loc.y is the position where the dragging first began.

Note that the top, bottom, left , and right represents positions of the 4 lines, with the anchor point at either the top of the line if vertical or left if horizontal.

Also note that the variable top will not always represent the position of the top line and the bottom not always the bottom etc, but only if you imagine dragging a lasso box from the top left to the bottom right. It does not matter however, the lasso will work in any case. The naming just made it easier for me to code it. Just think about it a little and you'll get it.


Copy this code and paste it in your HTML
  1. if(dragging) # yea this is a loop as long as dragging == true
  2. {
  3. graphics.clear();
  4.  
  5. current = getMousePosition() # get latest mouse position
  6.  
  7. length = current.x - start_loc.x # current length so far
  8. height = current.y - start_loc.y # current height so far
  9.  
  10. top = new Point(start_loc.x, start_loc.y)
  11. bottom = new Point(start_loc.x, start_loc.y + height)
  12. left = new Point(start_loc.x, start_loc.y)
  13. right = new Point(current.x, start_loc.y)
  14.  
  15. #drawLine(positionX, positionY, length);
  16. drawLine(top.x, top.y, length) # line anchor point on left
  17. drawLine(bottom.x, bottom.y, length)
  18. drawLine(left.x, left.y, height)
  19. drawLine(right.x, right.y, height)
  20. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.