Smart labels + quiz, template [flash, AS2]

Intro

This template is a fast way to create charts, diagrams, schemes, quizes etc..

Features

Lightweight: compiled swf is about 10kb (without assets).
Simple to use: you only add text fields on the stage.
Three mode: standard, hints and quiz.
All configs and styles are keeping in text based (JSON) format.
Thus you can control look and fill of project by editing one text file.

Demo

Download

Usage

//--%----%----%- cut here

#include "../src/smart_labels.as"

onModeChange = function (mode) {
  switch(mode) {
    case allMode:
      break
    case hintMode:
      break
    case testMode:
        break
  }
}

onJSONLoad = function (success, obj, name) {
  switch(name) {
    case "model":
      toggleMode(allMode);
      break;
    case "style":
      break;
    case "project":
      break;
  }
}

// to change mode
// toggleMode( allMode || hintMode || testMode )

// to load additional configs
// loadJSON(url, name)

// useful vars
// var project_root = "..";
// var debug = 1;
// var __label_tf_prefix = "label", 
//     __pointer_prefix = "pointer", 
//     __area_prefix = "area";

init()

//--%----%----%- and paste as the stage script

There is three modes: show all, hints and quiz. In first mode all labels are visible. In hints mode labels are hidden and they appear if you are moving cursor over diagram slice. In quiz mode ? instead of text. To resolve press on label and choose right variant.

Labels can be moved in all and quiz mode.

To add label place text field on stage with name label_labelIndex.

To make connection pointer place any movie clip with name pointer_labelIndex_y, where labelIndex related to label and y - unique word or number.

And to make diagram area create movie clip with area_labelIndex.

TODO

center-aligned labels
AJAX-Canvas version
web-based diagram edition

License

Open Source MIT license.

Copyrights

Evgeny Burzak, buzzilo@gmail.com

ChangeLog

v0.1.1 - 10/16/09

JSON.as: class rewritten as function

v0.1 - 10/15/09

initial release