title: Javascript FSM Possibilities / Idea
body: <p>So I have been making stuff in Unity3D and decided to try an extension called Playmaker.  Basically is uses a FSM (Finite State Machine) to design the flow of states and events.  You can drag an event to a different state to trigger another state of events, etc.  (Reference : <a href="http://www.hutonggames.com/features.html" rel="nofollow">http://www.hutonggames.com/features.html</a>) 
  NOTE : The actual product I linked has nothing to do with the idea I want to try and build.  Just a reference.</p>
  
  <p>Well I would love to be able to do something simliar in Javascript.  I think I have some of the logic down but I'm thinking more about User Experience.  I want a user to be able to create an FSM with my logic in the browser using Javascript. </p>
  
  <p>I'm not asking for anyone to code this for me or anything as I am experienced enough in javascript to do the bulk of it.  I was thinking more about the way you can drag one event to another and it creates a visual arrow showing the user what events are connected.  If you look at the first tutorial on the referenced link I provided you will understand what I mean.  The arrow length and curves would be dynamic.  Possibly be able to drag around states to re organize the layout of the states.  This would obviously change the way the arrows pointed as well.</p>
  
  <p>I hope that all made sense.</p>
  
  <p>Ideas?  Pointers?  Maybe someone has done something like this already?  I did find one Javascript State Machine but it generates once, doesn't allow users to move anything, the event dragging to another state is very important.</p>