Multitouch Paint – Part 2

Here is an updated version of my MT Paint application. Some of the improvements are:

  • New UI (work in progress)
  • Custom canvas size
  • Up to 5 Layers with Merge and Duplicate
  • Layer Blend Modes, Opacity and Visibilty
  • Load in Image to layer
  • Get Colour From Layer – select a layer to live sample colours from
  • Improved performance
  • Hardness and Opacity works on brushes
  • Eye Dropper colour selection tool (currently selects from selected layer, not whole image)
  • Rename layers

Note: Currently the application is best displayed on a screen at 1920×1080, it will still work on lower resolutions but some parts may be cut off.
Note 2: You can use your mouse too if you don’t have a touch screen!

Download AIR Installer

DSI Multitouch construction – Part 4.5

This is just a small update with a few new photos… I’ve have now painted the table top black, I used a matte black spray paint (because I think its easier to get an even colour with) and then went over the top with a clear gloss. A also made a temporary top cover and painted it black also, eventualy this will either be gloss black perspex or I had an idea of having a clear frame and putting interchangeable frame designs on paper under it.

Preparing for paint.

Undercoat – 1 can of white primer

Black – 1 can of matte black, 1 can of Clear coat

An early version on my multitouch paint app.

Here are some more demo videos form my MT painting app…

Spray Paint with a spray can controller i made.

Painting and paint mixing using a paint brush.

DSI Multitouch construction – Part 4

Its been a while since I posted an update on my Multitouch coffee table. I am still working on it, just little bits at a time so no significant progress has been made worth posting. But here are some more photos of the progress. I will have some more recent shots up later in the week.

Testing diffusers for the LCD, the ones that came with the screen were too tick and blurred the blobs/fiducials too much. I decided to go with tracing paper which works really well as you can see in the image below.

Installing Windows 7…

Since I couldn’t be bothered pulling everything apart to paint the inside white, instead I lined the inside with white printer paper. I placed the original diffusers directly on top the back light to diffuse it more without affecting the blobs.

 

I bought a smart powerboard to hook everything up inside the box, this way everything including the LCD, amplifier and any other components have their power switched off when the PC is switched off. When the PC turns on, the powerboard detects the change in current and switches all the other sockets on. This way everything can be powered on by a single push button.

 

All circuitry, speakers and wires are now mounted…

 

View from the top looking at the back light without the back light diffuser

More photos coming soon…
Here are some dodgey videos taken on my phone…

Plants vs Zombies:

Fish pond screensaver from the Win 7 Touch Pack:

Basically all thats left now is to order black perspex for the outer box so the whole unit is shiny and black.

Multitouch Paint

Multitouch Paint ( I haven’t given it a proper name yet) is a painting application I have been working on over the last couple weeks. Basically I wanted to create an app that was more then simple solid lines you see with most other Flash painting programs. I wanted something that was more like paint with different brushes, effects and most importantly – colour mixing. Below is a button to launch the app so you can see how it works, this is a very early version so not all the brush controls may work as expected yet, and paint mixing is a bit laggy at the moment. The app is multitouch enabled through native Windows 7 events, so anyone using DIY setups will have to have the Win7 HID driver running, but this also works fine with the mouse. I actually haven’t tested this with multitouch for a while so currently it probably works better with just the mouse. Here is a description of what the brushes are and what the buttons do:

Some things I still want to add:

  • Import images
  • Save images
  • colour selection based on underlying layer (Eric Natzke style)
  • Make the Hardness sliders and opacity sliders work properly

Click the link below to launch the app:

Launch

Videos from Adobe MAX Sneaks

Below is some videos taken at the Adobe MAX 2010 conferences during Sneaks sessions. Sneaks sessions are a chance for Adobe to demonstrate prototypes and new technologies that may or may not make it into future Adobe products. Some pretty interesting stuff!

Typography of Code- a new way of displaying and reading code for designers

Wallaby – Exporting an FLA to HTML

Flash StageVideo – a performance demo showing smooth playback with low CPU usage when overlaying vector graphics on 1080p video

Flash StageVideo – smooth playback of 4K video in Flash

Video Tapestry – a new way to navigate a video

Photoshop Future – matching colours in photos

Pixel Bender 3D – shaders for the new ‘Molehill’ 3D api coming to Flash

Future Interface Concepts

Here is a small collection of my favourite user interface concept videos. You will have to use Red-Blue 3D glasses to watch the second one properly.

Actuating Widgets on Interactive Tabletops

This is probably one of the best concepts I’ve seen recently for interactive tabletops. Tangible controls/widgets that can be controlled by magnets to self switch and move across the table. There is also a very interesting approach for redirecting IR light around the magnets so the cameras can pick up the widgets’ presence. Check out the video below to see them in action.

Microsoft Research

Although it might not seem like it Microsoft is really along way ahead of nearly all the other major tech companies. But no one really gets to see their cool stuff because it takes place in their research centres and doesn’t always make it into consumer products. Below is a collection of videos from Microsoft Applied Sciences Group, an department that helps bring Microsoft’s ideas to life and have worked on projects such as MS Surface and Project Natal (Xbox Kinect).

Street Slide – 2010

A further implementation of a mapping service similar to Google’s Street View.

First MS Surface demo – 2003

A large multitouch surface computer with finger tracking and object recognition.

MS Surface transparent puzzle pieces – 2004

Using IR tags to track position and rotation of objects

Transparent Projection – 2004

Projecting onto water vapour.

Warp Pointer – 2005

Cursor control with a hand held device similar to the Wii remote.

Sourced from: http://www.microsoft.com/appliedsciences/

Magnetic Words Multitouch App

Here is a small app I created in Flash in less than 10 minutes (most of that time was getting words!). Inspired by those fridge magnets which are a bunch of words that can be mixed and matched to make obscure and hilarious sentences.

Excuse the dodgey touch response at the start… my screen still isn’t quite finished. Besides the hiccup at the start you can see the response is pretty fast over all.

You can download the Flash exe here

**UPDATE

Source can be downloaded here. Note the FLA was created in Flash CS5 so you will need it to open. You will also have to change the ActionScript source paths to the location of the TouchLib SVN files on your machine.

DSI Multitouch construction – Part 3

Over the weekend I made a lot more progress on my multitouch coffee table. I also discovered some issues – firstly the original backlight emits way too much infra-red light so I am going to have to make a custom one out of ultra-bright LED strips, and secondly I don’t seem to be getting any blobs when placing a layer of glass or clear acrylic above the Endlighten. I get great blobs when touching the Endlighten directly, but I want to avoid this since it scratches easily.  More photos below.

Gluing and soldering the IR LEDs into aluminum rails… all 96 of them

The box so far

The power ‘terminal’ for the backlight, and the CCFL tubes in the bottom of the box

All the TV circuitry temporarily mounted in place, all the placement turned out great… the FFC cables brought no issues at all!

TV turned on… here I have no diffuser behind the LCD so you can clearly see the back light and the inside of the box

PS3 Camera poking through back light

Wiring the LEDs

Mounting PC parts –

  • MB: Asus P5E-Deluxe
  • CPU: Core2 Quad 2.8Ghz
  • RAM: 4GB 1066 DDR2
  • PSU: Coolmaster 460w
  • Graphics: Radeon 3850 (I think, though not pictured here)