ひろぽっぽれす » Flash http://hiropo.co.uk Web系エンジニアの適当なブログです。どうでも酔いものばかり作ってます。 Sun, 25 Jul 2010 17:09:15 +0000 ja hourly 1 http://wordpress.org/?v=3.0 with文の名前領域 – ActionScript3.0 http://hiropo.co.uk/archives/453 http://hiropo.co.uk/archives/453#comments Fri, 23 Apr 2010 08:55:43 +0000 admin http://hiropo.co.uk/?p=453 AS3を本気で勉強しようと思い過去に何度入門したかわからないAS3を再び始めました。今回は本気です！（ってみんな言うよね。）
とりあえずTextField()から入門してHelloWorld的なことをやろうと思い頑張っていたら、with文がなかなか厄介でつまづきました。べつに使う必要ないんだけどね。

とりあえず、HelloWorld的な。

PLAIN TEXT
Actionscript:
  1. //************************************************************
  2. // HelloWorld - TextField()
  3. // とりあえず文字を書き出してみる。
  4. //
  5. package {
  6.     import flash.display.*;
  7.     import flash.text.*;
  8.     public class Main extends Sprite {
  9.         //------------------------------------------------------------
  10.         // Mainコンストラクタ
  11.         //
  12.         public function Main() {
  13.            
  14.             //h1 TextFormat() を定義
  15.             var tf_h1:TextFormat = new TextFormat();
  16.             tf_h1.color = 0x666666;
  17.             tf_h1.size = 30;
  18.             tf_h1.font = 'Times New Roman';
  19.             tf_h1.align = TextFieldAutoSize.CENTER;
  20.            
  21.             //titleを定義
  22.             var title:TextField = new TextField();
  23.             title.text = 'HelloWorld!! - TextField()';
  24.             title.width = stage.stageWidth;
  25.             title.height = 40;
  26.             title.x = 0;
  27.             title.y = (stage.stageHeight/2);
  28.             title.setTextFormat( tf_h1 );
  29.             title.background = true;
  30.             title.backgroundColor = 0xEEEEEE;
  31.            
  32.             //stageに要素を追加
  33.             stage.addChild( title );
  34.         }
  35.     }
  36. }

▽結果

インスタンスのプロパティをwith文を使ってまとめてみる。

PLAIN TEXT
Actionscript:
  1. //titleを定義
  2. var title:TextField = new TextField();
  3. with( title ){
  4.     text = 'HelloWorld!! - TextField()';
  5.     width = stage.stageWidth;
  6.     height = 40;
  7.     x = 0;
  8.     y = (stage.stageHeight/2);
  9.     setTextFormat( tf_h1 );
  10.     background = true;
  11.     backgroundColor = 0xEEEEEE;
  12. }

･･･これがですね、実は思わぬ落とし穴があって動いてくれないんです。

with文の中身というのは、親オブジェクトの名前領域の中にいる状態（表現あってる？）です。ここで問題になっているのは、stageオブジェクトです。"stage.stageWidth" の部分。
親が"title"オブジェクトなので、with文の中では、"title.stage.stageWidth" というように見られてしまいます。もちろん、titleインスタンスにはそんな階層のプロパティをもっていません。
それでもwith文を使いたい場合はこのように書きます。

PLAIN TEXT
Actionscript:
  1. //titleを定義
  2. var title:TextField = new TextField();
  3. var stageInstance:Object = stage;
  4. with( title ){
  5.     text = 'HelloWorld!! - TextField()';
  6.     width = stageInstance.stageWidth;
  7.     height = 40;
  8.     x = 0;
  9.     y = (stageInstance.stageHeight/2);
  10.     setTextFormat( tf_h1 );
  11.     background = true;
  12.     backgroundColor = 0xEEEEEE;
  13. }

一旦、上のスコープ内でstageを参照するオブジェクト"stageInstance" を生成して、"stageInstance" を参照しに行きます。この手間を考えると、そこまでしてwith文使う必要ないんじゃない？という気になります。名前領域に気を使うのはめんどくさ過ぎる気がします。

そんなwith文ちゃんでした。

]]> http://hiropo.co.uk/archives/453/feed 0 flashplayerの有無判別 http://hiropo.co.uk/archives/356 http://hiropo.co.uk/archives/356#comments Thu, 07 Jan 2010 07:46:07 +0000 admin http://hiropo.co.uk/?p=356 flashplayerの有無判別は非常にややこしい・・・。どこかのサイトにあったものをコピペではっておく。

