PHP を使用して Flash アニメーションをすばやく生成する
- WBOYオリジナル
- 2016-06-21 08:58:021105ブラウズ
リッチ インターネット アプリケーションは Web 2.0 の新しいバズワードであり、Web 2.0 の本質において重要なコンポーネントは Adobe Flash です。 Flash アニメーションをアプリケーションに統合し、Ming ライブラリを使用して Flash アニメーションを動的に生成する方法を学びます。
Web 2.0 では、リッチ インターネット アプリケーションが導入されました。しかし、リッチ インターネット アプリケーションとは何を意味するのでしょうか?通常、これは、応答性の高い取引操作をアプリケーションに追加することを意味します。具体的には、サーバーから新しいページを取得することなく、ページ内のウィジェット、Web フォーム、レポートをオンザフライで変更できることを意味します。
リッチ インターネット アプリケーション (RIA) を構築する 1 つの方法は、Ajax、JavaScript、カスケード スタイル シート (CSS)、および HTML を組み合わせたダイナミック HTML (DHTML) を使用することです (「参考文献」を参照)。ただし、DHTML が Web アプリケーションに対話性を追加する唯一の方法ではありません。もう 1 つの重要な方法は、Web サイトに対話性を追加するために 10 年間使用されてきた Adobe 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 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] 次のページ