時間毎に変わるflash

質問

お尋ねいたします。

時間毎に変わる画像はjavascriptでできるかと思うのですが、時間毎に変わるflashというのは作れるのでしょうか？

できれば、flaファイルを個別に用意して、それを一時間毎に読み込むというような作りにできればと思うのですが、可能でしょうか？

教えてください。

回答No.1

noname#35109 · ベストアンサー

時刻を取得して何かをする前に，
単にムービーをロードするのは大丈夫なのですよね。
その前に，パブリッシュしたFlashをHTMLに表示させるのも大丈夫ですよね。

>> flaファイルを個別に用意して

と書かれているところにかなり不安を感じますが……，
flaファイルはいくつ用意しても，プロが作っても素人が作っても，とにかくブラウザでは表示されません。
単にSWFファイルと書き間違いをされただけということで，１つの方法を書いておきます。

まず，外部SWFロード用のムービークリップを１つ作ってください。
そのムービークリップのインスタンス名を仮に「mov」としておきます。

その「mov」があるフレームに，フレームのスクリプトとして，例えば

---(コピペ可)-------------------------------
JikokuObj = new Date();
Jikoku = Jikokuobj.getHours();
if (Jikoku >= 0 && Jikoku < 6) {
loadMovie("sinya.swf", "_root.mov");
} else if (Jikoku >=6 && Jikoku < 12) {
loadMovie("ohayo.swf", "_root.mov");
} else if (Jikoku >=12 && Jikoku < 13) {
loadMovie("hiruyasumi.swf", "_root.mov");
}
//…↓…続く…↓…
-----------------------------------------

と書きます。すると，
0～6時であれば，深夜用ムービー(sinya.swf)がロードされ，
6～12時であれば，おはよう用ムービー(ohayo.swf)がロードされ，
12～13時であれば，昼休み用ムービー(hiruyasumi.swf)がロードされます。

--解説(エラーが起きると思うためコピペ不可)------
//JikokuObjというDateオブジェクトを作成
JikokuObj = new Date();

//変数Jikokuに，時刻を取得
Jikoku = Jikokuobj.getHours();

//もしJikokuが0時から6時までだったら
if (Jikoku >= 0 && Jikoku < 6) {

　　//_rootに配置したインスタンス名「mov」というムービークリップに
　　//sinya.swfをロード
　　loadMovie("sinya.swf", "_root.mov");

//もしJikokuが6時から12時までだったら
} else if (Jikoku >=6 && Jikoku < 12) {

　　//「mov」というムービークリップに「ohayo.swf」をロード
　　loadMovie("ohayo.swf", "_root.mov");

//もしJikokuが12時から13時までだったら
} else if (Jikoku >=12 && Jikoku < 13) {

　　//「mov」というムービークリップに「hiruyasumi.swf」をロード
　　loadMovie("hiruyasumi.swf", "_root.mov");
}
//…↓…続く…↓…
---------------------------------------------

13時以降も同様にできます。

補足

ご回答ありがとうございます。

>>flaファイルを個別に用意して
ご指摘のとおりswfのことです。すみません。

>単にムービーをロードするのは大丈夫なのですよね
フラッシュを始めたばかりで、そこもわかりません。
いくつかサイトを見たのですが、あまりよく理解できませんでした。
もしよろしかたっらお教えくださいませんか・・・

環境は、flash MX Win XP　です。

回答No.6

noname#35109

おや，何考えてたんでしょう？
＃５のデジタル時計の訂正です。

---------------------------------------
this.onEnterFrame = function() {
TokeiObj = new Date();
Jikoku = TokeiObj.getHours();
if (Jikoku<10) {
Jikoku = "0"+Jikoku;
}
Hun = TokeiObj.getMinutes();
if (Hun<10) {
Hun = "0"+Hun;
}
Byou = TokeiObj.getSeconds();
if (Byou<10) {
Byou = "0"+Byou;
}
mByou = TokeiObj.getMilliseconds();
};
---------------------------------------

