2008年7月アーカイブ

Stringクラスのメソッドを一生懸命探したのに、traceみたくimportしなくても使える関数だった。


・URLエンコード
public function escape(str:String):String


・URLデコード
public function unescape(str:String):String



&→&とか日本語とかとかが変換される

AIRのHTMLコンポーネントをつかってpdfを表示する時に、AdobeReader8.1以降がインストールされていなけばうまく表示されない。


Windowsで今時インストールされてないPCなんてないよと思うかもしれないけど、


Macユーザーはプレビューというデフォルトで入っているソフトでpdfを表示できるため、AdobeReaderはフツー入れてない。この場合にユーザはAdobeReaderを入れれば表示できるということがわからないので、きちんとインストールを促すメッセージを表示しなければならない。

<?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" creationComplete="init()"> <mx:Script> <![CDATA[ import mx.controls.HTML; import mx.controls.Alert; import mx.events.FlexEvent; private function init():void { html.addEventListener(FlexEvent.SHOW, htmlShowHandler); } private function htmlShowHandler(event:FlexEvent):void { switch(HTML.pdfCapability) { case HTMLPDFCapability.STATUS_OK: break; case HTMLPDFCapability.ERROR_INSTALLED_READER_NOT_FOUND: Alert.show("AdobeReaderをインストールしてください。", "エラー"); break; case HTMLPDFCapability.ERROR_INSTALLED_READER_TOO_OLD: Alert.show("最新のAdobeReaderをインストールしてください。", "エラー"); break; case HTMLPDFCapability.ERROR_PREFERRED_READER_TOO_OLD: Alert.show("古いVersionのAdobeReaderが関連付けられています。PDFファイルをVersion8.1以降のAdobeReaderに関連付けてください。", "エラー"); break; case HTMLPDFCapability.ERROR_CANNOT_LOAD_READER: Alert.show("AdobeReaderが開けませんでした。", "エラー"); break; } } ]]> </mx:Script> <mx:HTML id="html" location="hoge.pdf" width="100%" /> </mx:WindowedApplication>



http://www.adobe.com/go/JP-H-GET-READER
にリンクを貼ると喜ばれるかもね。もうめんどくさいから各自やってください

＜参考＞
今からはじめるAIRプログラミング 毎コミジャーナル

macのeclipseにFlexBuilderのplug-inを入れて、コード補完の為にctrl+spaceを叩くと、

spotlightとかいうのが右上に出てきて、コード補完が行われない。これについて対策が２つ



1. spotlightのショートカットを変える。


2. 実は、command + spaceでも補完ができ、ただし、その後英語入力が日本語入力に変更されるので
これのショートカットを変更する。



・やり方
リンゴマーク  ->  システム環境設定  ->  キーボードとマウス  ->  キーボードショートカットタブ  ->


"前の入力ソースを選択"もしくは、"Spotlight検索フィールドの表示"のショートカットを変更するか、チェックを消す




他にもnod::ぶろぐ::RIA::Flash/Flex/Ajaxでやり方が載っているのでお好きな方を

[Papervision3D2.0]#4 PV2.0でGlowFilterを使う や [Papervision3D2.0]#3 Tweenerでトゥィ―――ンする
で作ったViewer(?)をAstroで書いてみました。

Planeの代わりに、Spriteを使って、ColorMaterialの代わりにGraphicsのdrawを使ったの以外はほとんど同じコードでできました。


（※このFlashを再生するには、FlashPlayer10.0.0.525が必要です）





