基本設定

WebAnimator Plus の基本的な設定について説明します。

プロジェクトとシーン

プロジェクト

WebAnimator Plus では、制作するアニメーションを「プロジェクト」と呼ばれる単位で管理します。WebAnimator Plus 起動時には空のプロジェクトが作成され、この中でアニメーションを制作します。

プロジェクトは、メインメニューの「プロジェクト」から、操作存することができます。

メインメニュー - プロジェクト

プロジェクトの作成

プロジェクトを新規に作成するにはメインメニューの「プロジェクト」>「新規プロジェクト」を選択してください。

プロジェクトを開く

メインメニューの「プロジェクト」>「プロジェクトを開く」を選択すれば、以前に保存した他のプロジェクトを開くことができます。

プロジェクトを保存

現在の作業状態を保存する場合、メインメニューの「プロジェクト」>「プロジェクトを保存」を選択してください。

「プロジェクトを保存」を選択すると、以前保存していた状態が最新の状態に上書きされます。

以前の状態を保持したい場合、以下の「プロジェクトを名前を付けて保存」により、他の名前でプロジェクトを保存してください。

プロジェクトを名前を付けて保存

現在作業中のプロジェクトを、現在と異なる名前で保存する場合、メインメニューの「プロジェクト」>「プロジェクトを名前を付けて保存」を選択してください。

シーン

プロジェクトには必ず1つの「シーン」が含まれ、この中でアニメーションを制作します。

新規で作成したプロジェクトには空のシーンが1つ含まれており、メイン画面左上の「シーン」パレットで確認することができます。通常はこの空のシーンを使用してアニメーションの制作を開始します。

空のシーン

複数のシーンを使用した複雑なアニメーションを制作したい場合、メインメニューの「シーン」から、シーンを追加してください。

メインメニュー - シーン

基本プロパティ

「プロパティ」パレットでは各オブジェクトに対するさまざまな設定(プロパティ)を変更することができますが、オブジェクトだけでなく「プロジェクト」や「シーン」に対するプロパティも設定することができます。

プロジェクトやシーンのプロパティはアニメーション全体に影響します。

プロジェクトプロパティ

「プロパティ」パレット上部の「プロジェクト」タブをクリックすると、プロジェクト全体に対するプロパティを設定することができます。

プロパティ - プロジェクト

開始

Webブラウザ上でアニメーションの読み込みが開始され表示が完了するまでには数秒間かかる場合があります。

「開始」欄では、アニメーションの読み込みが完了するまでの間、読み込み中を表す簡易的なアニメーション(プリロードアニメーション)を表示させることができます。

プリロードアニメーションを使用する場合、「プリロードを有効にする」にチェックを入れ、アニメーション欄でお好みの形式を選択してください。

シーンサイズ

シーン(ステージ)のサイズを変更することができます。 制作するアニメーションは、ここで設定したサイズとなります。

初期設定では、ステージのサイズはSVGA(800ピクセル × 600ピクセル)となっています。 「テンプレート」欄で希望サイズを選択するか、「幅」欄と「高さ」欄に希望の数値を入力することでサイズを変更することができます。

サポートされていないブラウザ対策

「サポートされていないブラウザ対策」欄では、HTML5アニメーションに対応していないWebブラウザに対する動作を設定します。

「旧IE(9以下) 対応のために Chrome Frame を使用」にチェックを入れると、Google Chrome Frame という無料のプラグインをWebブラウザにインストールし、HTML5アニメーションを表示します。

「Chrome Frame のインストールを通知」にチェックを入れると、「Google Chrome Frame」がインストールされることが閲覧者に通知されます。

「画像を表示」にチェックを入れると、HTML5アニメーションを表示できない場合の代替画像を指定することができます。「選択」をクリックし、代替画像を選択してください。

シーンプロパティ

「プロパティ」パレット上部の「シーン」タブをクリックすると、現在編集中のシーンに対するプロパティを設定することができます。

プロパティ - シーン

名前

シーンの名称を設定します。

背景

希望の背景色を指定してください。ステージの背景色が指定した色に変更されます。「透明」にチェックを入れると制作したアニメーションの背景が透明になります。

イベント

「イベント」欄では、アニメーション終了時やキーボードのキーが押された際などのタイミングで、特定のアクションを実行することができます。

通常のアニメーション制作時は「イベント」欄の設定は必要ありません。 複数のシーンやタイムラインを使用した複雑なアニメーションを制作したい場合に設定を変更してください。

設定

メインメニューの「設定」を選択すると以下の画面が表示されます。

設定

言語

WebAnimator Plus の画面上に表示される言語を変更することができます。

ブラウザ

制作したアニメーションは、任意のWebブラウザ上で動作を確認(プレビュー)することができます。「ブラウザ」欄では、プレビューに使用するブラウザを選択することができます。

グリッド

ステージ上のグリッドの間隔を変更することができます。

単位はピクセルです。