MT4j comes with a set of examples. These are intended to show the main features and to give an impression about how to use MT4j. The examples also run without multi touch hardware via mouse and keyboard. For the simulation of a second finger (required e.g. for zooming and scaling) press ctrl+n to set the position of the simulated finger and press shift to touch with the simulated finger. Under Windows and Linux, you can also use multiple mice (enable it in Settings.txt). As soon as you're familiar with "multi mice", this is quite similar to using real multi-touch hardware.
You can find instructions on how to run the examples from within the Eclipse IDE here: Running the MT4j examples tutorial


Contents

Basic Examples

Hello World Example

The Hello World Example is the most simple example. It uses a MTTextArea which can moved and manipulated using multi touch gestures.

Watch video on Youtube

View source code

SVG Example

The SVG example shows how to load Scalable Vector Graphics (SVG) in MT4j. The loaded images can be moved and manipulated using multi touch gestures.

MT4j SVG Example

Watch video on Youtube

View source code

Scenes Example

This example shows how to switch between different scenes and how to use scene change effects in MT4j.

Watch video on Youtube

Fiducials/TUIO Example

This example shows MT4j support for fuducials via TUIO protocol.

Requirements:

Error creating thumbnail: convert: unable to open image `/var/www/mediawiki-1.14.0/images/8/87/Example-fiducials.jpg': No such file or directory.
convert: missing an image filename `/var/www/mediawiki-1.14.0/images/thumb/8/87/Example-fiducials.jpg/300px-Example-fiducials.jpg'.

View source code

Advanced Examples

Draw Example

The draw example is a tool which allows multiple users to draw simutaniously within an internal frame.

Requirements:

  • OpenGL capable graphics card supporting the Frame Buffer Object extension (FBOs)

MT4j Draw Example

Watch video on Youtube

Modest Maps Example

The modest maps example shows multi touch deep zoom functionality. The example now allows to switch between different map providers (Microsoft, Open Street Maps, Blue Marble..) with a sliding menu. You can o/c push the foto button and search for geo-tagged flickr photos, that are displayed where they where taken.

Requirements:

  • Using the OpenGL renderer with OpenGL capable graphics card and drivers
  • an internet connection
  • for loading flickr™ images - a valid flickr™ api key entered into the ./examples/flickrMT/FlickrApiKey.txt file

Watch video on Youtube

Flickr™ Photo Example

This example application is a tribute to Jeff Han's photo application. It uses MT4j's multi touch keyboard to type, search and download images from Flickr.com. The screen content can be moved and manipulated using multi touch gestures.

Requirements:

  • an internet connection
  • a valid Flickr™ api key entered into the ./examples/advanced/flickrMT/data/FlickrApiKey.txt file. Required format of FlickrApiKey.txt:

   FlickrApiKey=YourApiKey
   FlickrSecret=YourSecretKey

Watch video on Youtube

Fluid Simulation Example

Requirements:

  • Using the OpenGL renderer with a OpenGL capable graphics card and drivers

Watch video on Youtube ,2nd Video (with MSA Remote for iPhone)

Space 3D Example

This example shows how to work with 3D objects, animation and 3D transformations in MT4j.

Requirements:

  • Using the OpenGL renderer with a OpenGL capable graphics card and drivers

Watch video on Youtube

Models 3D Example

This example shows how to work with 3D objects and 3D transformations in MT4j.

Requirements:

  • Using the OpenGL renderer with a OpenGL capable graphics card and drivers

Watch video on Youtube

Touch Tails Example

Draw ribbons with your fingers that come to life afterwards! This example shows multi-user multi-touch motion processing in MT4j.

Instructions:

  • Draw ribbons with your fingers
  • Clear the screen by tapping and holding your finger

Watch video on Youtube

Physics Playground Example

In the physics playground you can throw shapes around. It shows how easy it is to integrate physics into MT4j now.


Watch video on Youtube

Air Hockey Example

A Demo for playing air hockey on a Multi-Touch device.


Watch video on Youtube

Powered by MediaWiki contact