　　//もし，Jukoku１0未満であれば，
　　if (Jikoku<10) {

　　　　//Jikokuには"0"という文字列と，Jikokuをつなげる
　　　　Jikoku = "0"+Jikoku;
　　}
　　//（それ以外は何もしない (JikokuはJikokuのまま)）

これだけで良かったのでした。
暑さのせいか，不要な関数が出没してしまいました。

補足

お世話になっています。

デジタル時計はおかげさまですぐできました！
どうもありがとうございます！！！！

それで問題の時間毎の読み込みなのですが、
もうなにがだめなのかわからないんです。
どうぞよろしくお願いします。

回答No.5

noname#35109

>> でもやはりうまくできません・・・。
>> スクリプトを書くときは、キーフレームにして記述するのですよね？

基本的にはキーフレームですが，
＃４の真ん中あたりでも書いたように，場合によってはオブジェクトが表示される前にスクリプトが実行される可能性があります。
もしそんな場合は，全く別の形も色も何でも良いので，ムービークリップを作って，
そこに，
---------------------------------------
onClipEvent (load) {
JikokuObj = new Date();
Jikoku = JikokuObj.getHours();
if (Jikoku>=0 && Jikoku<6) {
loadMovie("sinya.swf", "_root.mov");
} else if (Jikoku>=6 && Jikoku<12) {
loadMovie("ohayo.swf", "_root.mov");
} else if (Jikoku>=12 && Jikoku<13) {
loadMovie("hiruyasumi.swf", "_root.mov");
}
// …↓…続く…↓…
}
-------------------------------------------
と書けば，回避できる場合が多いです。
なお，パスにはくれぐれも注意してください。

デジタル時計は簡単でしょう。
アナログは難しいですが，デジタルは簡単です。
ちなみに，テキストボックスの変数名：mByou を２つも書いてしまいました。ミスです。
左側はByouですね。スミマセン。

>> それで、一桁の時にゼロを表示させたいのですが、
>> これもifですよね？

if文で良いと思いますよ。他にもあるかもしれませんが。
うまく行かないのは，
if () の　( )内がうまく書けてないか，変数の操り方が変かです。

普通，本来の発想は，
もし，時刻が 1 であったら01， 2 であったら02，3であったら03，…
と行くのでしょうけどやたら長くなって書くのもしんどいですし，何処かでミスする可能性もあるので，少し考えます。
1～9までの数に0.1をかけて，小数部分を切り捨てれば，みんな0になる。
10より大きな数は0.1をかけて，小数部分を切り捨てても0にはならない(１以上になる)。
というわけでこうしてみました↓。

-----------------------------------
this.onEnterFrame = function() {
TokeiObj = new Date();
Jikoku = TokeiObj.getHours();
if (Math.floor(Jikoku*0.1)<1) {
Jikoku = "0"+Jikoku;
}
Hun = TokeiObj.getMinutes();
if (Math.floor(Hun*0.1)<1) {
Hun = "0"+Hun;
}
Byou = TokeiObj.getSeconds();
if (Math.floor(Byou*0.1)<1) {
Byou = "0"+Byou;
}
mByou = TokeiObj.getMilliseconds();
};
----------------------------------

Math.floor() は小数部分を切り捨てて，整数にする関数です。

　　//もし，Jukoku×0.1が１未満であれば，
　　if (Math.floor(Jikoku*0.1)<1) {

　　　　//Jikokuには"0"という文字列と，Jikokuをつなげる
　　　　Jikoku = "0"+Jikoku;
　　}
　　//（それ以外は何もしない (JikokuはJikokuのまま)）

となります。これでうまく行くと思います。
でも，あくまでも例です。
他に考えれば考えるだけ良い方法も見つかるかもしれませんが，いまのところ考えついた近道です。

回答No.4

noname#35109

>> たびたび質問してすみませんが、

いえいえ，同じ問題ですものね。以下，長いです。わかり切っているところとかは読み飛ばしてください。

