Interactive Designer and Developer
Collider Exhibit Series

Posts Tagged ‘Tutorial’

Sliding Lists ~ TUIO Flash App Widget

December 13th, 2009

screenshot1So I am trying to build out this proof of concept application, its a demo of a conference's floor plan with a list of all the attendee on the side, you'll scroll through the list, pick one and the app will show you the location on the map and give more information about the attendee. Only one problem, I'm using the TUIO, so there isn't a component for a scollable list of ...anything. So looks like I just have to build one.

I took a couple tries before I stopped coding myself into a corner. The layering of the component had to be just right. Plus, it needed to the usable at any angle. It is intended for a table top / multi-user display. And to make that happen, I needed quite a bit of layering, on the app and in the code itself.

I also wanted this to start off all code based, so I only used FlashDevelop. So moving forward, if you have Flash you can build a MovieClip and attach it to the List Item Object and customize the look of the selectable items.

Download Slide List Widget

Read the rest of this entry »

TUIO Small Keyboard Widget

November 20th, 2009

My Google Code page has been updated! After what has seemingly been forever.

I've created a widget that I'd like to share with everyone. A small for keyboard for use in Flash TUIO multitouch (experiments) projects. The form I based off of my Google Android Phone and iPhone style. Read the rest of this entry »

Box2DFlash - Falling Text

August 25th, 2009

I'm so excited that I finally got to work on some experimental Flash at my professional employment. It is a nice change of pace to push an idea to the limits...and then some. In fact, I'm still not done working on the possibilities. This was only the starting point. Making text fall. Tie it into the Box2DFlash Physics Engine.

I want to give yet another shout out to Emanuele Feronato. If you are looking at this code, and are completely lost, he has EXCELLENT tutorials to get you started. Thats where I ended up taking my first steps in Box2DFlash.

Now in the guise of learning. I don't intend on going too indepth with the code...there is a lot going on. But hopefully, by breaking it down into phases, you can understand my building process. Something like this isn't accomplished in one chunk of code. It is build up by steps. At least the way I code. Read the rest of this entry »

LaserDraw - multitouch extension

July 28th, 2009

Now feels like a good time to get back into it. Especially coming across this site:


laserdraw1Sure, it doesn't seem like there has been many recent posts. It can be hard juggling a life around experimenting. It doesn't make it any less awesome when you see something and get inspired. Here is what I found, a AS3 script that would not just draw a line, but so nice ribbon curving and add a glow around everything automatically. It is just begging to be multitouchable (that sounds a little dirty now that I think about it).

"This experiment uses the AS3 drawing methods to generate an organic mask formed by several pairs of points linked with curveTo.

The generated shape masks a simple radial gradient and the result has a GlowFilter and a DropShadowFilter applied to it."

It works great, no doubt about it. But the source is there, we can take it a little further. Now I got a lot further than expected working on it, and the night is starting to get late, so I'm going to try and condense the main ideas I want to remember that are the most useful.

Download Multitouch Source Code

Read the rest of this entry »

Multitouch Magnifier - AS3 experiment

June 2nd, 2009

Fire up the SVN, there's an new experiment to check out.

multitouch magnifier - AS3 from Chris Yanc on Vimeo.

If you don't have all the files, you can find them here:

For this one, you are going to need Flash CS3 or CS4 as far as I know. I don't know how FlashDevelop or Flex will translate. We will be using assets from the Library which are linked to AS files. I'm thinking it'd be best to go through the files. Read the rest of this entry »


May 7th, 2009

The is something powerful at your disposal in the touchlib library for AS3. It is called

Now, it is a bit messy. And there is code in there that doesn't really need to be, but it is a Great place to start if all you want is to Drag, Scale and Rotate MovieClips. Unfortunetly, it's not without bugs to work through. Lets do a really quick test in Flash. Read the rest of this entry »

Fractals, Multi-touch and Flash

April 29th, 2009

fractalsIt has been a while. But thanks for returning. I'm all situated with the move and now I'm feeling refreshed and ready to return to a little experimenting. So I thought I'd come back strong with something really visual.


The quickest explination I can think of is. Fractals are create by using recursion to run the same drawing function, but for every iteration length and thickness decreases a little. Right off the bat, I want to confess that recursion has to be my least understood topic when it come to programming. Though the idea doesn't sound too hard, reloop through the same function a certian number of times. Read the rest of this entry »

Touch Explosions

April 11th, 2009

Particle Emitter from Touch Down Events

Read the rest of this entry »