ウェブデザイナーブログ

FLASH　actionscript XMLデータ読み込み

actionscriptを使ってＦｌａｓｈにXMLデータの読み込みを行ってみる。

用意するもの
Ｆｌａｓｈ（xmlload.swf）
XML形式ファイル(test.xml)
jpgファイル(今回は画像表示を行ってみるので）名前はtest.jpg

【ＦＬＡＳＨ】xmlload.swf
まずムービークリップを作成（中身は何でもいい。適当に四角形でも書いてムービークリップ化するだけ）
それをステージに配置。インスタンス名をholder

ダイナミックテキストをステージに配置。インスタンス名をtitleText

以下のアクションスクリプトを記述

var xml:XML;

xmlLoad();

function xmlLoad():Void{
xml = new XML();
xml.onLoad = dataset;
xml.ignoreWhite = true; //空白を無視
xml.load("test.xml"); //text.xmlを読み込む
}

function dataset():Void{
var att:Array = this.firstChild.childNodes[0].attributes; //今回は１件しか表示しない為。０番目のデータ（先頭データ）のみ使用します。
holder.loadMovie(att.image); //xmlファイルのimageという項目のデータを抽出
titleText.text = att.title; //xmlファイルのtitleという項目のデータを抽出
}

【xmlファイル】 test.xml
<?xml version="1.0" encoding="UTF8" ?>
<datalist>
<data image="testxml.jpg" title="タイトル" />
</datalist>

※このXMLファイルの作成を注意して下さい。
私は1番上の
<?xml version="1.0" encoding="UTF8" ?>を
<? xml version="1.0" encoding="UTF8" ?>としていて、
<?の後ろにスペースを入力していた。
たったこれだけでフラッシュファイルを実行するとエラーが出てハマってしまった＾＾；
こういう凡ミスは避けたいですね～
一応XMLファイルをダブルクリックで開けは記述のエラーがあれば表示してくれたりするんで、
ら一回確かめた方が良いです。
エラーがなければ何も表示されません。

このFLASHは、ＸＭＬを読み込んでimage,titleという項目を抽出し
そこに入っている値をダイナミックテキストや、ムービークリップのloadMovie()に渡して、
画像を読み込んでいます。

actionscriptとphpの連携：アクセスカウンター

actionscriptからテキストの書き換えが出来ないのでPHPと連携してアクセスカウンターを作成するテスト。

無理にflashでアクセスカウンタ作る必要もないけど、PHPとactionscriptの連携の経験にはなる。

コーディングのレベルとしては初歩的で勉強しやすいから自分的にもわかりやすかった。

PHPと連携出来るとまたいろいろ幅が広がるな～と思う。

ＰＨＰとＭＹＳＱＬは連携させるコンテンツを作成した事もいくつかあるので、

データベースと連携したＦｌａｓｈコンテンツというのも出来るね！

用意するもの
・カウンタ用FLASHファイル（count.swf）
・カウンタ用PHPファイル（count.php）
・カウント用データファイル(count.dat)
カウント用データファイルの中身は０とか１とか適当に半角数字を入れておいてください。
また、これらの３つのファイルは同じフォルダの中か同じ階層にした方が理解はしやすいと思います。

【flash側 count.swf】

カウンタを表示する為のダイナミックテキストを配置。インスタンス名をcounterとしておく。

actionscriptを以下のように記述。

var LvObj:LoadVars = new LoadVars();
var SvObj:LoadVars = new LoadVars();

LvObj.load("count.dat");

LvObj.onData = function(src){
var count:Number = src;
count++;
SvObj.count = count;
SvObj.sendAndLoad("count.php",SvObj); //連携するPHPファイル名をcount.phpと設定した場合
counter.text =count;
};
SvObj.onData = function(){
stop();
}

【PHP　count.php】

<?php
//カウント用のデータファイルの読み込み
$LogFile = "count.dat";

if(isset($_POST)){
$count = urldecode($_POST["count"]);
$fp = fopen($LogFile, "w+");
fputs($fp,$count);
fclose($fp);
}
?>

注意点
actionscript内の、
SvObj.sendAndLoad("count.php",SvObj); //連携するPHPファイル名をcount.phpと設定した場合
ここの部分でＰＨＰファイルのパスを指定しているけど、
これ一応しっかりとしたＵＲＬを入れた方がいいっぽい。
私はこれで同じ階層に置いたから良しと思ったけど、動かなかった。
http://～.com/count.php　みたいにしっかりPHPファイルのURL入れたら動きました。

文字列以外の抽出>flash>actionscript

文字の抽出はcharAtやsubstrを使用するが
これ文字以外、例えば数字には出来ないし、String型に日付とか入れると抽出するとundefinedが出る。

自分は日付の１文字ずつを抽出して個々のムービークリップとして使用したかったので、
これの対策として以下とした。

var date = new Date();
var moji:Number;

moji = date.getFullYear();
trace(String(moji).charAt(1));

charAt(1)は２００９年の１番目を表示するので、これの表示は　０　となる。
先頭は０番目からだからね＾＾

Ｓｔｒｉｎｇ型で型キャストするって事だのん

いちいち型キャストせずにやればいいのに？って思うが、たとえば
最初から変数mojiをString型で定義した場合。
var date = new Date();
var moji:String;

moji = date.getFullYear();
trace(moji.charAt(1));

この結果はundefinedになる。

trace(moji.charAt(1));　を
trace(moji);　とするときちんと2009が表示されるのだ。

型キャストに気付かないとハマるかも＾＾

delete EnterFrameしてるのに止まらない。

現在actionscriptでコンテンツ制作中に困った事が起こった。

タイムライン上でいくつかのラベルで動きを制御して、

ラベル１を実行、動作が終わったらラベル２実行…という感じでラベル７位まで連鎖するのだが、

個々のラベルの中でonEnterFrameを使って、次のラベルへ行く時はそのEnterFrameをdeleteする。

が、deleteしているはずなのにEnterFrameが止まらないのだ。

あれ？と悩んでいろいろいじってみたが、いつまでたってもなおらない。

なんだこれ…とソースを隅々まで見た所、プログラム中で呼び出していない自作関数があって、
その関数内でonEnterFrameを使っているラベルを実行していたのだ。
その関数を消したら直った。

うーん。疑問。

実際その自作した関数はプログラム内で一度も呼び出していなかったのに。

いや、呼び出さない関数を定義していたのもおかしい話だが、

呼び出していない関数が実行されているのもおかしいだろ…まあ、直ったからいいんだが。

しかし気付いてよかった。

まさかそこが原因だとは思わなかったし。

当たり判定

当たり判定のやり方。

初心者にもわかりやすいhitTest関数がactionscriptに用意されていますので、

これを使って簡単に当たり判定が出来ます。

ステージに
testMcというムービークリップを用意。

１フレーム目にスクリプトを書くレイヤーを用意して、以下のスクリプトを記述
onEnterFrame = hitHantei;

function hitHantei(){
    if(testMc.hitTest(_xmouse,_ymouse,true)){
        trace("hit");
    }
}

【解説】
マウスのX座標とY座標との接触判定です。
この座標を対象のムービークリップの座標に変えれば色々ゲームなんかにも使えそうですね☆

actionscriptとphpの連携・送受信

actionscriptを使ってPHPと連携させるのはどうやるのか勉強中にだいぶ困ったのでメモします。

同じ事でつまづいている方（特に私と同じような初心者の方）の手助けになれば・・・と思います。

初心者なんであんまり専門用語やら他の機能が付いたスクリプトをサンプルに勉強しても、

どれが実際の送受信に必要なのか解り辛くて、自分の作っているアプリケーションに

組み込むのを断念してしまう場合もあるのではないでしょうか？

とにかくFLASHとPHPとの送受信のみに絞ってありますので、スクリプトも超単純です。

掲示板作成やデータベースとの連携なんかは初心者がいきなり作れる訳ないです！

あせらず一番最初にやるべき基礎を勉強して理解してからにしましょう！

ではphpとデータの送受信してみますか！
簡単ですよ☆
今回はFLASH側のボタンを押すとPHPと接続してデータを送受信するアプリケーションです。

用意するもの
・FLASHファイル
・PHPファイル(今回はtest.phpという名前)

①FLASH側でボタンのムービークリップを作成します。インスタンス名をsendBtnとします。
シーン１に以下のactionscriptを記述します。

//メール送信関数
function sendMail():Void{
    var sendLV:LoadVars = new LoadVars();
    var loadLV:LoadVars = new LoadVars();

    sendLV.buriburi = "ぶりぶり";

    loadLV.onLoad = function(success){
        if(success == true){
            trace(this.message);
        }else{
            trace("通信に失敗しました");
      }
    }
    //PHPファイルの置いてある場所をきちんと指定
    //今回はtest.phpというPHPファイルに接続します
    sendLV.sendAndLoad("http://●●●●.com/test.php", loadLV, "POST");
}

//送信ボタンを押したら
sendBtn.onPress = function(){
    sendMail();
}

イメージはこんな感じ

②PHPファイルを用意します。test.phpという名前で作成します。
保存先は、PHPの動くサーバーにしてください。
このPHPファイルを置いたURLは、ＦＬＡＳＨ側で指定するのに使用しています。
sendLV.sendAndLoad("http://●●●●.com/test.php", loadLV, "POST");
の部分。

test.phpに以下のプログラムを打ちます。
<?php
$buriburi = $_POST["buriburi"];
print "message=" .$buriburi ."をちゃんと受信しました";
?>

【今回の流れ解説】

（ＦＬＡＳＨ側）
buriburi　という変数に　”ぶりぶり”　という値をセットしてPHPへ送信します。

↓↓↓↓↓↓↓↓

（ＰＨＰ側）
受信した buriburi　に入っている値を $buriburi　へ代入します。
message=　というのは次にＦＬＡＳＨ側で判定する時に使います。
ＰＨＰ側では
message=ぶりぶりを受信しました
という文字列を出力するだけです。

↓↓↓↓↓↓↓↓

（ＦＬＡＳＨ側）
this.messageを表示します。
PHP側の　message=　以降の部分です。

今回の実行結果では

と出力されます。

スクリプトはとにかくコピペではなく、見ながら自分で打って下さい！

どんな難しいスクリプトもそうするとだんだん覚えますよ！

OSのマウスカーソルの表示を消す

onMouseMove= function(){
mc._x = _root._xmouse;
mc._y = _root._ymouse;

//フレームレートに関係なくマウスが動くたび描画
updateAfterEvent();
}

//ＯＳのマウスカーソルの表示を消す
Mouse.hide();

マウスカーソルを作成

ステージにカーソルのMCを配置。
※基準点は左上で作成。

以下のスクリプトを記述
onMouseMove= function(){
mc._x = _root._xmouse;
mc._y = _root._ymouse;

//フレームレートに関係なくマウスが動くたび描画
updateAfterEvent();
}

マウスカーソルの座標を調べる

マウスカーソルの座標を調べる。

_xmouse　　X座標
_ymouse　　Y座標

フレーム１に
ダイナミックテキスト（変数 x）
ダイナミックテキスト（変数 y）
を配置。

フレーム１に
以下のアクションスクリプト記述
//初期化
_root.x = 0; //x座標の表示初期化
_root.y = 0; //y座標の表示初期化

//マウスが動くたびに実行される
onMouseMove = function(){
_root.x = _root._xmouse;
_root.y = _root._ymouse;
}

MySQLの文字化け

XAMPPのインストールなどは上手くいったが、MySQLの勉強中に、

select文でデータベースを読み込み、表示すると全角文字が?????と文字化けを起こした。

どうしようもなくわからなかったが、ネットで調べてなんとかなったので

同じ状況でお悩みの方の手助けになればと思い記録。

SET CHARACTER SET SJIS;

をコマンドプロンプトで打ち込むのみ。

すると、Query OKと表示され、

その後はデータベースを表示するときちんと全角を表示してくれた。