ソースは、
package { import caurina.transitions.Tweener; import flash.display.*; import flash.events.*; import flash.filters.GlowFilter; import flash.text.*; public class Main extends Sprite { private const glow:Array = [new GlowFilter(0xFFFFFF, 1, 16, 16, 3, 3, false, false)]; private const color:Array = [0xffa8a8, 0xffa8d3, 0xffa8ff, 0xd3a8ff, 0xa8a8ff, 0xa8d3ff, 0xa8ffff, 0xa8ffd3, 0xa8ffa8, 0xd3ffa8, 0xffffa8, 0xffd3a8]; private var frameRateLabel:TextField = new TextField; private var planes:Sprite; private var rootNode:Sprite; private var isMouseDown:Boolean = false; private var mouseDownedX:int; // private var mouseDownedY:int; public function Main() { init(); } private function init():void { rootNode = new Sprite(); rootNode.z = 300; rootNode.x = 300; rootNode.y = 150;//stage.height/2; addChild(rootNode); createPlanes(); addChild(frameRateLabel); addEventListener(Event.ENTER_FRAME, enterFrameHandler); stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownHandler); stage.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler); } private function createPlanes():void { planes = new Sprite(); planes.z = 0; planes.x = -5000; rootNode.addChild(planes); var plane:Sprite; for(var index:int = 0; index < 50; index++) { plane = new Sprite(); plane.graphics.beginFill(color[index%color.length]); plane.graphics.drawRect(-75, -75, 150, 150); plane.graphics.endFill(); plane.x = 200 * index; plane.z = 0; planes.addChild(plane); plane.addEventListener(MouseEvent.MOUSE_OVER, planeMouseOverHandler); plane.addEventListener(MouseEvent.MOUSE_OUT, planeMouseOutHandler); } } private function planeMouseOverHandler(event:MouseEvent):void { (event.target as Sprite).filters = glow; } private function planeMouseOutHandler(event:MouseEvent):void { (event.target as Sprite).filters = null; } private function mouseDownHandler(event:MouseEvent):void { isMouseDown = true; mouseDownedX = stage.mouseX; // mouseDownedY = stage.mouseY; } private function mouseUpHandler(event:MouseEvent):void { isMouseDown = false; } private function enterFrameHandler(event:Event):void { if(isMouseDown) { var dx:int = mouseDownedX - stage.mouseX; Tweener.addTween(planes, {x:planes.x + dx * 6, time:3, transition:"easeOut"}); Tweener.addTween(rootNode, {rotationY: dx, time:1, transition:"easeOut"}); } else { Tweener.addTween(rootNode, {rotationY: 0, time:3, transition:"easeOut"}); } frameRateLabel.text = "frameRate : " + stage.frameRate; } } }

Flash Player 10がインストールできたら、次はSDKの準備。

Adobe LabsのFlex 3 SDK DownloadsのページからSDKをダウンロード。


ダウンロードしたZIPファイルを解凍したら、Finderから
　　アプリケーション -> Adobe Flex Builder 3 Plug-in -> sdks
にコピー



次に、eclipseを起動し、Flex Projectを作成(ActionScript Projectでもok)。

プロジェクト名をcontrol + clickからPropertiesを開く。


Flex Compilerを選択し、Configure Flexをクリック



Addボタンをクリックし今コピーしたsdkのパスを選択





Use a specific S・・・で、今追加したsdkを選択する。

さらにHTML wrapperのRequier Flash Player versionの項を10.0.0に変更し、Generate HTML wrapperのチェックを外し、Applyボタンを押す。

（追記 2008/8/7 18:40）HTML wrapperのチェックを外した場合、eclipseのdebug asではstandalone版で起動し、チェックを外さない場合はブラウザのプラグインで起動します。
playergloba.swcを更新した場合は、ブラウザでも動きます。



Flex Build PathのLibrary pathで今選択したsdkのswcが適用されていることを確認し、playerglobal.swcをRemoveする。そして、Add SWCボタンより、{sdkのパス}/frameworks/libs/player/10/playerglobal.swcを追加

（追記 2008/7/8 18:40）このplayerglobal.swcが2008/7/7にコミットされました。7月８日現在、アーカイブには含まれていないので別途ダウンロードしてください。（http://opensource.adobe.com/svn/opensource/flex/sdk/branches/3.0.x/frameworks/libs/player/10/playerglobal.swc）




今追加したplayerglobal.swcのLink Typeをダブルクリックして、Externalを選択




最後に、ここから Debug PlayerのStandalone版をダウンロードし、１回起動しておく。

あと、eclipseのPreferences...のFlex -> Profiler -> Player/Browserに登録しておく

これで、eclipseからDebug asで起動した時に、StandAlone版が起動してくれ、デバッグが可能になる。(追記：HTML wrapperのチェックを外している場合)



/*-----------------------------------追記(2008/7/8 23:27)-----------------------------------*/

ブラウザプラグインのFlashPlayerはデバッグプレイヤーではないので、
HTML wrapperのチャックは外して、standaloneのdebug playerで開発する方がいい。

あと、β１ではなかった（らしい）rotationZなどの変数がコード補完に現れるようになりました。





＜参考＞
FlashPlayer/10/API/  -  Spark project

nod::ぶろぐ:RIA::Flex/AIR/Flash




[Astro] ＃0 Flash Player10とFlash Swithcerをインストールする
[Astro] ＃2 Papervisonで作ったviewerをastroで実装してみた
も一緒にどうぞ

ちょっと前にFlash Player１０のβ２がリリースされました。

今作ってるアプリはPaparvision使って実装中なんだけど、そんなにもろ３DってわけじゃないからAstroで軽く処理できるんならこっちで実装しようかなって思ってみたり。




で、まず、FlexUGのFlex3勉強会でarkwさんに教えてもらった、Flash Switcherを使って、複数のversionのFlash Playerを切り替えれるようにする。これが意外にはまったので再インストールする時のためにメモ


ちなみに、環境はMac OS Ⅹ (Leopard)なので、Windowsのことは知りません。



まず、Flash Switcherをインストールする。
MozillaのFirefox Add-onsではFirefox3にインストール出来なかったので、本家？のサイトでインストール。


必要か分からないけど、
　/Library/Internet Plug-ins
のパーミッションをchmodで777にするなどした。

ちなみにFlash Playerは、
　/Library/Internet Plug-ins/Flash Player.plugin
にインストールされていて、


Flash Switcherは、
　　/Users/ユーザ名/Library/Application Support/Firefox/Profiles/pq0rtorr.default/extensions/flash_switcher@sephiroth.it/plugins/mac

に複数versionのFlash Playerを保存していて、切り替え時に選択したversionを
　　/Library/Internet Plug-ins/Flash Player.plugin
に書き換えている。


とりあえず、Flash Switcherのインストールは終わり。




次にFlash Player 10をインストールする。

まず、Flash Player10 をadobe Labsからダウンロードする。

んで、Flash Player 10をインストールする前に、既存のversionのFlash Playerはアンインストールしなければならないので、
　　/Library/Internet Plug-ins/Flash Player.plugin
　　/Library/Internet Plug-ins/flashplayer.xpt　（存在してれば）
を削除する。
Adobe Labsにアンインストーラーがあるので、これでアンインストールする。


んで、今ダウンロードしたFlash Player 10のインストーラを実行し、インストール。


インストールが完了したら、Adobe Flash Player のバージョンテストサイトで正しくインストールされているかを確認。


正しくインストールされていれば、Firefoxの右下のFlash Switcherのアイコンをクリックし、Save as...で、今確認したversionを入力して保存する。



＜参考サイト＞
[Flash][Memo]Flash Switcher入れてみた（OSX版）  -  cellfusion blog



/*----------------------------------追記(2008/7/6 18:47)----------------------------------*/

この方法でインストールした場合、Adobe Labsにあるデモは、見れるのに、他のブログとかeclipseからの実行では3D部分がうまく動いてくれない。
β1が出た頃のarkwさんのブログを見てみると、version 10.0.1.218？？？β２って、10.0.0.525だよね？？

分かり次第修正します。


/*----------------------------------追記(2008/7/7 02:47)----------------------------------*/

ブラウザではやっぱ動かし方がわからない。なんでAdobe Labsのは動くんだろう。
他の人のブログにもいくつかアップされてるけど、β1では動いたのかなぁ・・・

eclipseから実行して動かす方法は、次の[Astro] #1 Flex Builder 3でAstroの開発環境を整える。に載せました。


/*----------------------------------追記(2008/7/8 18:50)----------------------------------*/

nod::ぶろぐ:RIA::Flex/AIR/Flashによると、β２用のplayergloba.swcが7/7 23:59にコミットされたようです。これを使えばきちんと動きます。

playergloba.swcについては、↓
[Astro] #1 Flex Builder 3でAstroの開発環境を整える。


実際に動いているのは、↓　（要FlashPlayer10.0.0.525）
[Astro] ＃2 Papervisonで作ったviewerをastroで実装してみた