Archive for the ‘Tutorial’ Category

Getting started with multitouch: a PS3eye and Community Core Vision

November 4th, 2010

Workshop at The University of Akron

I was happy to be invited as a workshop leader for "Design Week" at The University of Akron. I would call it more of a demo workshop. I went from modification of a PS3Eye webcam, to installing CCV to loading a flash application to make an interactive wall. All in about 3 hours. So I thought this would be a great topic to write up for anyone that may have missed something in the demo or couldn't make it into the demo entirely. Read the rest of this entry »

Simple AIR GML Recorder

September 16th, 2010

Version 1.0.1

This isn't as much a tutorial, as it is some source code to mess around with. Less about a week to go before Ingenuity Fest. Starting to feel the crunch a bit now.

I wanted the Digital Graffiti Wall to be able to record GML. So I needed to build a quick GML recorder I could integrate into it.

And here is the result, a very simple GML recorder built in Adobe AIR, which I did because I can export out XML files directly from it to the desktop.

How to use:

  1. Download and Install the AIR Application
    • If you need to install the AIR Framework, get it here
  2. Run The GML_Recorder Application
  3. Press "Start Recording GML"
  4. Draw Your GML Tag
  5. Press "Stop Recording GML"
  6. Press "Yes" to save the GML data to the desktop in an XML file
  7. or Press "No" to reset the screen
  8. Repeat as needed
  9. (^_^)//

I have tested a few tags before posting this post at http://000000book.com to make sure the tags are written well. You can even see a recorded tag in action here: http://toki-woki.net/p/Okr/#/play/21231

And for everyone who wants to look under the hood. Here is the source:

Download GML Recorder Source

I'm open for feedback or if anyone finds anything wrong, please email me: cyanc@cyancdesign.com.

AS3 Tuio – A Starting Point

September 6th, 2010

Well, I've been really liking the AS3Tiuo Framework. I've been using it to build the app for the digital graffiti wall, and I've used it for a little experiment with the Hype Framework... I do love me a good framework mashup!

That Particle generator app used a different type of listening events than I expected though. And I really needed to get back to using TouchEvent to interactive with specific objects on the stage. The particle generator just listens to all the Flash as a whole and reacts, it was never set specifically to anything, that is the way just using this.tuio.addListener(this); works it seems. Really nice for things like that, just listening to anything.

But I now need specifics in my programming. So I need TouchEvent.TOUCH_DOWN and whatnot now! As I'm sure you all would like that too. Well here is a simple way of getting started...

Read the rest of this entry »

A list of Actionscript Resources… Why Not.

August 3rd, 2010

I keep writing posts and not posting them because they are work related and I guess I need to tread lightly around work stuff... Don't need to get into hot water, just gotta do what I gotta do. So here are some resources I use, and a little about why I like them. Read the rest of this entry »

Controlling a Stepper Motor

June 22nd, 2010

One day I tore apart a scanner I owned. I didn't have the power cord for it, so no loss. In fact it became a gain! Time to learn about the stepper motor.

I started researching, like most things I didn't get it at first. But I didn't want to tear apart the motor. I wanted to use it. So I kept on Googling.

With some really basic Arduino knowledge I started there. What do I need to control a stepper motor with an Arduino. Without burning out the Arduino or Stepper motor. Turns out there is a board specifically for that.
Read the rest of this entry »

Hype Framework Particles + Multitouch AS3

June 18th, 2010

Hey there. It sure has been a while hasn't it?

Looks like I have a little down time while my computer defrags and my upgrade goes through at work, so I thought I'd hop on and white up a quick post of something I just wrapped up and released.

Download Source Code Read the rest of this entry »

Playing with GML and Flash ~ version 1

January 19th, 2010

So there are some videos out there that drew my attention to GML

What is GML? It is Graffiti Markup Language. "an open repository for sharing and archiving motion captured graffiti tags." Artists are archiving graffiti, amazing. That is a constantly growing collection of beautiful fluid animations.

So I took a quick look into it. XML, awesome. Standardized, brilliant! Importable into Flash? INDEED.

But taking a quick look at the applications, not too much Flash there.Vanderplayer and Experimental 3D renderer. Nice, but nothing basic. I thought I would give it a shot, at least a version 1 to start off with.

gmldisplay

This SWF just grabs a random GML file and draws it out. When it is done, it grabs another. But if it gets stuck somewhere, you can just click on it and it'll start a new GML file.

gmldisplay
THEREMIN VERSION!!!!

The theremin one adds sound to the graffiti. Similar to a Theremin, the up and down controls  volume, while left and right controls pitch. I found the original code for the theremin part here: http://blog.efnx.com/browser-theremin-wave-data-visualization/

Thank you efnx for the jumpstart to get this idea out of my head.

Download GML Writer

Download GML Theremin

Coding Edits Coming

January 7th, 2010

Looks like it is about time I back track a little and do some post editing. There are a few things that have changed through time that I should re-account for.

  1. returnBlobs() now exists in the Touchlib TUIO library
  2. using 'localhost' may not be the best to connect TUIO, with Win 7 out people have been running into Flash connection problems and '127.0.0.1' connects much better.
    • In Posts
    • In Files
      • Google Code Subversion repository
      • Google Code Zip Files
      • cyancdesign.com based Zip Files

Soon they edits will be made and I'll let you know when the changes are up.

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 »