>> このファイルはサーバーにアップしないといけないのでしょうか？

そりゃアップしないと他の人が見えません。
でもそういう問題ではないですよね。
アップしなければ動作しないかどうかということですね。
アップしなくても動作するはずです。

>> この時刻はパソコンの時刻かサーバーの時刻かどちらでしょうか？

Flashは基本的にローカルPCの時刻を表示します。
JavaScriptなどと同じで，クライアントサイドのスクリプトです。
だから，パソコンの時刻を変えれば，実験はできます。

>> swfが読み込まれず、ロード用のオブジェクトが表示されます。

実際に，

index.html(仮称)
index.swf(仮称)
sinya.swf
ohayo.swf
hiruyasumi.swf

を同フォルダに用意して，
「mov」というインスタンス名のムービークリップを作り，
１フレーム目のフレームスクリプトとして

--------------------------------------------
JikokuObj = new Date();
Jikoku = Jikokuobj.getHours();
if (Jikoku >= 0 && Jikoku < 6) {
loadMovie("sinya.swf", "_root.mov");
} else if (Jikoku >=6 && Jikoku < 12) {
loadMovie("ohayo.swf", "_root.mov");
} else if (Jikoku >=12 && Jikoku < 13) {
loadMovie("hiruyasumi.swf", "_root.mov");
}
//…↓…続く…↓…

-------------------------------------------
と書いて，index.swf(仮称)をパブリッシュしましたが，やっぱり，時刻ごとにちゃんと違うSWFが表示されました。

>> ロード用のオブジェクトが表示されます。

ここが問題ですね。
ムービークリップにスクリプトが届いていない状態です。

どういう場合に届かないかというと，
１.インスタンス名のオブジェクトがない
２.オブジェクトまでのパスが間違っている
３.オブジェクト表示前にスクリプトが実行されている

というのが多いパターンです。

１の対処法
スクリプト内のターゲットとなっている部分(上だと"_root.mov"の「mov」)が実際のオブジェクトのインスタンス名と合っているかどうかを確かめてください。大文字小文字も間違えず。半角であることもです。

２の対処法
ターゲットまでのパスを確認してください。
この場合は，メインアニメーションの直下(_root)に「mov」というオブジェクトを作っているので，"_root.mov"という"パス.インスタンス名"
になっているのです。
読み込ませようとしているムービークリップがさらに別のムービークリップの中に入っているのであれば，そのインスタンス名もパスに必要になります。
「mov」が「hyouji」というムービークリップの中にある場合は，"_root.hyouji.mov"となります。

３の対処法
全体のファイルが重いとき，オブジェクトが読み込まれる(表示される)前に，フレームのスクリプトが実行されることがあります。
オブジェクトが表示される前に，「ロードしろ」と言っても，オブジェクトはいないのでスクリプトが伝わりません。
「オブジェクトが表示される」→「スクリプトが実行される」　とういパターンでないといけません。
フレームのスクリプトはオブジェクトの表示と同じフレームか，オブジェクトが表示された後に書かれてあるか確認してください。
もし両方，同じフレームで出てくる場合は，フレームではなく，別のムービークリップにスクリプトを書くと，うまく実行されることがあります。
読み込み用オブジェクトとは別に，ステージ外の見えないところに，新しいムービークリップを用意してください。
そのムービークリップに，
---------------------------------------
onClipEvent (load) {
JikokuObj = new Date();
Jikoku = JikokuObj.getHours();
if (Jikoku>=0 && Jikoku<6) {
loadMovie("sinya.swf", "_root.mov");
} else if (Jikoku>=6 && Jikoku<12) {
loadMovie("ohayo.swf", "_root.mov");
} else if (Jikoku>=12 && Jikoku<13) {
loadMovie("hiruyasumi.swf", "_root.mov");
}
// …↓…続く…↓…
}
-------------------------------------------
などと書いてみてください。
すると無事実行されることがあります。
または，_rootにJikokuを設定したい場合は，
-------------------------------------------
onClipEvent (load) {
JikokuObj = new Date();
_root.Jikoku = JikokuObj.getHours();
if (_root.Jikoku>=0 && _root.Jikoku<6) {
loadMovie("sinya.swf", "_root.mov");
} else if (_root.Jikoku>=6 && _root.Jikoku<12) {
loadMovie("ohayo.swf", "_root.mov");
} else if (_root.Jikoku>=12 && _root.Jikoku<13) {
loadMovie("hiruyasumi.swf", "_root.mov");
}
// …↓…続く…↓…
}
-------------------------------------------
となります。

