Support a Canvas Finger Overlay Directive

[robinboehm]

Support a directive like:

http://js.leapmotion.com/examples/canvas-fingers.html

[0x-r4bbit]

@robinboehm I don't think that this is something which should land in angular-leap itself. Since its an example. Its just something you could possibly do with angular-leap. So, it wouldn't make really sense to implement canvas-fingers as reusable component in form of a directive, since its not reusable enough. Its an example. Thats it.

[robinboehm]

I would like to create a possibility to interact with applications like Bretto did in his example but in a more generic way. So I would need this kind of directive for this...
So for me, the aim of this project should be really easy usage of leapmotion inside of an angular project.
Not a basic framework to creating such things...that is done by the native leapjs people.

Or what do you think?

http://dewmap.com/experiment/leap-angular-01/index.html

[0x-r4bbit]

@robinboehm okay, turned out that I misunderstood this issue. If you're talking about a layer which is actually invisible and should act as a generic leap motion interface for websites, then this is totally the way to go! However, before we able to implement this, we should start wrapping the native API correctly and abstract it away. I'm pretty sure, a proper $leap or $gesture service could be really helpful in this kinda directive.

Of course, you could also just start and hack it down, but I thought it'd be better to use proper components then, which we have to build anyway.

[robinboehm]

Feel free to improve the services :)
I don't want to hang up in premature optimization,
so I just created a minimalistic service that only offers what I really needed.

I'm on the train for some hours now, try to hack a first draft! :)

[0x-r4bbit]

@robinboehm Yea sure! It's just that the native API has much more to provide we should put correctly into reusable components, so we can build on top of them. Looking forward to your bits!

[robinboehm]

Maybe also wie offer something like this:

http://labs.leapmotion.com/post/70210283384/rethinking-menu-design-in-the-natural-interface-wild?utm_source=Leap+Motion+Developer+Newsletter&utm_campaign=95c714a1ff-Dev_Newsletter_42&utm_medium=email&utm_term=0_d7eaf93515-95c714a1ff-60554845

[0x-r4bbit]

@robinboehm wow this looks SO NEAT! But I think we should introduce an angular-leap-ui module for such things. WDYT?

[robinboehm]

@PascalPrecht Good Idea.
We could provide basic/core/generic functionality in a core and offer UI-Components in another module.

+1

[0x-r4bbit]

@robinboehm glad you're agreeing! I think the finger overlay directive would also be part of that ui module.

[robinboehm]

Example for Interaction with overlay cursor: https://github.com/aphex/leap-cursor-library.js/blob/master/src/js/leap-manager.js#L375