PHP を使用して Flash アニメーションをすばやく生成する

リッチ インターネット アプリケーションは Web 2.0 の新しいバズワードであり、Web 2.0 の本質において重要なコンポーネントは Adob​​e Flash です。 Flash アニメーションをアプリケーションに統合し、Ming ライブラリを使用して Flash アニメーションを動的に生成する方法を学びます。

Web 2.0 では、リッチ インターネット アプリケーションが導入されました。しかし、リッチ インターネット アプリケーションとは何を意味するのでしょうか?通常、これは、応答性の高い取引操作をアプリケーションに追加することを意味します。具体的には、サーバーから新しいページを取得することなく、ページ内のウィジェット、Web フォーム、レポートをオンザフライで変更できることを意味します。

リッチ インターネット アプリケーション (RIA) を構築する 1 つの方法は、Ajax、JavaScript、カスケード スタイル シート (CSS)、および HTML を組み合わせたダイナミック HTML (DHTML) を使用することです (「参考文献」を参照)。ただし、DHTML が Web アプリケーションに対話性を追加する唯一の方法ではありません。もう 1 つの重要な方法は、Web サイトに対話性を追加するために 10 年間使用されてきた Adob​​e Flash Player を使用することです。

Flash の最初のバージョンは、かつてはアニメーション画像を作成するためのツールでしたが、最新バージョンの Flash では、Web サービスへのアクセスを制御したり、ECMAScript (公式バージョンのJavaScript) を使用して、完全なスクリプト サポートを提供します。

Flash について学ぶ

Flash Player は、Microsoft® Windows®、Mac OS X、および Linux® を実行しているコンピュータの Web ブラウザに統合されるプラグインです。この記事の執筆時点での Flash Player の最新バージョンは V8 です。無料で利用でき、ほとんどのブラウザにインストールされています。これは人気があり、クライアントへの浸透率も優れています。YouTube や Google ビデオなどのサービスの出現により、その浸透率はさらに高まりました。どちらも Flash を使用してビデオ ストリームを表示します。

Flash Player はスケールの一端にすぎません。 Flash Player が機能するには、Flash アニメーションの使用も必要です。このようなアニメーションは通常、Flash の開発ツールの 1 つを使用してコンパイルされたファイルであり、ファイル拡張子は .swf です。ただし、この記事で説明するように、画像を動的に作成するのと同じ方法で、Ming ライブラリを使用して .swf ファイルを動的に構築し、Web サーバー上にグラフィックを描画することもできます。 Ming ライブラリは、PHP コードから構築されたオブジェクトとメソッドを使用して、新しい .swf ファイルにアクション コードを構築します。

Web サイト内の .swf ファイルは、2 つの方法のいずれかで表示できます。最初の方法は、.swf ファイルの URL に単純に移動します。これを行うと、Web サーバーのコンテンツ領域全体が Flash アニメーションに置き換えられます。このメソッドはデバッグに便利ですが、主な用途は HTML Web ページの

リスト 1 は、SWF アニメーションを参照する

リスト 1. 埋め込み Flash アニメーション

以下为引用的内容：
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
        version=6,0,40,0"
WIDTH="550" HEIGHT="400">

TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

このタグのセットは、lines.swf という名前のアニメーションを参照します。内部の タグは、プラグインがインストールされているさまざまなブラウザで Flash アニメーションが確実に再生されるようにするために使用されます。

タグは、Flash Player の高さと幅をそれぞれ 550 ピクセルと 400 ピクセルに指定します。 Flash アニメーションのグラフィックスはベクトルベースであることに注意することが重要です。つまり、Flash コマンドを使用して線やテキストを描画すると、それらの要素は座標として保存され、表示領域に合わせて拡大縮小されます。ご覧のとおり、Flash アニメーションには独自の座標系があり、自分に合った方法でコードを可能な限りクリーンにすることができます。

Ming

この記事で紹介する Flash アニメーションを使用する最初の方法は、Ming ライブラリを使用して動的に生成する方法です。 Ming ライブラリは、SWF アニメーションのデータ型 (スプライト、グラフィックス、テキスト、ビットマップなど) にマップする一連のオブジェクトを備えた PHP ライブラリです。 Ming のビルドおよびインストール方法については説明しません。その操作はプラットフォーム固有であり、特に簡単ではないからです (「参考文献」を参照)。この記事では、Windows バージョンの PHP 用のプリコンパイルされた拡張機能 php_ming.dll ライブラリを使用しました。

Ming はまだ開発段階にあることに注意する必要があります。この記事の執筆時点では、ライブラリのバージョンは V0.4 であり、古いバージョンの一部のコマンドは最新バージョンでは動作しません。この記事は V0.4 を使用して書いているため、このコードを使用するにはこのバージョンを使用する必要があります。

リスト 2 は、Ming ライブラリを使用して実装された HelloWorld の例を示しています。

リスト 2. Hello.php

以下为引用的内容：
$f = new SWFFont( '_sans' );

$t = new SWFTextField();
$t->setFont( $f );
$t->setColor( 0, 0, 0 );
$t->setHeight( 400 );
$t->addString( 'Hello World' );

$m = new SWFMovie();
$m->setDimension( 2500, 800 );
$m->add( $t );

$m->save( 'hello.swf' );
?>

コマンド ラインでこのコードを実行すると、ファイル hello.swf が生成されます。 Web ブラウザでファイルを開くと、図 1 に示す結果が表示されます。

図 1. Ming を使用した HelloWorld の例

このコードを振り返ると、最初に行ったのは、A ポインターへのリンクを作成することでした。組み込みフォント (_sans) を使用してから、テキスト フィールドを作成し、フォント、色、サイズを設定し、最後にテキスト コンテンツ (「Hello World」) を入力します。次に、SWFMovie オブジェクトが作成され、その寸法が設定されます。最後に、テキスト要素がアニメーションに追加され、アニメーションがファイルに保存されました。

合計 3 ページ: 前のページ 1 [2] [3] 次のページ