一般的に，うまく行かないパターンで多いのは，
「２.オブジェクトまでのパスが間違っている」場合だと思います。

================================================

>> ロード用のオブジェクトが表示されます。

もしこの問題が解消しても，SWFが読み込まれない場合は，今度は外のパスを注意してください。
SWFが貼り付いているHTMLから見たときのパスが，読み込むムービーのパスです。

================================================

～～～ついでに～～～

「時刻によって別のSWFをロードする。」
というのより「デジタル時計」を作る方が簡単です。
不要かもしれませんが，デジタル時計の作り方。

ステージ上にダイナミックテキストのテキストエリアを横に並べて４つ配置します。

┌──┐　┌──┐　┌──┐　┌──┐
└──┘　└──┘　└──┘　└──┘

こんな感じ↑。
それダイナミックテキストボックスのプロパティで，変数を左から，
Jikoku，Hun，mByou，mByou
と仮に決めます。
今度は＜インスタンス名＞ではないです。
ダイナミックテキストのプロパティパネルの下の方にある，変数：　となっている部分です。
そこに，一番左なら「Jikoku」，二番目なら「Hun」，……　と書いて行きます。
これで時計の表示部分は完成。

次にタイムラインのフレームにスクリプトを書きます。
新規作成から作った場合は，１フレーム１レイヤーですよね。

そのフレームに
----------------------
TokeiObj = new Date();
Jikoku = TokeiObj.getHours();
Hun = TokeiObj.getMinutes();
Byou = TokeiObj.getSeconds();
mByou = TokeiObj.getMilliseconds();
----------------------
と書きます。

これで一度パブリッシュしてみて，SWFファイルを開くと，
開いた時刻が表示されると思います。
でも時計は止まっていると思います。
なぜ止まっているかと言うと上の計算が開いたときに１回しかされないからです。

時刻を動かしたいのであれば，フレームを複数フレームにして，
次のフレームにも同じ事を書いて，
その次のフレームにも同じ事を書いて……
としていけば何度も計算されるので，リアルタイムの動く時計になります。
でもこれだと面倒なので，スクリプトを使って何度も計算させます。

----------------------
this.onEnterFrame = function() {
TokeiObj = new Date();
Jikoku = TokeiObj.getHours();
Hun = TokeiObj.getMinutes();
Byou = TokeiObj.getSeconds();
mByou = TokeiObj.getMilliseconds();
};
----------------------
上で書いたスクリプトを，これに書き替えます。

これは上で書いたスクリプトを
onEnterFrame = function() {***スクリプト部分***}
の {***スクリプト部分***}に入れたものです。

onEnterFrameはフレームが進むのと同じタイミング(デフォルトでは1/12秒)に１回，{******}に書かれた計算をする。
ということです。
だから，毎フレーム同じ事を書かなくてもいいことになります。

あとは装飾すれば，デジタル時計の完成。

「時刻によって別のSWFをロードする。」はこのスクリプトの秒や分などは要らないので使わなかっただけです。
---------------------
TokeiObj = new Date();
Jikoku = TokeiObj.getHours();
---------------------
ここの部分だけ使って，
もし(If)，Jikokuが○○であれば，○○.swfをロードするとしているわけです。

