I'm developing a mobile website and would like to add gesture recognition to some of the key features of the site.
Is there a suitable javascript library that would allow me to draw a gesture and recognise the gesture as a token I could hook up to an event call?
As an example of this type of functionality in Dolphin see these links;
And the video:
http://www.youtube.com/watch?v=k73ipSDZJXM
Here is one: http://taitems.tumblr.com/post/2785024873/javascript-gesture-recognition-for-touch-screens
And: https://github.com/plainview/Jester/
We're using Hammer.js and it is working great.
"Can't touch this". -- MC Hammer
(See what they did there?)
For simple gesture recognition, there's $1. It's less than 100 lines of code and is written in JS.
Related
Is there any way I can implement the animation like
https://codemyui.com/circular-water-fill-loading-animation/ in Xamarin.forms?
Is there any way I can implement the animation like ...
The short answer is; Yes.
The longer answer; It depends upon what you really need, only you can answer that.
A "quick way" (at least for me) is to use the Xamarin.Forms' WebView and embed the html/svg/css/JScript into native application projects and setup a javascript interface to control the percentage completion (the water.style.transform element).
https://developer.xamarin.com/samples/xamarin-forms/WorkingWithWebview/
You could, of course, re-implement it using something like SkiaSharp, Lottie, etc and create a cross-platform Forms' control, or implement it as a "native" control on each platform.
Note: I'm a big fan of Lottie and would personally take that approach, but they do not support native UWP. Currently supported is iOS, Android, Web.
I edited the colors, etc. on that PEN sample you linked to and added the html/js/css to a Forms' solution, setup a JS interface and the results work in a Forms' WebView (iOS' UIWebView and Android's WebView, did not test UWP Edge, but it should work fine):
The Lottie is my preferred, but you can use a animation with the Nuget XamAnimation. It most hard to create but it's so good too.
An open question to the three.js community.
As far as I know, the Three.js framework has different "enhancements" like OrbitControls.js that allow us to use the mouse or a touchscreen to explore a 3D scene.
Now my question:
Is out there another "enhancement" for Three.js that allows the usage of joysticks, gamepads or 3D mouses?
If not, how easy or difficult do you think it can be to implement their functionality?
The link by juagicre is useful.
Here are some more
This one checks that signals from your connected gamepad are being received:-
html5gamepad.com
html5rocks.com gamepad tester with image
stemkoski html5 demo
stemkoski THREE.js demo.
html5rocks tuorial
I just picked up a cheap unbranded USB gamepad in a thrift shop today. Using Firefox 38.0.5 or Chrome 47.0.2526.58 beta-m) it works for (1) and (2) but not yet for (3), (4), (5).
The official THREE.js website Examples does not seem to include a gamepad example (look in the section /misc).
Here is some info regarding the gamepad state in the web.
Looks like nowadays there is still a way to wait until this gets widely supported.
Have fun!
I've been working on a DirectX WP8 app that needs to be able to recognize gesture like taps, pinches, and three finger pans. unfortunately, it looks like there is no prebuild gesture recognizer out there [1] (I'm hoping I'm wrong), so I made my own.
The problem is, my custom build gesture recognizer has more bugs than a bag of old flour. My application has been feature complete for a while and ironing out the bugs in my recognizer is the biggest problem keeping me from releasing.
I'm currently working on writing some good functional tests to expose as many bugs as I can, but it would be even better if there was an already made gesture recognizer out there that I could use. It's kind of surprising that there isn't since it seems like a common thing that folks would want.
Thanks for your time; I appreciate any and all leads.
-Nico
[1] However, there is one for big Windows (http://msdn.microsoft.com/en-us/library/windows/apps/windows.ui.input.gesturerecognizer.aspx) but it's not supported for Windows Phone.
Here is a post about gesture in windows phone written by a friend of mine. He is using windows phone toolkit. Despite the blog is written in Indonesian language, there is a quick explanation poster in english about touch gesture and a downloadable sample app code. (Dont worry about the langauage, the writer did not explain much in the blog though)
It doesn't look like there's anything like this.
So I'll open source my gesture recognizer once I polish it up :)
Im making a videoplayer in a wp7 app. Im using mediaelement to show the video, and sets its source from a url. Functionality i wanted are play/stop-buttons, forwarding/rewinding, a progressindicator (for the progress of the video itself) and show a progressbar when it buffers. I have accomplished all above, using some customized grids, buttons and so on.
I did get some trouble though, which i dont want to bother you with here (its a mess) and which is why im asking the following:
Is there a standard (or downloadable) control for wp7 that does all these things for me and that works perfectly. Ive searched "everywhere" but couldnt find anything. It surprises me that this isnt an easy to use, built in control that is easy to customize, since standard videoplayers are something id guess alot of apps could take advantage of.
Anyone?
Here is a tutorial on how to create a Windows Phone 7 View Model Style Video Player.
Something like dragging and dropping an image
Is there a basic sample that I can use for that purpose?
You can use OnManipulationStarter, OnManipulationDelta and OnManipulationCompleted events with TranslateTransform on some object to move it below your finger.
Also, advanced stuff will be MultiTouch Behavior for Windows Phone 7