基本情報処理技術者試験ってしってますか？
SEの仕事をするための基本的なこと、が試験内容ということです。
次の試験日が１０月なんですが、受けてみようかなと。
また進行状況書きます。
--------------------------------------------------
FLASHでローディングアニメーションをつくる、ですが、
今日はやっとローディングされたファイルサイズを％表示！
しつこいようですが、復習。
ローディングされたファイルサイズを％表示するには
ロードされた％ ＝ ロードされたファイルサイズ/全ファイルサイズ * 100
が計算できればOKですよね。
ロードされたファイルサイズは
getBytesLoaded
ローディングアニメーションをつくろう01参照
全ファイルサイズは
getBytesTotal
ローディングアニメーションをつくろう02参照
で取得できますよね。
ということは
ロードされた％ = getBytesLoaded / getBytesTotal
です。
では早速フラッシュで試してみよう！
-------------------------------------------
１．前回同様、メインタイムライン（フラッシュでファイルを開けたときに出ているタイムライン）の2フレーム目に
bytesTotal = _root.getBytesTotal();
bytesLoaded = _root.getBytesLoaded();
percent = bytesLoaded / bytesTotal * 100;
trace(Math.floor(percent)+"%");
gotoAndPlay(1);
２.次に、３フレーム目に画像でも
絵（ある程度サイズの重いもの）でもいいので何か入れてください。
３.ムービープレビューした後に、
タスクバーの”表示”から”ストリーミングの表示”を選択
-------------------------------------------
すると、出力に
100%
100%
100% ←”ストリーミングの表示”を選択前
3% ←”ストリーミングの表示”を選択後
4%
6%
9%
12%
14%
という風にロードされたファイルサイズを％表示することができました！
次回は、この数字とアニメーションを組み合わせて、
ローディングバーを作ってみましょう！！
▲ ローディング02 - getBytesLoaded() へ戻る
▼ ローディング04 - プロパティ_width へ進む
**************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
FLASHでローディングアニメーションをつくろう02-getBytesLoaded
ローディングされたファイルサイズを％表示するには
ロードされた％ ＝ ロードされたファイルサイズ/全ファイルサイズ * 100
が計算できればOKですよね。
というわけで前回は
getBytesTotal
フラッシュの全ファイルサイズを取得する方法を紹介しました。
今回は
getBytesLoaded
ローディングされたファイルサイズを取得する方法を紹介します。
では、やってみましょう。
前回同様、メインタイムライン（フラッシュでファイルを開けたときに出ているタイムライン）の2フレーム目に
loadedbytes =_root.getBytesLoaded();
trace(loadedbytes);
gotoAndPlay(1);
と書いてみてください。
次に、３フレーム目に画像でも絵（ある程度サイズの重いもの）でも
いいので何か入れてください。
で、ムービープレビューすると、
”出力”のところに
142805
142805
142805
みたいに数字がでてきますよね。
ムービープレビューだとあっという間に全ファイルサイズが読み込まれてしまうので、これではほんとにロードされた分だけ読まれているのかわかりません。
なのでムービープレビューした後に、タスクバーの”表示”から”ストリーミングの表示”を選択してみてください。出力に下のような結果が表示されると思います。
出力の結果-------------------------
ムービープレビュー直後
142805 ←全ファイルサイズが表示
142805 ←全ファイルサイズが表示
142805 ←全ファイルサイズが表示
ストリーミングの表示を選択後
131 ←ロードされたファイルサイズが表示（ファイル読み込み中）
551 ←ロードされたファイルサイズが表示（ファイル読み込み中）
788 ←ロードされたファイルサイズが表示（ファイル読み込み中）
1210
1648
2098
2545
.....
142805 ←全ファイルサイズが表示（ファイル読み込み終了）
142805 ←全ファイルサイズが表示（ファイル読み込み終了）
という結果になるはずです。
どうですか？getBytesLoadedでロードされたファイルサイズが取得できるというのがなんとなくわかりました？？
では次回はgetBytesLoadedとgetBytesTotalをつかって
ロードされたファイルを％で表してみましょうね！！
▲ ローディング01 - getBytesTotal() へ戻る
▼ ローディング03 - パーセント表示 へ進む
---------------------------------------------------------------
パソコンゲームってやったことありますか？？
HALF LIFE２ 日本語版
すごいです。
何がすごいって、物体の動きが現実のものと同じように動くように計算されているので、例えばコンクリートの壁とかも壊せるんですが、ピックみたいなので壁をたたくと、コンクリートの破片の飛び具合、穴の開き方が現実でやったのとほんとに同じようにみえるんです。プレイしているとリアルすぎて、ちょっと酔うくらい。
HALF LIFE２ 日本語版
カウンターストライクやデルタフォースが
好きな人にはたまらないと思います!!<br clear="all">
**************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
ローディングされたファイルサイズを％表示するには
ロードされた％ ＝ ロードされたファイルサイズ/全ファイルサイズ * 100
が計算できればOKですよね。
というわけで前回は
getBytesTotal
フラッシュの全ファイルサイズを取得する方法を紹介しました。
今回は
getBytesLoaded
ローディングされたファイルサイズを取得する方法を紹介します。
では、やってみましょう。
前回同様、メインタイムライン（フラッシュでファイルを開けたときに出ているタイムライン）の2フレーム目に
loadedbytes =_root.getBytesLoaded();
trace(loadedbytes);
gotoAndPlay(1);
と書いてみてください。
次に、３フレーム目に画像でも絵（ある程度サイズの重いもの）でも
いいので何か入れてください。
で、ムービープレビューすると、
”出力”のところに
142805
142805
142805
みたいに数字がでてきますよね。
ムービープレビューだとあっという間に全ファイルサイズが読み込まれてしまうので、これではほんとにロードされた分だけ読まれているのかわかりません。
なのでムービープレビューした後に、タスクバーの”表示”から”ストリーミングの表示”を選択してみてください。出力に下のような結果が表示されると思います。
出力の結果-------------------------
ムービープレビュー直後
142805 ←全ファイルサイズが表示
142805 ←全ファイルサイズが表示
142805 ←全ファイルサイズが表示
ストリーミングの表示を選択後
131 ←ロードされたファイルサイズが表示（ファイル読み込み中）
551 ←ロードされたファイルサイズが表示（ファイル読み込み中）
788 ←ロードされたファイルサイズが表示（ファイル読み込み中）
1210
1648
2098
2545
.....
142805 ←全ファイルサイズが表示（ファイル読み込み終了）
142805 ←全ファイルサイズが表示（ファイル読み込み終了）
という結果になるはずです。
どうですか？getBytesLoadedでロードされたファイルサイズが取得できるというのがなんとなくわかりました？？
では次回はgetBytesLoadedとgetBytesTotalをつかって
ロードされたファイルを％で表してみましょうね！！
▲ ローディング01 - getBytesTotal() へ戻る
▼ ローディング03 - パーセント表示 へ進む
---------------------------------------------------------------
パソコンゲームってやったことありますか？？
HALF LIFE２ 日本語版
すごいです。
何がすごいって、物体の動きが現実のものと同じように動くように計算されているので、例えばコンクリートの壁とかも壊せるんですが、ピックみたいなので壁をたたくと、コンクリートの破片の飛び具合、穴の開き方が現実でやったのとほんとに同じようにみえるんです。プレイしているとリアルすぎて、ちょっと酔うくらい。
HALF LIFE２ 日本語版
カウンターストライクやデルタフォースが
好きな人にはたまらないと思います!!<br clear="all">
**************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
攻殻機動隊 STAND ALONE COMPLEX 08
見たことありますか？めちゃくちゃすごい、面白い、かっこいいです。
本、映画、ゲーム、漫画など、なんでも２回目はないんですが、
攻殻機動隊は２回みてもおもしろい！
ただ、話の内容がややこしいといえばややこしく、
コンピューター系苦手な人には難しいかも。
笑い男エピソードにははまります。
タチコマもかわいいー。
ぜひぜひ一度ご覧ください。
DVD高いけど、それだけの価値はありますよ。
ちなみにこれは０８なのではじめから見るには０１を購入してくださいね
-------------------------------------------------
では今日の講座。
FLASHでローディングアニメーションをつくろう01-getBytesTotal
ローディングていうのばよくあるあれです。
now loading...
これがFLASHでは簡単にできちゃいます。
仕組みは、簡単に言うと
ロードされた％ ＝ ロードされたファイルサイズ/全ファイルサイズ * 100
です。よね？
つまりflashの
○全ファイルサイズ
○ロードされ終えたファイルサイズ
がわかればよいわけです。
で、今日は全ファイルサイズを教えてくれる
getBytesTotal
をつかってみましょ。
メインタイムライン（フラッシュでファイルを開けたときに出ているタイムライン）の１フレーム目に
total = _root.getBytesTotal();
trace(total);
と書いてみてください。
で、ムービープレビューすると、
”出力”のところに
２２３６５２ みたいに数字がでてきますよね。
それがムービープレビューしたファイルの全ファイルサイズです。
書き出されたswfのファイルサイズを比べてみてください。ほぼ一緒くらいです。
では次回はロードされたファイルサイズを取得する方法、です。
▼ ローディング02 - getBytesLoaded() へ進む
**************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
今日はいきなり講座です。
FLASHからサイズ指定の別ウインドウを開く方法
1.フラッシュを入れるHTMLファイルの
＜head＞＜/head＞内に、
別ウインドウを出すためのJavaScriptを記入します。
＜script language="javascript" type="text/javascript"＞
＜!--
function openWindow(URL, winName, features){
window.open(URL, winName, features);
}
--＞
＜/script＞
2.フラッシュのボタンより
HTMLファイルの<head></head>内に記入した
”ファンクションopenWindow”を呼び出します。
on(release){
getURL("javascript:openWindow('http://yahoo.co.jp','','width=300, height=200')");
}
openWindow()の()の中の
１つ目の''にはリンクしたいURL、
２つ目は空白（''のみ)、
３つ目は横幅widthと高さheightを（ピクセルです）入れてください。
以上でgetURL編は終わりにしようかと思います。
何か思いついたらまた増やそうと思います。
▲ 03 FLASHから指定したフレームに移動 へ戻る
**************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
FLASHからサイズ指定の別ウインドウを開く方法
1.フラッシュを入れるHTMLファイルの
＜head＞＜/head＞内に、
別ウインドウを出すためのJavaScriptを記入します。
＜script language="javascript" type="text/javascript"＞
＜!--
function openWindow(URL, winName, features){
window.open(URL, winName, features);
}
--＞
＜/script＞
2.フラッシュのボタンより
HTMLファイルの<head></head>内に記入した
”ファンクションopenWindow”を呼び出します。
on(release){
getURL("javascript:openWindow('http://yahoo.co.jp','','width=300, height=200')");
}
openWindow()の()の中の
１つ目の''にはリンクしたいURL、
２つ目は空白（''のみ)、
３つ目は横幅widthと高さheightを（ピクセルです）入れてください。
以上でgetURL編は終わりにしようかと思います。
何か思いついたらまた増やそうと思います。
▲ 03 FLASHから指定したフレームに移動 へ戻る
**************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
すごいHP見つけました。その名も
神動画.com
そのゲームの神動画、どれもすごいんですが、
グラディウスお馬鹿プレイ
これはすごい！！ぜっったい見てください。
大爆笑＆拍手喝采ものです。思い出し笑いもできます。
ほんとすごいです。
***********************************************************
というわけで、今日の講座です。
getURLから指定したフレームに移動
フレームセットしているhtmlファイルは、
↓こんな感じのコードが書かれています、
＜html＞
＜head＞
＜title＞getURLから指定したフレームに移動＜/title＞
＜/head＞
＜frameset cols="200,*"＞
＜frame name="top" src="a.html"＞
＜frameset rows= 150,*＞
＜frame name="left" src="b.html"＞
＜frame name="main" src="c.html"＞
＜/frameset＞
＜/frameset＞
＜/html＞
赤色のコードのところがポイントで、
frameタグ内で上のように
frame name=top" src="a.html"
という風にしてname=""でフレームに名前をつけます。
で、フラッシュのほうで
a.htmlにアメブロトップページを表示させたい時
getURL("http://ameblo.jp", "top");
b.htmlにアメブロトップページを表示させたい時
getURL("http://ameblo.jp", "left");
c.htmlにアメブロトップページを表示させたい時
getURL("http://ameblo.jp", "main");
で、OKです。
今回は講座っぽいかな？
次回はgetURLをつかった小技編。
フラッシュから画面指定で小窓を出す方法です。
▲ FLASHから別ウインドウでリンク へ戻る
▼ サイズ指定の別ウインドウ-getURL＋JavaScript へ進む
***********************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
神動画.com
そのゲームの神動画、どれもすごいんですが、
グラディウスお馬鹿プレイ
これはすごい！！ぜっったい見てください。
大爆笑＆拍手喝采ものです。思い出し笑いもできます。
ほんとすごいです。
***********************************************************
というわけで、今日の講座です。
getURLから指定したフレームに移動
フレームセットしているhtmlファイルは、
↓こんな感じのコードが書かれています、
＜html＞
＜head＞
＜title＞getURLから指定したフレームに移動＜/title＞
＜/head＞
＜frameset cols="200,*"＞
＜frame name="top" src="a.html"＞
＜frameset rows= 150,*＞
＜frame name="left" src="b.html"＞
＜frame name="main" src="c.html"＞
＜/frameset＞
＜/frameset＞
＜/html＞
赤色のコードのところがポイントで、
frameタグ内で上のように
frame name=top" src="a.html"
という風にしてname=""でフレームに名前をつけます。
で、フラッシュのほうで
a.htmlにアメブロトップページを表示させたい時
getURL("http://ameblo.jp", "top");
b.htmlにアメブロトップページを表示させたい時
getURL("http://ameblo.jp", "left");
c.htmlにアメブロトップページを表示させたい時
getURL("http://ameblo.jp", "main");
で、OKです。
今回は講座っぽいかな？
次回はgetURLをつかった小技編。
フラッシュから画面指定で小窓を出す方法です。
▲ FLASHから別ウインドウでリンク へ戻る
▼ サイズ指定の別ウインドウ-getURL＋JavaScript へ進む
***********************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
アメブロ３参加しましたか？
私はトラックバックしたら一番上に表示されるものだと思って
なんでできないのー？？
と、3回もトラバしてしまいました。
はずかしい...
すみません、アメブロスタッフのみなさま...
では本題。
今日はgetURLで、FLASHから新しい別のウインドウにページを開く方法。
htmlタグでは、
a href="http://ameblo.jp" target="_blank で
アメブロにリンク
新しいウインドウにリンクできます。
これと同じでフラッシュでは
getURL("http://ameblo.jp","_blank");
で、OKです。
うーん、簡単すぎますか？？
次回はgetURLから指定したフレームに移動したいときの方法です。
04 サイズ指定の別ウインドウ-getURL＋JavaScript はコチラ
では。
▲ 01 getURLの使い方 へ戻る
▼ 03 FLASHから指定したフレームに移動 へ進む
***********************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
私はトラックバックしたら一番上に表示されるものだと思って
なんでできないのー？？
と、3回もトラバしてしまいました。
はずかしい...
すみません、アメブロスタッフのみなさま...
では本題。
今日はgetURLで、FLASHから新しい別のウインドウにページを開く方法。
htmlタグでは、
a href="http://ameblo.jp" target="_blank で
アメブロにリンク
新しいウインドウにリンクできます。
これと同じでフラッシュでは
getURL("http://ameblo.jp","_blank");
で、OKです。
うーん、簡単すぎますか？？
次回はgetURLから指定したフレームに移動したいときの方法です。
04 サイズ指定の別ウインドウ-getURL＋JavaScript はコチラ
では。
▲ 01 getURLの使い方 へ戻る
▼ 03 FLASHから指定したフレームに移動 へ進む
***********************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座
フラッシュオススメ本 スピードマスター Flash MXすっごくわかりやすく丁寧に説明してあって、”パソコンあんまりできなーい”ってな人でも順をおって苦痛なくやっていけると思います。
というかこれを一番下に書きたいのに、画像が勝手に上にはいってしまって動かし方がわかりません。だれか知ってる人教えて！！
----------------------------------------------------
と、いうわけで本題。
FLASHで始めにトライしてみるものの１つは
ボタン。（あるいはナビゲーションバー）
私も作りました。
そこで必要不可欠なメソッドが
getURL
今日はgetURLの使い方講座01やってみます。
getURLの使い方
---------------------------------------------
＜書くところ＞
ボタンアクションで - on(press)、on(release)内に書く。
ムービークリップで - onClipEvent(mouseDown)内に書く。
＜書き方＞
今日は、一番簡単バージョンで。
例）フラッシュのボタンからアメブロにリンクしたいとき。
on(press){
getURL("http://ameblo.jp");
}
とっても簡単!!!
＜注意事項＞
はじめは { } とか、 ; とかをつけ忘れやすいので注意！！
リンク先アドレスは" "で囲むこと
アドレスはhttp://からはじめると間違いない！
次回はgetURLをもうちょっと高度につかいこなすために、
-自分のいるページ内開く
-別ウインドウで開く
などなど使い分けてみましょう！！
▼ 02 FLASHから別ウインドウでリンク へ進む
**************************************************
↓私の講座サイトです。興味のある人はぜひ見に来てください♪
フラッシュ講座