時刻が本当に取得出来ているかどうかを確かめるには，
スクリプトの中でtrace()ステートメントを使えば、ムービープレビューの際に変数の値などを出力パネルに書き出すことができます。

上の(＃１で書いた)スクリプトの場合，

--------------------------------------------
JikokuObj = new Date();
Jikoku = Jikokuobj.getHours();
trace (Jikoku);
　～　～　～　～　～
--------------------------------------------

と書いててムービープレビューしてみると出力パネルに時刻が出るはずです。
時刻が出れば，時刻取得までは成功しているということです。
この，trace (); を使っても調べられますが，デジタル時計のように，変数名を付けたダイナミックテキストを用意していても調べることができます。

補足

お返事が遅くなりすみません。
ご丁寧に親切に本当にありがとうございます。

でもやはりうまくできません・・・。
スクリプトを書くときは、キーフレームにして記述するのですよね？
もうちょっとチャレンジしてみようと思います。

また、デジタル時計も実は教えてほしかったのでとてもありがたいです。
それで、一桁の時にゼロを表示させたいのですが、
これもifですよね？
うまくできません・・・。

よろしかったらまた教えていただけますか・・・

回答No.3

noname#35109

＃１です。

>> フラッシュを始めたばかりで、そこもわかりません。

ということなので，単純なロードのしかたの説明をします。

00.html
11.swf
22.swf

この３つが，サイトの同じフォルダの中にあったとします。
「00.html」は「11.swf」を表示させているHTMLで，
「11.swf」に「22.swf」をロードする場合を考えます。

「22.swf」
これは適当に作ってください。
読み込ませる11.swfより大きければはみだしてしまうので，11.swfよりはステージが小さいムービーです。
また真っ白だとロードされたのかされてないのかがよくわかりませんので，
適当に何か書いたり，色をつけたりしてください。

「11.swf」
22.swf をロードするムービークリップをまず作ります。場所づくりです。
10×10ピクセルくらいの小さなムービークリップで良いです。
単に黄色い塗りの■を描いて，その■を選択，
右クリック→シンボルに変換→ムービークリップにチェックを入れ，OK。
そしてそのムービークリップのインスタンス名を付けます。
今作ったムービークリップを選択，下に表示されるプロパティパネルの左の方にある＜インスタンス名＞となっているところを書き替えます。
仮に「MC1」というインスタンス名にしておきましょうか。
これを，ステージの右上の方に配置してください。

次に，スクリプトを書かなければ， ××.swf は読み込まれません。
スクリプトを書く場所は，したい形によって変わるので，何ともいえませんが，
＃１ではフレームに書いたので同じくフレームにしておきましょうか。
そのフレームをキーフレームにして，
下に表示されているアクションパネルを選択，白いスクリプトを書く部分に

loadMovie("22.swf", "_root.MC1");

と書きます。
これで，「11.swf」を開くと，中に「22.swf」が表示されると思います。
MC1を起点として「22.swf」の左上がその場所に来ると思います。
ロードされる位置は，MC1の場所を変えるなどして調節してください。

これの発展系が，＃１で書いた，時刻を取得して，○○時だった場合，○○.swfをロードする。
というスクリプトになるのです。

補足

たびたびありがとうございます。
単純なロードのしかたはわかりました。

しかし、時間毎のロードがやはりうまくできません。
swfが読み込まれず、ロード用のオブジェクトが表示されます。

また、このファイルはサーバーにアップしないといけないのでしょうか？
この時刻はパソコンの時刻かサーバーの時刻かどちらでしょうか？

たびたび質問してすみませんが、どうぞよろしくお願いします。

回答No.2

noname#35109

＃１です。
すみません。スクリプトの２行目，

---(コピペ可)-------------------------------
JikokuObj = new Date();
Jikoku = Jikokuobj.getHours();

　↓↓↓

---(コピペ可)-------------------------------
JikokuObj = new Date();
Jikoku = JikokuObj.getHours();

JikokuObjの部分。定義したものと，使っているものとの大文字，小文字が合っていませんでした。