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

WBOY
リリース: 2016-06-21 08:58:02
オリジナル
1063 人が閲覧しました

リッチ インターネット アプリケーションは 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 ページの タグにアニメーションを埋め込むことです。次に、 タグは URL を介して SWF アニメーションを参照します。 アプローチの利点は、ページ上の他の要素と同様に、アニメーションをページ上の任意の場所に配置し、JavaScript コードを通じて動的に制御できることです。

リスト 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] 次のページ



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!