Gestouch/README.textile

135 lines
7.7 KiB
Text
Raw Normal View History

2012-03-06 18:05:04 -05:00
h1. Gestouch: NUI gestures detection framework for mouse, touch and multitouch AS3 development.
2011-04-29 11:27:52 -04:00
2012-03-06 18:05:04 -05:00
Gestouch is a ActionScript library/framework that helps you to deal with single- and multitouch gestures for building better NUI (Natural User Interface).
2011-04-29 11:27:52 -04:00
2012-03-06 18:05:04 -05:00
h3. Why? There's already gesture support in Flash/AIR!
Yes, last versions of Flash Player and AIR runtimes have built-in touch and multitouch support, but the gestures support is very poor: only small set of gestures are supported, they depend on OS, they are not customizable in any way, only one can be processed at the same time and, finally, you are forced to use either raw TouchEvents, or gestures (@see http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/ui/Multitouch.html#inputMode).
_Upd:_ With "native way" you also won't get anything out of Stage3D and of custom input like TUIO protocol.
h3. What Gestouch does in short?
Well basically there's 3 distinctive tasks to solve.
# To provide various input. It can be standard MouseEvents, TouchEvents or more complex things like custom input via TUIO protocol for your hand-made installation. So what we get here is Touches (touch points).
# To recognize gesture out of touch points. Each type of Gesture has it's own inner algorithms that ...
# To manage gestures relations. Because they may "overlap" and once some has been recognized probably we don't want other to do so.
Gestouch solves these 3 tasks.
I was hardly inspired by Apple team, how they solved this (quite recently to my big surprise! I thought they had it right from the beginning) in they Cocoa-touch UIKit framework. Gestouch is very similar in many ways. But I wouldn't call it "direct port" because 1) the whole architecture was implemented based just on conference videos and user documentation 2) flash platform is a different platform with own specialization, needs, etc.
So I want Gestouch to go far beyond that.
2011-04-29 11:27:52 -04:00
Features:
2012-03-06 18:05:04 -05:00
* Pretty neat architecture! Very similar to Apple's UIGestureRecognizers (Cocoa-Touch UIKit)
2012-03-15 19:03:40 -04:00
* Works with any display list hierarchy structures: native DisplayList (pure AS3/Flex/your UI framework), Starling or ND2D (Stage3D), and 3D libs...
2012-03-06 18:05:04 -05:00
* Doesn't require any additional software (may use runtime's build-in touch support)
* Works across all platforms (where Flash Player or AIR run of course) in exactly same way
* Extendable. You can write your own application-specific gestures
* Open-source and free
2011-04-29 11:27:52 -04:00
2012-03-06 18:05:04 -05:00
h3. Current state of the project
2011-04-29 11:27:52 -04:00
2012-03-06 18:05:04 -05:00
v0.3 introduces "new architecture". I'm planning to develop everything in develop branch and merge to master only release versions. Release versions suppose to be pretty stable. As much as I test them on the examples project.
Current plan is to fix possible bugs in v0.3.#, and I really want to introduce Stage3D support in v0.4. So watch both branches.
And I hope people to become giving some real feedback at least.
2011-04-29 11:27:52 -04:00
2012-03-06 18:05:04 -05:00
h3. Getting Started
Like so:
2012-03-18 06:19:43 -04:00
<pre><code>var doubleTap:TapGesture = new TapGesture(myButton);
2012-03-06 18:05:04 -05:00
doubleTap.numTapsRequired = 2;
doubleTap.addEventListener(TapGestureEvent.GESTURE_TAP, onDoubleTap);
...
private function onDoubleTap(event:TapGestureEvent):void
{
// handle double tap!
}
</code></pre>
or
<pre><code>var freeTransform:TransformGesture = new TransformGesture(myImage);
freeTransform.addEventListener(TransformGestureEvent.GESTURE_TRANSFORM, onFreeTransform);
...
private function onFreeTransform(event:TransformGestureEvent):void
{
// move, rotate, scale — all at once for better performance!
}
</code></pre>
* Check the "Gestouch Examples":http://github.com/fljot/GestouchExamples project for a quick jump-in
* *+Highly recommended+* to watch videos from Apple WWDC conferences as they explain all the concepts and show more or less real-life examples. @see links below
* "Introduction video":http://www.youtube.com/watch?v=NjkmB8rfQjY - my first video, currently outdated
* TODO: wiki
2011-04-29 11:27:52 -04:00
2012-03-15 19:03:40 -04:00
h3. Advanced usage: Starling, ...
Recent changes made it possible to work with "Starling":http://www.starling-framework.org display list objects as well as any one display list hierarchical structures, e.g. other Stage3D frameworks that have display objects hierarchy like "ND2D":https://github.com/nulldesign/nd2d or even 3D libraries.
In order to use detect gestures with Starling do following:
<pre><code>starling = new Starling(MyStarlingRootClass, stage);
/* setup & start your Starling instance here */
var gesturesManager:IGesturesManager = GesturesManager.getInstance();
// Register instance of StarlingDisplayListAdapter to be used for objects of type starling.display.DisplayObject.
2012-03-18 06:19:43 -04:00
// What StarlingDisplayListAdapter does: helps to build hierarchy (chain of parents) for any Starling display object
// and acts as a adapter for gesture target to provide strong-typed access to methods like globalToLocal() and contains().
2012-03-15 19:03:40 -04:00
gesturesManager.addDisplayListAdapter(starling.display.DisplayObject, new StarlingDisplayListAdapter());
// Initialize and register StarlingInputAdapter.
// What StarlingInputAdapter does: populates library with touches for Starling "layer"
gesturesManager.addInputAdapter(new StarlingInputAdapter(starling));
</code></pre>
Now you can register gesture in familiar way:
2012-03-18 06:19:43 -04:00
<pre><code>var tap:TapGesture = new TapGesture(starlingSprite);</code></pre>
2012-03-15 19:03:40 -04:00
2011-04-29 11:27:52 -04:00
h3. Roadmap, TODOs
2012-03-06 18:05:04 -05:00
* "Massive gestures" & Clusters. For bigger form-factor multitouch usage, when gestures must be a bit less about separate fingers but rather touch clusters (massive multitouch)
* -Simulator (for testing multitouch gestures without special devices)- With new architecture it must be relatively easy to create SimulatorInputAdapter
* Chained gestures concept? To transfer touches from one gesture to another. Example: press/hold for circular menu, then drag it around.
2011-04-29 11:27:52 -04:00
* 3-fingers (3D) gestures (two fingers still, one moving)
2012-03-06 18:05:04 -05:00
h3. News
* "Follow me on Twitter":http://twitter.com/fljot for latest updates
* Don't forget about "issues":https://github.com/fljot/Gestouch/issues section as good platform for discussions.
2011-04-29 11:27:52 -04:00
h3. Contribution, Donations
Contribute, share. Found it useful, nothing to add? Hire me for some project.
2012-03-06 18:05:04 -05:00
h3. Links
2011-04-29 11:27:52 -04:00
2012-03-06 18:05:04 -05:00
* "Gestouch Examples":http://github.com/fljot/GestouchExamples
2011-04-29 11:27:52 -04:00
* "Apple WWDC 2011: Making the Most of Multi-Touch on iOS":https://developer.apple.com/videos/wwdc/2011/?id=118
* "Apple WWDC 2010: Simplifying Touch Event Handling with Gesture Recognizers":https://developer.apple.com/videos/wwdc/2010/?id=120
* "Apple WWDC 2010: Advanced Gesture Recognition":https://developer.apple.com/videos/wwdc/2010/?id=121
2012-03-06 18:05:04 -05:00
* "Event Handling Guide for iOS":https://developer.apple.com/library/ios/documentation/EventHandling/Conceptual/EventHandlingiPhoneOS/
* "UIGestureRecognizer Class Reference":https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIGestureRecognizer_Class/
2011-04-29 11:27:52 -04:00
* "TUIO":http://www.tuio.org
h2. License
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.