From Co.design:Inter.action Design Research

Event Code Generator is a software tool that help designers without advanced programming skills create customized events that trigger state changes. The tool is a component software of Adobe Flash. Event Code Generator allows designers to easily and graphically define events with path gates. In Event Code Generator, an event is interpreted as a path which a pointer go through. The position of the pointer can be controlled by data from external sensors, such as camera or accelerator. It means that it is possible to create customized data pattern as an event. Once the user define and save an event, the software automatically create a symbol with action script source code that is hidden from the user. Therefore the user can simply call the event name for programming. Interactivity programming is simplified by the minimized text based programming.
Video showing basic concept of Event Code Generator (the videso was made with an old version.)

Video showing the basic concept of Event Code Generator. A user can create a customized event using path gates, and automatically generate action script source code. The source code can be copied and pasted into a Flash movie. In the current version, copy-and-paste process is not necessary as the software is launced from the pannel menu and the automatically generated source code is saved as a symbol in the library of the flash movie.

Contents 1 How to install 2 How to use 3 Prototype Examples 3.1 Copyright & Contacts 3.2 Publications

How to install

Event Code Generator 0.2   for Adobe Flash CS3

Terminate Adobe Flash, if it is running. Download and run Event Code Generator 0.2 above. If Adobe Extension Manager does not appear, you can run it in Program Menu and install Event Code Generator manually. Run Adobe Flash Check the menu: Windows> Other Panels> Event Code Generator, while you are opening ActionScript 2.0 document.

How to use

• Tutorial I : How to make an event code and apply it

• Tutorial II : How to Use Sensor Values Instead of Mouse or Touch Screen Cursor Input
• Connecting with external sensors
  
  

This video shows how to make a customized event with external sensors.

• Tutorial III : Creating Multiple Events From a Single Path

Prototype Examples

1. GESTURE BASED NUMBER INPUT
   
   

   This is a gesture-based number input prototype. This was developed by Juwhan Kim for the demo of an early version of Event Code Generator.
   
   
   

2. GESTURE PLAYER
   
   

   Gesture Player is a gesture-based portable movie player.
   This was implemented by Media Interaction Design course takers, idKAIST.
   This prototype uses Adobe Flash application on a touch-screen laptop.
   To recognize tis gestures, Event Code Generator 0.2 was used.
   
   
   

3. GESTURE BASED VIDEO GAME
   
   

   Let the Girl of Red-Hat Go Home is a simple game with tangible controller.
   This was implemented by Media Interaction Design course takers, idKAIST. It is inspired by fairtales : Little Red Hat and Blue Bird. There are the girl of red-hat, a bluebird, a wolf, and a zigzag road on the screen. On-screen bluebird follows a physical bluebird doll and the girl of red-hat follows on-screen bluebird slowly. The game objective is to guide her to the house safely. Event Code Generator was used to check breakaway.

Copyright & Contacts

All materials about Event Code Generator have been developed for non-commercial purpose. Distribution of commercial use of the Event Code Generator materials are not allowed without formal agreement.

• Contact
  • Ju-Whan Kim
  • Tek-Jin Nam

Publications

• Ju-Whan Kim, Developing a Design Programming Toolkit for Prototyping of Interactive Product: with emphasis on a Thinking Technique and Tools based on Extended Statecharts' Elements, Unpublished master thesis, KAIST (2010) Korean
• Kim, J., and Nam, T-J., 2010. Event Code Generator: An Event Authoring Tool for Reflective Interaction Design Prototyping. IDMME-Virtual Concept 2010, Bordeaux, France.