PLAIN TEXT
JavaScript:
  1. function FlashPlayerVer(){
  2.     //初期設定
  3.     var flashplayer_ver = 0;
  4.     //IE以外の場合
  5.     if(navigator.plugins && navigator.mimeTypes['application/x-shockwave-flash']){
  6.         var plugin = navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin;
  7.         //Flash Playerがインストールされている場合
  8.         if(plugin){flashplayer_ver = parseInt(plugin.description.match(/\d+\.\d+/));}
  9.     }
  10.     //IEの場合、もしくはFlash Playerがインストールされていない場合
  11.     else{
  12.     //IEでFlash Playerがインストールされている場合
  13.     try{
  14.         var flashOCX = new ActiveXObject("ShockwaveFlash.ShockwaveFlash").GetVariable("$version").match(/([0-9]+)/);
  15.         if(flashOCX){flashplayer_ver = parseInt(flashOCX[0]);}
  16.     }catch(e){}
  17.     }
  18.     //Flash Playerがインストールされていない、もしくはバージョンが6以下の場合
  19.     if(flashplayer_ver <= 6){flashplayer_ver = 0;}
  20.     return flashplayer_ver;
  21. }

FlashPlayerVer() を実行したときに 0 が返ってきたら入っていないということに。
他にもいろいろJSあるけど、これシンプルで結構好き。

]]> http://hiropo.co.uk/archives/356/feed 0 mixiのFlash広告、こういうの流行ってるのかねぇ http://hiropo.co.uk/archives/343 http://hiropo.co.uk/archives/343#comments Tue, 01 Dec 2009 15:41:09 +0000 admin http://hiropo.co.uk/?p=343 これこれ。またmixiのあしあとページのFlash広告。
流行ってるのかねぇ、こういう見せ方。

google_ad

]]> http://hiropo.co.uk/archives/343/feed 0 ActionScript3.0でiPhoneアプリ開発がAdobe CS5で実現！？ http://hiropo.co.uk/archives/308 http://hiropo.co.uk/archives/308#comments Thu, 08 Oct 2009 16:43:57 +0000 admin http://hiropo.co.uk/?p=308 ActionScript3.0、はじまったな・・・。
iPhoneアプリをObjective-CじゃなくてもAS3で開発できちゃうってんなら、かなり敷居が下がりまくりだよね。

Flash Professional CS5（英語サイト）
Flash Professional CS5 のアナウンスと iPhone

こんなことができるらしい。

  • AS 3 のプロジェクトから iPhone, iPod Touch 用アプリケーションの書き出し
  • Text Layout Framework (TLF) を用いた新規のテキストコントロールによる新しい表現
  • XML ベースの FLA ファイル （ソース管理システムを使ったバージョン管理が可能に）
  • コードスニペットパネル （事前に作成済みのコードをプロジェクトでそのまま利用）
  • Flash Builder の統合 （ActionScript エディタとして使用できる）
  • ActionScript エディタの改良 （コードヒントや自動補完機能など）

これはActionScript3.0の開発者が一気に増えそうな予感がしまくりんぐですよ！

それに比べ、googleのAndroid使ったみましたが、動きはもっさりだし、あいつイマイチっす。やっぱりJavaってとこがあかんじゃないのかなー。重いし、iPhoneに慣れてしまっていると、どうしてもiPhoneと同じような操作しちゃうんだけど、けっこう融通が利かない。ユーザビリティもいまいちでwebブラウジングもイマイチだし、売れても流行らないと思う。結果、売れないと思う。

JavaScriptやってる人は今からActionScript3.0にどっぷりいっちゃって良いと思うよ！（＾ω＾）

]]> http://hiropo.co.uk/archives/308/feed 0 フルFlashのサイトにHTMLフッターをつけてみる http://hiropo.co.uk/archives/300 http://hiropo.co.uk/archives/300#comments Fri, 02 Oct 2009 07:39:28 +0000 admin http://hiropo.co.uk/?p=300 フルFlashのサイトに対して、HTMLフッターをつけたいという要望があったので、つけてみることにした。
Flashの埋め込み方は、swfobject.js(versionは1.5)を使って埋めてみた。

PLAIN TEXT
HTML:
  1. <div id="content"><!-- ここにFlashがロードされます --></div>
  2. <script type="text/javascript" src="js/swfobject.js"></script>
  3. <script type="text/javascript">
  4. // <![CDATA[
  5.  
  6. var so = new SWFObject('swf/sample.swf', 'website', '100%', '100%', '9', '#ffffff');
  7. so.useExpressInstall('swf/expressinstall.swf');
  8. so.write('content');
  9.  
  10. // ]]>
  11. </script>

これでFlashがフルサイズで読み込まれる。

さて、今回はこれに対して、Flashの下に20pxばかりのHTMLでつくったフッターを埋め込みたい。
実装内容は下記の通り。

Flashを表示するエレメントの親要素に、全体レイアウトを設定する<div id="wrapper">を追加。この要素が実際にリサイズすることになる。
ウィンドウのサイズを取得して、それから20px引き、下部にHTML部分がピタっと出現するつくりにする。
フッターは、常にウィンドウ下部に固定することにする。

