ホーム
メインメニュー

動くカウンタを作る

FPEの定義ファイルをPHPで動的に生成することで動くカウンタを作成しました。
動くカウンタ自体、あまりニーズが無いと思いますが、この仕組みをベースに何か作りたいと思っています。

同一IPをカウントしない機能もつけたのですが、現在無効にしています。
リロードするとすぐにカウントアップします。

ここに表示しているカウンタサンプルはかなり大きいですが、PHPを若干理解されている方であれば容易に小さいサイズも作成可能です。

ポイントは

・HTMLで指定するObjectタグ中の「width及びheightを変更する」
・fpe_simple_counter.php中のテロッププラグインへ渡す引数「font_size」を変更する
・bg.jpgを小さい画像に置き換える
以上3箇所の修正で小さいカウンタとしても使用可能です。

連携の仕組み

動作環境
必要なファイル

「動くカウンタ」をダウンロードして下さい。

sample.html(カウンタを表示させるためのサンプルHTML)
fpe_simple_counter.php(カウンタプログラム本体)
counter.dat(パーミッションを書き込み可能にして下さい。666等)
bg.jpg(背景画像ファイル)
misfpe.swf(FPE本体)
mistelop_sharp.swf(FPEテロッププラグイン)

※FPE(フラッシュ プレゼンテーション エンジン)はELZより入手して下さい。

※fpe_simple_counter.phpはEUC対応のテキストエディタで適時編集して下さい。

仕組み
FPEの仕組み

FPEはXML形式の定義ファイルに記載されたパラメータで動作します。
PHP等のサーバサイドスクリプトと連携させない場合は、テキストエディタ等でconfig.xmlを作成し画像やプラグインの動きを定義します。

・misfpe.swf(FPE本体)がconfig.xmlをサーバにリクエストし、その定義内容によって動作が決まります。
・動きや表示内容を変更したい場合はconfig.xmlをテキストエディタ等で変更し、サーバにアップする必要があります。

動的に定義ファイル(XML)を作成する

動くカウンタ」は上述したconfig.xmlをPHPサイドで動的に作成するものです。
fpe_simple_counter.phpで動的に定義ファイルを作成しFPEに読み込んでもらうということになります。
アクセスする度にカウンタ数値を加算し、その結果をFPEに渡すことで毎回異なる数値を表示させるというものです。

HTML中のOBJECTタグ記述例(fpe_simple_counter.phpの指定方法)
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase=
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
width="400" height="250">
<param name="movie" value="misfpe.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name=scale value="noscale">
<param name=salign value="TL">
<param name="flashvars" value="xmldata=fpe_simple_counter.php">
<embed src="misfpe.swf"
width="400" height="250"
quality="high" bgcolor="#ffffff" scale="noscale" salign="TL"
flashvars="xmldata=fpe_simple_counter.php"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"></embed>
</object> 

fpe_simple_counter.php実行結果
<?xml version="1.0" encoding="SJIS" ?>
<pagedata>

<common>
<copyright>elz.jp</copyright>
<effect_type>0</effect_type>
<effect_time>12</effect_time>
<stop_time>30</stop_time>
<align_mode>5</align_mode>
<zoom_mode>0</zoom_mode>
<background>./bg.jpg</background>
</common>

<expert>

<image>
<image_url>
./mistelop_sharp.swf?telop=www.yaibeen.com&amp;font_size=30
</image_url>
</image>

<image>
<image_url>
./mistelop_sharp.swf?telop=0000001&amp;telop_color=ffcc00&amp;font_size=30
</image_url>
</image>

</expert>

Yaibeen