Wall Pong is an interactive multi-player multitouch pong type game I wrote in AS3 a couple years ago. The aim is to get the ball into the opposing goal. You can see Wong within my Audiotouch OS software. I’ve been meaning to release the source code and game for quite some time and finally I had the chance to clean up the code (it still could use WAY more cleaning and probably re-factoring), but it’s in good enough shape for others to use.

I’m hoping to convert this version to use the new native touch api in flash CS5.

You can download the application on techsparked here!!

If you’re familiar with multitouch, you’re probably familiar with Jeff Han’s TED demo. In it, there’s an example of a lava application that shows an interesting use of multitouch.

A few months ago, I was trying to work on something similar.

The following is what I came up with. I never had the chance to finish and was only able to add mouse support at the time. So, here’s a preview of what might come to a multitouch screen near you at some point in the future.

It’s pretty slow since it uses bitmapdata and filters and the code is a bit of a Frankenstein of information I found online about ‘metaballs’. If I get a chance, i’ll see if I can get the code out.

Meanwhile, have some fun! Click around and push/move the lava!

What do you think? Lava enough for you?

On my last project I had to use a gesture to initiate an event. Due to this, I recently started experimenting in creating a simple multitouch version of some gesture engines that are available. I’ve come across three that are already available in AS3 and chose to start with the $1 gesture algorithm http://depts.washington.edu/aimgroup/proj/dollar/. It only seems fitting to start with this one since Andy Wilson of microsoft research (and many multitouch devices) had a hand in it’s development.

Like most algorithms, this one matches points drawn with a template that’s already stored. After the gesture is finished, it is matched up against templates in the database and given a percentage of how much it matched it’s closest template (from 0-1). One of the coolest things about this engine is that it’s orientation-less. This means, no matter how you’re orientated on the surface it’ll still recognize the gesture.

The main thing I contributed to the already created $1 gesture port was the ability to have multiple simultaneous gestures occurring at once. This means a single user can perform more than one gesture at a time or multiple users can perform their own gestures while someone else is using the device. However, there are flaws with this algorithm that I’m not fond of  that are performance (speed) related. I’ve only tested with up to 4 touches though so if someone can test with more, please let me know how it runs.

Currently, the demo isn’t fully segregated form the core gesture classes and therefore there’s still some work to be done so that the gesture classes can be used without the demo itself. In the meantime, go ahead and test this out and make sure to give some feedback; it also works with the mouse. The demo allows you to draw a gesture and if it matches on in the database, that gesture will ‘light up.’

The tolerance is set at 80% and therefore if a gesture doesn’t match 80% of a template, it’s not recognized. Both the source and swf file are included. To test the demo, just load up the TouchGestureDemo.swf in flashplayer or a web browser.

Stay tuned for more on this as i’ll show the basics for using this in your own projects in case you need help.

Thanks to Tito (Mathieu Vibrel) and the pyMT crew for pointing me in the right direction.

Gesture Demo gesture.zip Version: 1.0

Multitouch Gesture Engine Demo

Author:	Seth Sandler
Date:	October 13, 2009
MD5 Hash:	f59b34d4779b6959bfd2a62d0dcf00df

102.8 KiB 4950 Downloads Details...

Before I started with multitouch, I was experimenting with interactive virtual gaming. As a result, for one of my final class projects at UCSD, I created a dynamic game I call ‘Slider’ which is a 1-3 player virtual hockey type game that adapts to the number of people playing.

This games uses reactivision software, along with Flash, to detect ‘fiducial’ or symbol block movements. The game is played by moving these symbols on a table. Players can enter and exit the playing field at any time. The game adapts to the number of players. The lower the score, the better; the first player with a score of 12 ends the game.

At the time of creation, about 2 years ago, the future plans included projecting directly on the surface and implementing multitouch so users can play with their fingers and objects instead of only object symbols. Hopefully i’ll be able to eventually revisit this project and release it for all to play with.

If you have other ideas about similar games or how to improve this concept, leave a comment. Don’t forget to send it to your friends and share the magic of multiplayer virtual hockey aka ‘Slider’. So what do you think? Is this the next game of the future? haha You’ll have to challenge me to a round next time you see me

Eugene has just ported Memo’s fluid solver work to AS3 http://blog.inspirit.ru/?p=248. With the source now out, I was able to quickly add multitouch support and it works great! Thanks to cyandesign and simpleex for keeping me on my toes.

A couple notes, the touchlib AS3 classes had to be corrected since they currently don’t send dX and dY values which the fluid solver needs to calculate directional velocity. Other than that, things went fairly smoothly and took little time to make touch sensitive.

Click the above image to play

Download:

Multitouch Fluid Solver FluidSolver.zip Version: 1

Multitouch Fluid Solver

Author:	Seth Sandler, Mehmet Atken, Eugene
Date:	November 18, 2009
MD5 Hash:	1c6974ecb841b09e6fdfbbe3539ca52e

260.9 KiB 3274 Downloads Details...

If you try this out, leave a comment here and let me know how things go. Video responses are welcome also!