PLAIN TEXT
HTML:
  1. <div id="wrapper">
  2. <div id="content"><!-- ここにFlashがロードされます --></div>
  3. </div>
  4. <div id="footer">HTMLフッター部分</div>
  5. <style type="text/css">
  6. body {
  7.     position: relative;
  8. }
  9. #footer {
  10.     width: 100%;
  11.     height: 20px;
  12.     background: #000;
  13.     position: absolute;
  14.     left: 0;
  15.     bottom: 0;
  16.     color: #fff;
  17. }
  18. </style>
  19. <script type="text/javascript" src="js/swfobject.js"></script>
  20. <script type="text/javascript">
  21. // <![CDATA[
  22.  
  23. var so = new SWFObject('swf/sample.swf', 'website', '100%', '100%', '9', '#ffffff');
  24. so.useExpressInstall('swf/expressinstall.swf');
  25. so.write('content');
  26. (function(){
  27.     var resizeTo = function(e){
  28.         var winHeight = document.all ? (document.body.clientHeight - 20) : (window.innerHeight - 20);
  29.         var wrapper = document.getElementById(e);
  30.         wrapper.style.width = '100%';
  31.         wrapper.style.height = winHeight + 'px';
  32.     }
  33.     window.onload = function(){
  34.         resizeTo('wrapper');
  35.     }
  36.     window.onresize = function(){
  37.         resizeTo('wrapper');
  38.     }
  39. })();
  40.  
  41. // ]]>
  42. </script>

これでHTML要素のフッターを下部に維持しつつ、フルFlashを実現できる。
ってか、20pxあいてる時点でフルFlashじゃないじゃん！とかいう突っ込みはやめて～ｗ

]]> http://hiropo.co.uk/archives/300/feed 1 ケータイ番号で似顔絵 http://hiropo.co.uk/archives/298 http://hiropo.co.uk/archives/298#comments Tue, 08 Sep 2009 16:26:50 +0000 admin http://hiropo.co.uk/?p=298

ソフトバンクの乗り換えキャンペーンサイト

これ面白いけど、おれメガネかけてないし！髪ロン毛だし！ｗ
にてないわぁ。

]]> http://hiropo.co.uk/archives/298/feed 1 アド広告 – mixi Flash編 http://hiropo.co.uk/archives/189 http://hiropo.co.uk/archives/189#comments Sun, 09 Aug 2009 07:27:19 +0000 admin http://hiropo.co.uk/?p=189 mixiで面白いアド広告を見つけた。

これ、3箇所の広告スペースがあるんだけど、その全部を使ってＦｌａｓｈを埋め込んでいる。
で、この3箇所のスペースのＦｌａｓｈが連動して動いている。

これはなかなか面白いなぁと思ったので書き留めてみた。

]]> http://hiropo.co.uk/archives/189/feed 0 .asファイルを外部で読み込む http://hiropo.co.uk/archives/157 http://hiropo.co.uk/archives/157#comments Wed, 10 Jun 2009 09:04:13 +0000 admin http://hiropo.co.uk/?p=157 FlashのActionScriptエディタがものすごく使いにくいので、EmEditorで編集できるようにする。
方法は簡単。ASで実行したいパーツにinclude文を書くだけ。

PLAIN TEXT
Actionscript:
  1. include "sample.as";

パスは相対パスで合わせればおｋ。

]]> http://hiropo.co.uk/archives/157/feed 0 ActionScript3を入門してみた。 http://hiropo.co.uk/archives/139 http://hiropo.co.uk/archives/139#comments Wed, 18 Mar 2009 17:00:18 +0000 admin http://hiropo.co.uk/?p=139 ActionScript3を入門してみた。

PLAIN TEXT
Actionscript:
  1. /*******************************
  2. *
  3. *  Hello world ActionScript
  4. *
  5. */
  6.  
  7. /*==============================
  8. *  型のないCorpオブジェクトの定義
  9. */
  10. var Corp = {
  11.   //名前を定義
  12.   setName: 'no name',
  13.  
  14.   //setNameプロパティを出力する関数を定義
  15.   traceName: function(){
  16.     trace(this.setName);
  17.   }
  18. }
  19.  
  20. /*  CorpオブジェクトのtraceNameメソッドを実行すると、
  21. *  デフォルトで定義されている &quot;no name&quot; が出力される。
  22. */
  23. Corp.traceName();
  24.  
  25.  
  26. /* CorpオブジェクトをfunnyCorpオブジェクトに代入。
  27. */
  28. var funnyCorp = Corp;
  29.  
  30. /*  setNameプロパティに &quot;funnythingz&quot; を代入。
  31. */
  32. funnyCorp.setName = 'funnythingz';
  33.  
  34. /*  funnyCorpオブジェクトのtraceNameメソッドを実行すると、
  35. *  上記で代入された &quot;funnythingz&quot; が出力される。
  36. */
  37. funnyCorp.traceName();
  38.  
  39. /*  ただし、ただの代入のため、CorpオブジェクトのtraceName();を
  40. *  実行しても同じ結果として、&quot;funnythingz&quot; が出力される。
  41. */
  42. Corp.traceName();

結局、ASっぽいことやってないので、JSと書き方がまったく同じです。
しかも特にクラスベースっぽいことも何もしてない。

これからがんばることにするお！

]]> http://hiropo.co.uk/archives/139/feed 0