Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

non-dom events: find nearest target #137

Open
forresto opened this issue Apr 8, 2014 · 1 comment
Open

non-dom events: find nearest target #137

forresto opened this issue Apr 8, 2014 · 1 comment

Comments

@forresto
Copy link
Collaborator

forresto commented Apr 8, 2014

To make the-graph more usable, I think we need to move away from dom events on specific SVG elements, and move towards a system with one listener for the whole element that returns the closest compatible target item to a pointer. This will enable:

  • Moving away from SVG to all-canvas rendering 2d canvas / webgl #67
  • When selecting an edge, you won't have to exactly hit the edge element. Even with the wider transparent edge on top, as we have now, alpha feedback suggests it can be hard to hit the one you want. On touch screens, as you move your finger the closest edge could have an intermediate highlight, showing "you will select this edge if you release now." Projecting a point onto a Bézier curve demo
  • When making a new edge, your connection will be made to the closest compatible port, and get feedback as you are dragging. Ports can jump out to latch on to your edge, like magsafe. paper.js method
  • And maybe even draw an X to delete Swipe across a wire to remove it #21 and other gestures.
@bergie
Copy link
Member

bergie commented Apr 10, 2014

Related: #114

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants