UJML は2つのことを実現するため、ミニマリストな思想で設計されています。1つは UJML のバイトコードを実行する UIE Player のサイズを小さくすること。UIE Player は Java 対応端末において 30KB 程度に収められています。もう1つはシンプルかつ習得が容易なプログラミング言語を実現すること。UJML はミニマリストな設計思想を採っているにも関わらず、リッチなユーザ体験を提供するアプリケーションの開発を実現しています。

簡単に学べる

UJML は ECMA Script（JavaScript）のサブセットをサポートする、XMLベースのプログラミング言語です。

Hello World! の例

次に、画面上に「Hello World」と表示するアプリケーションを紹介します。この例では UJML、Java（J2ME/MIDP）、C++（BREW）の各言語を使って Hello World を記述しています。Symbian、Palm OS、そして Pocket PC バージョンは複雑さにおいて BREW バージョンに似ているため省略しています。また HTML と WML バージョンは簡単さにおいて UJML と似ているので、やはり省略しています。

この比較では UJML のシンプルさをモバイル用の他のプログラム言語と比較説明しています。UJML では特定の処理を記述するためのコーディング量が少なくて済むだけでなく、言語を学び、理解し、熟練するために必要な言語コンセプトが単純かつ簡潔になっています。

UJML 版：

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.1//EN" "ujml.dtd">

<ujml>

<label>

<text>Hello world</text>

</label>

</display>

</application>

</ujml>

J2ME/MIDP 版：

import javax.microedition.midlet.*;

import javax.microedition.lcdui.*;

public class HelloWorld extends MIDlet implements CommandListener

{

private Command exitCommand; // The exit command

private Display display; // The display for this MIDlet

public HelloWorld()

{

display = Display.getDisplay(this);

exitCommand = new Command("Exit", Command.SCREEN, 2);

}

public void startApp()

{

TextBox t = new TextBox("", "Hello World", 256, 0);

t.addCommand(exitCommand);

t.setCommandListener(this);

display.setCurrent(t);

}

public void pauseApp()

{

}

public void destroyApp(boolean unconditional)

{

}

public void commandAction(Command c, Displayable s)

{

if (c == exitCommand)

{

destroyApp(false);

notifyDestroyed();

}

BREW 版：

#include "AEEModGen.h" // Module interface definitions

#include "AEEAppGen.h" // Applet interface definitions

#include "AEEShell.h" // Shell interface definitions

#include "AEEDisp.h" // Display interface defintions

#include "helloworld.bid" // applet class ID

#include "AEEFile.h" // AEEFile Services

static boolean HelloWorld_HandleEvent(IApplet * pi, AEEEvent eCode, uint16 wParam, uint32 dwParam);

int AEEClsCreateInstance(AEECLSID ClsId,IShell * pIShell,IModule * po,void ** ppObj)

{

*ppObj = NULL;

if(ClsId == AEECLSID_HELLOWORLD)

{

if(AEEApplet_New(sizeof(AEEApplet), ClsId, pIShell,po,(IApplet**)ppObj,

(AEEHANDLER)HelloWorld_HandleEvent,NULL) == TRUE)

{

return (AEE_SUCCESS);

}

return (EFAILED);

}

static boolean HelloWorld_HandleEvent(IApplet * pi, AEEEvent eCode, uint16 wParam, uint32 dwParam)

{

AEEDeviceInfo di;

AECHAR szBuf[] = {'H','e','l','l','o',' ','W','o', 'r', 'l', 'd', '\0'};

AEEApplet * pMe = (AEEApplet*)pi;

switch (eCode)

{

case EVT_APP_START:

ISHELL_GetDeviceInfo (pMe->m_pIShell, &di);

IDISPLAY_ClearScreen (pMe->m_pIDisplay);

IDISPLAY_DrawText(pMe->m_pIDisplay, AEE_FONT_BOLD, szBuf, -1, 0, 0, 0, IDF_ALIGN_CENTER | IDF_ALIGN_MIDDLE);

IDISPLAY_Update (pMe->m_pIDisplay);

return(TRUE);

case EVT_APP_STOP:

return TRUE;

default:

break;

}

return FALSE;

}

マルチプラットフォーム対応

UIE Player は次のプラットフォームに対応しています：

ｷ Java

o J2ME/MIDP (AT&T, Sprint)

o J2ME/DoJa (NTT DoCoMo 504i 以降)

o Personal Java

o J2SE (Applet/Application)

ｷ BREW (Verizon、 All-Tel、au/KDDI)

ｷ Danger Hiptop

ｷ Palm OS 3.5 以降

ｷ Pocket PC

ｷ Symbian

ｷ Win32 ActiveX

ｷゲームボーイアドバンス（プロトタイプ）

クライアント／サーバ型アプリケーションのサポート

UJML ではアプリケーションとリソースの読み込みに URL を使用します。UJML のプログラミングモデルはスタンダローンのプリインストールアプリケーションだけでなく、動的なクライアントサーバ型ネットワークアプリケーションも簡単に作成できるように設計されています。UIE Playerは、相対パスの URL に加え http と file の2つのスキーマに対応しています。

優れたセキュリティ

UJML アプリケーションは UIE Player が実行します。UIE Player は欠陥や悪意のあるアプリケーションからデバイスを守り、クラッシュしたアプリケーションをアンロードします。この "sandbox" 機能は、UJML アプリケーション同士を互いから保護するだけでなく、悪意のあるアプリケーションによるデバイスへのダメージを制限します。

デフォルトでは、UJML アプリケーションからファイルシステムや電話帳、電話の音声発呼などのデバイス機能にアクセスすることはできません。デバイスの機能やリソースへのアクセスを開放したカスタマイズ版の UIE Player では、 UIE Player の設定を通じて柔軟なセキュリティポリシーを実現しています。このセキュリティポリシーを使用すると信頼できる UJML アプリケーションやパーティションによるリソースへのアクセスを限定することができます。UIE Player は、HTML/HTTP ブラウザ上でのクッキーセキュリティに似た、URL ベースのシンプルなセキュリティポリシーを備えています。

インストール不要のアプリケーションモデルを提供

アプリケーションのインストール管理からユーザーを解放するため、UIE Player ではデバイスにローカルな記憶装置をアプリケーションのキャッシュとして使うことができます。キャッシュに存在しないアプリケーションはUIE Player がネットワークから取得します。キャッシュが一杯になった場合、アプリケーションは古い順にキャッシュから捨てられます。

この仕組みはデバイスの運用コストを大幅に下げます。理由は、アプリケーションの保守と配布をサーバー側で行うため、デバイス上におけるアプリケーション管理が不要となるからです。この仕組みはまた、アプリケーションのアップデートを透過的に配布することを可能にします。アップデートを配布するには新しいバージョンをサーバに配備します。新しいバージョンは、ユーザーがアプリケーションを実行すると自動的に読み込まれます。

UJML のアーキテクチャ

UJML は UJML DTDに準拠する XML ベースのマークアップ言語です。この言語ではビジュアルステートの記述を通じて画面表示を行います。またステートには UIE Player がステート間を遷移する際の動作を制御する、実行コードのブロックを記述します。

UJML は UIE Player と呼ばれる小さなアプリケーション（HTMLブラウザと同等のものと考えてください）によってデバイス上に表示されます。「Browser（ブラウザ）」ではなく「Player（プレイヤー）」という言葉を用いるのは、HTML コンテンツのほとんどが静的なページであるのに対し、UJML アプリケーションがアクティブかつ動的であることに由来しています。UJML は通常の HTML ではなく、スクリプティングによるアクティブかつ動的なコンテンツをサポートする Dynamic HTML（DHTML）に似ているといえるでしょう。

他のマークアップ言語ブラウザと異なり、UIE Player は UJML テキストファイルを直接表示しません。パフォーマンスの最大化とリソース消費（CPUとメモリ）の効率化を図るために、UJML テキストファイルは UIE Player が処理可能なバイトコードファイルにコンパイルする必要があります。コンパイラは UJML テキストファイルを効率の高い実行形式にコンパイルします。その際、元の UJML テキストファイルを小さなサイズに圧縮し、高コストかつ帯域の限られたワイヤレスネットワーク上での通信能率を高めます。

スタティック VS ダイナミック

コンパイラは UJBC ファイルと呼ばれるコンパイル済みの UJML ファイルをオフラインで作成することができます。コンパイラはまた、サーバにインストールすることによりオンデマンドなコンパイルが可能になります。次の2つの図では、UJML アプリケーションを開発し配布する際に行う作業をそれぞれのケースに当てはめて解説しています。最初の図ではオフラインでコンパイルしたアプリケーションをデバイスにプリインストールしています。次の図ではデバイスからのリクエストに応じて、サーバー側でアプリケーションを動的にコンパイルしています。この2つはコンパイル方法の二極端ですが、これ以外にも多くのバリエーションが存在します。

図：コンパイル済ファイルによるアプリケーションの配布

図：ダイナミックコンパイルによるアプリケーションの配布

この2つの配布モデルに対応するために、UIE Player は http と file の両 URL スキームに対応しています。

UIE Player は HTML ブラウザと同様に履歴機能を備えています。履歴とは、実行中の UJML アプリケーションから直前のアプリケーションに戻れることを意味しています。アプリケーションを起動するには _run() 関数を使用します。その際、起動順に応じてアプリケーションがヒストリースタックに追加されます。アプリケーションをアンロードするには _unload() 関数を使用します。アンロードしたアプリケーションはスタックから消去され、直前に実行されていたアプリケーションが再起動されます。デバイス上で起動した UIE Player が最初に実行すべきアプリケーション URL の設定方法や記述方法はプラットフォームに依存します。これは、本ドキュメントのアプリケーション・デプロイメントの章で説明しています。

パーティション

複数の HTML ページからウェブサイトを構築できるのと同様に、UJML アプリケーションを複数のパーティションから構成することが可能です。_run() 関数によって読み込むパーティションはアプリケーションの「メインパーティション」あるいは「親パーティション」と呼ばれます。_link() 関数で読み込み、_unlink() 関数でアンロードするパーティションは子パーティションと呼ばれます。これらの関数の名前はバイナリ形式の実行アプリケーションや DLL などの命名規則に沿って命名されています。UJML パーティションは利用方法によって HTML ページとバイナリ DLL の両特性を併せ持つことが出来ます。_link() 関数でリンクしたパーティションはヒストリースタックに追加されません。その代わり、このパーティションは呼び出し元の子パーティションとなり、親（呼び出し元）がアンロードされると共にアンロードされます。

メモリリソースを使用するパーティションはヒストリースタックの一番上にある現在のアプリケーションと、そこからリンクされているパーティションに限られます。アプリケーションがヒストリースタックの一番上でなくなった時に、そのアプリケーションが使用するすべてのメモリリソースは解放され、新しいアプリケーションによる使用が可能になります。

メモ：_run() 関数を呼びアプリケーションがヒストリースタックの一番上にロードされている間は、ロードが完了するまで現在のアプリケーションがメモリリソースを消費します。アプリケーションを開発する際は、新旧アプリケーションの両方がメモリに同時に収まるように設計してください。

この問題を回避する方法の一つに、メモリの消費量が少ない中間アプリケーション（ローダー）を使用する方法があります。このドキュメントにある「AppSplash.ujml」の例を参照してください。

次の図は、以下のことが起こった後の UIE Player のヒストリースタックの状態を示しています：

1. UIE Player が App 1 をデフォルトのアプリケーションとして起動。これにより、App 1 がヒストリースタックの一番下である0番目に格納される。

2. App 1 が App 2 を実行し、App 2 がヒストリースタックの一番上である1番目に格納される。

3. App 2 がパーティション Part A をリンク。

4. App 1 はこの時点でメモリを物理的に占有してないため、グレー表示。

App 2 が _unload() 関数を呼び、自身をアンロードする。すると UIE Player は App 1 を再起動し、ヒストリースタックは次の図のようになる：

UIE Player はほとんどのデバイスにおいて UJML ファイルをローカルにキャッシュし、ネットワーク経由の再取得を防いでいます。

UIE Player は多くのプラットフォームにおいて「プロパティバッグ」という形式でローカルで持続的なストレージを提供しています。アプリケーションはプロパティバッグを通じて少量のデータを端末に保存することにより、自身の状態の一部を保存することができます。

アプリケーション開発

次のセクションでは、Ujinn[1]というゲームの開発を通じて UJML の機能を説明します。このゲームは「SameGame」というゲームがベースになっており、次のような基本仕様を持っています。

アプリケーション名：ujinn

目的：

グリッドから可能な限りのボックスを取り除き、スコアを最大にすること。

遊び方：

上下左右に同色のボックスが1つ以上ある場合、

それらのボックスを選択して取り除くことができます。

ボックスとボックスは隣接してなければなりません。

得点の計算方法：

ボックスを取り除くと(n) * (n - 1) が得点に加算されます。

n は同時に消したボックスの数を示します。

ゲーム終了時に残っているボックスの数はペナルティとして減点されます。

すべてのボックスを取り除いた場合はボーナスとして(mScore / 4)が与えられます。

次のスクリーンショットは、ゲームレイアウトと動作を示しています。

プレイヤーが現在のボックス（左上）を選択したため、黄色のボックスと右側に隣接する２つの黄色いボックスが消えます。

SDK

以降の各セクションでは、数多くの UJML サンプルを紹介しています。これらの UJML はすべて「Ujinn」の開発に寄与しています。UJML のサンプルは、このドキュメントに同梱されているファイルに収められています。是非、SDK をインストールして SDK に同梱されているサンプルを実行してみてください。

インストール

UIE SDK のインストール方法：

1. Java(TM) 2 Platform Standard Editionのインストール

サン・マイクロシステムズのJ2SEは「java.sun.com/j2se」で提供されています。サンのウェブサイトの使用説明書に従ってJ2SE Software Development Kitをダウンロードし、インストールしてください。

2. 環境変数「JAVA_HOME」を、J2SE SDK のルートディレクトリに設定してください。デフォルトでは「C:\j2sdk1.4.1_01」です。環境変数の設定についてはこちらをご覧ください。

3. UIE SDK のインストーラを実行してください。

UIE SDK は www.uievolution.com からダウンロードしてください。

アプリケーション

最も小さな UJML アプリケーションの例：

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.2//EN" "ujml.dtd">

<ujml>

</application>

</ujml>

ファイル名：Application.ujml

次の手順を行い、UIE SDK Debugger でこのアプリケーションを実行します：

1. デバッガを起動。「スタート>プログラム>UIEvolution SDK」中の「UIEデバッガ起動」を選択。

2. アプリケーション選択ダイアログで設定を行う。

a. Application.ujml へのパスを入力。もしInside UJML ZIPファイルを「D:\My Documents\Inside UJML」に展開した場合は URLに「file:///D:\My Documents\Inside UJML\UJML\Application.ujml」と入力（「参照」ボタンを使って、ファイルを指定することも可能）。

b. スキンの選択で「Flip Phone, MIDP (136x140)」を選択。

c. OK をクリック。

3. ツールバーの Run ボタンをクリック。

4. デバイスエミュレータに次のような画面が表示される：

画面表示

Ujinn は縦横の枠を使ったゲームであるため格子状のボックスを表示する必要があります。またスクリーン最上部に現在のスコアとレベルなどの成績を表示します。

<display> 要素を使用すると、画面への描画を簡単に行うことができます。ここではボックスと「Score」のテキストを描いています：

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.2//EN" "ujml.dtd">

<ujml>

<label>

<text>Score</text>

<fg>&_COLOR_BLUE;</fg>

</label>

<box>

<fg>&_COLOR_RED;</fg>

<bg>&_COLOR_GREEN;</bg>

</box>

</display>

</application>

</ujml>

ファイル： Display.ujml

SDK デバッガ上で Display.ujml を実行すると、エミュレータが次の結果を返します：

この例ではデフォルトの <display> 要素を使っています。デフォルトの <display> の内容は更新することができないため、静的な背景画像などの表示に向いています。

ステート

UJML で動的な画面表示を行うには <display> 要素を追加で記述します。プログラムを通じてステート変数の値の更新するとこれらの要素を制御（表示、更新、非表示）することができます。

UJML のステートは変数が取り得る値のそれぞれにつき1つ以上の <display> 要素を関連づけます。例えばブーリアン変数は２つの値を取り得るため、true と false の2つの状態を表すことができます。 UJMLでは、これらの値もしくはステートごとに<display> 要素を定義することが出来ます。

次の例では、ブーリアン型のステート変数 sBox が true の値を取った場合の <display> 要素が１つ定義しています。 sBox が true に設定されると画面上にボックスが表示されます。逆に false にセットされた場合、false に定義づけられた <display> が存在しないためボックスが非表示となります。

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.2//EN" "ujml.dtd">

<ujml>

<state-variables>

<state-var name="sBox" type="boolean"/>

</state-variables>

sBox = true;

</script>

<box>

<fg>&_COLOR_RED;</fg>

<bg>&_COLOR_GREEN;</bg>

</box>

</display>

</transition>

</state>

</states>

</application>

</ujml>

ファイル： DisplayState.ujml

この例を実行すると次のような画面が表示されます：

次の例ではさきほどの Display.ujml を変更し、 <display> 要素をテキストとボックスのそれぞれに分割して記述しています。分割により、テキストとボックスのそれぞれに対応するステート変数を true または false に設定し各々を独立して表示・非表示することが可能になりました。

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.2//EN" "ujml.dtd">

<ujml>

<state-variables>

<state-var name="sScore" type="boolean"/>

<state-var name="sBox" type="boolean"/>

</state-variables>

sScore = true;

sBox = true;

</script>

<label>

<text>Score</text>

<fg>&_COLOR_BLUE;</fg>

</label>

</display>

</transition>

</state>

<box>

<fg>&_COLOR_RED;</fg>

<bg>&_COLOR_GREEN;</bg>

</box>

</display>

</transition>

</state>

</states>

</application>

</ujml>

ファイル： DisplayStates.ujml

UJML とステートについて覚えておくべき最も重要なこと：

画面表示を更新する唯一の方法は、 <display> 要素を含むステート変数の値を変更すること。

ステート変数に現在の値を再度設定しても表示に影響を与えません。 画面を書き換えるには、値を書き換えなければなりません。 [2] これはブーリアン型の変数よりも整数型のステート変数のほうがパワフルなことを意味しています。非表示の状態が必要な場合、ブーリアン型ステート変数では通常、値が true の場合に表示を行い、 false の場合に非表示を行います。そのため実質1種類の <display> 要素しか持てません。

Z-order

<display> 要素は Z-ORDER に応じて背面から前面に重ねられ、ディスプレイ上に描画されます。これは <display> 要素が UJML ソースファイルに出現する順序に一致しています。デフォルトの <display> は Z-ORDER が低く最背面に描画されます。ファイルの最後に記述する <display> は Z-ORDER が高く最前面に描画されます [3]。

次の例では DisplayStates.ujml に2つのボックスと背景を追加しています。また UJML の配列の作成と使い方についても紹介しています。 sBox は前回のサンプルにおいては単純なブーリアン型の変数でしたが、ここでは個別表示が可能なように要素数が3つのブーリアン型の配列になっています。最後に、このプログラムではビジュアル要素の ARGB（アルファ、赤、緑、青）の値を指定する方法を紹介しています。

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.2//EN" "ujml.dtd">

<ujml>

<state-variables>

<state-var name="sScore" type="boolean"/>

<state-var name="sBox" type="boolean" size="3"/>

</state-variables>

sScore = true;

sBox[ 0 ] = true;

sBox[ 1 ] = true;

sBox[ 2 ] = true;

</script>

<display>

<box>

<width>136</width>

<height>140</height>

</box>

</display>

<label>

<text>Score</text>

<fg>&_COLOR_BLUE;</fg>

</label>

</display>

</transition>

</state>

<box>

<fg>0xffcccccc</fg>

<bg>0xffcccccc</bg>

</box>

</display>

</transition>

</state>

<box>

</box>

</display>

</transition>

</state>

<box>

</box>

</display>

</transition>

</state>

</states>

</application>

</ujml>

ファイル： DisplayZOrder.ujml

プログラムの実行結果：

アプリケーションロジック

これまでの例では UJML を使って画面に物を表示する方法を解説してきました。また <scirpt> 要素を使ったプログラムロジックの表現方法も垣間見ることができたと思います。UJML は変数、算術式、論理・ブーリアン式、文字列式、フロー制御文、関数とイベントをサポートしています。

変数

これまでの例では、ステート変数の宣言方法と使用方法を紹介しました。ステート変数はステート遷移に対応するための内部的なオーバーヘッドを持っています。そこで UJML はステートを持たない単純変数も備えています。ステート変数と単純変数は他のプログラム言語の変数と同様、式や実行文に使用することができます。

次の例では、スコアの値とボックスの色を格納するための変数を追加しています。また XML エンティティ定義を使用した定数の宣言とディスプレイ要素における変数と定数の使い方を紹介しています。

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.2//EN" "ujml.dtd" [

<!ENTITY MAX_BOXES "3">

<!ENTITY BOX_WIDTH "30">

<!ENTITY BOX_HEIGHT "50">

<ujml>

<state-variables>

<state-var name="sScore" type="boolean"/>

<state-var name="sBox" type="boolean" size="&MAX_BOXES;"/>

</state-variables>

<variables>

<var name="mScore" type="int"/>

<var name="mBox" type="int" size="&MAX_BOXES;"/>

</variables>

mScore = 0;

sScore = true;

mBox[ 0 ] = 0xffcccccc;

sBox[ 0 ] = true;

mBox[ 1 ] = 0xff999999;

sBox[ 1 ] = true;

mBox[ 2 ] = 0xff666666;

sBox[ 2 ] = true;

</script>

<box>

</box>

</display>

<label>

<text><eval>mScore</eval></text>

<fg>&_COLOR_BLUE;</fg>

</label>

</display>

</transition>

</state>

<box>

<width>&BOX_WIDTH;</width>

<height>&BOX_HEIGHT;</height>

</box>

</display>

</transition>

</state>

<box>

<width>&BOX_WIDTH;</width>

<height>&BOX_HEIGHT;</height>

</box>

</display>

</transition>

</state>

<box>

<width>&BOX_WIDTH;</width>

<height>&BOX_HEIGHT;</height>

</box>

</display>

</transition>

</state>

</states>

</application>

</ujml>

ファイル：Variables.ujml

表示結果：

スクリプト

UJMLはアプリケーションのフロー制御と式の評価のために２つのスクリプト言語をサポートしています。ここまでの例では、 UJML が対応している ECMA スクリプト（JavaScript）のサブセットを使っていました。 JavaScript は <script> 要素に記述します。 C、C++、Java そして JavaScript のようなプログラミング言語に精通した人であれば、 UJML アプリケーション内で JavaScript を記述するやり方が使いやすいでしょう。

UJML はまた、JavaScript と同等の機能を持ち、かつ、XML 構文を維持する UJML スクリプトにも対応しています。 UJML スクリプトは <execute> 要素に記述します。プログラマーが前述のプログラミング言語に精通してない場合は、UJML スクリプトの学習から始めるほうが楽でしょう。しかし UJML スクリプトは冗長になりがちであるため、複雑な計算やプログラムのフロー制御を行う場合にコードの可読性が悪くなってしまいます。アプリケーションのプログラムロジックが複雑になる場合は、JavaScript の方が簡単であると言えるでしょう。

次の例では JavaScript と UJML スクリプトが同等であることを示しています。これ以外の例は全て JavaScript を使っています。

この例は前回の Variables.ujml の UJML スクリプト版です：

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE ujml PUBLIC "-//UIEVOLUTION//DTD UJML 1.2//EN" "ujml.dtd" [

<!ENTITY MAX_BOXES "3">

<!ENTITY BOX_WIDTH "30">

<!ENTITY BOX_HEIGHT "50">

<ujml>

<state-variables>

<state-var name="sScore" type="boolean"/>

<state-var name="sBox" type="boolean" size="&MAX_BOXES;"/>

</state-variables>

</variables>

<execute>

<set var="mScore">0</set>

<set-state var="sScore">true</set-state>

<set var="mBox">

<index>0</index>

<val>0xffcccccc</val>

</set>

<set-state var="sBox">

<index>0</index>

<val>true</val>

</set-state>

<set var="mBox">

<index>1</index>

<val>0xff999999</val>

</set>

<set-state var="sBox">

<index>1</index>

<val>true</val>

</set-state>

<set var="mBox">

<index>2</index>

<val>0xff666666</val>

</set>

<set-state var="sBox">

<index>2</index>

<val>true</val>

</set-state>

</execute>

<box>

</box>

</display>

<label>

<text>

<ref var="mScore"/>

</text>

<fg>&_COLOR_BLUE;</fg>

</label>

</display>

</transition>

</state>

<box>

<width>&BOX_WIDTH;</width>

<height>&BOX_HEIGHT;</height>

<fg>

<ref var="mBox">

<index>0</index>

</ref>

</fg>

<bg>

<ref var="mBox">

<index>0</index>

</ref>

</bg>

</box>

</display>

</transition>

</state>

<box>

<width>&BOX_WIDTH;</width>

<height>&BOX_HEIGHT;</height>

<fg>

<ref var="mBox">

<index>1</index>

</ref>

</fg>

<bg>

<ref var="mBox">

<index>1</index>

</ref>

</bg>

</box><

Date	Version	Author	Comments
March 2003	1.2	Pete Stoppani	Initial version
Summer 2003	1.2.1	Satoshi Nakajima	1. Added Animation section 2. Added Message Box section
March 2004	1.4	Pete Stoppani	1. 2. 3. 4.