ARToolKitのFlash版をやってみました。 こんな感じ やり方ですが、以下のクラスをsvnでゲットします。 papervision3d(Great White 2.0 ) flartoolkit Metasequoia クラスをダウンロードしたらプロジェクトで使えるようにファイルをコピーなどで設定します。 こんな感じ サンプルプログラムの実行 「org/tarotaro/flash/ar/ComboSample.mxml」ファイルがとても便利です。 これをプロジェクトのsrcフォルダに移動して実行すればＯＫ もちっと詳しい情報はこちら！ 手持ちのFLARToolKit関連の成果物を、まとめてFLARToolKitのsamplesにコミットしてみた

ちょっと手軽にＷｅｂページをキャプチャーしたりクリップボードの画像をキャプチャーしたりできるAIRなアプリを作ってみました。 部分保存も対応しています。 お試しはこちらから 動作ムービーはこちら クリップボードから画像を取り出す方法 var g:Clipboard = Clipboard.generalClipboard; //画像じゃない場合はエラー if( !g.hasFormat( ClipboardFormats.BITMAP_FORMAT)){ mx.controls.Alert.show("クリップボードに画像がないよ！"); } //画像の描画 var bd2:BitmapData; bd2 = g.getData( ClipboardFormats.BITMAP_FORMAT ) as BitmapData; myImage2.source = new Bitmap( bd

http://moeten.info/flex/20080604_tenkiMap2/bin-release/main.html １週間の情報がでるようにしてみました。 チャート部分 <mx:LineChart x="10" y="174" id="linechart1" height="218" dataProvider="{htsTid.lastResult.item}" width="519"> <mx:series> <mx:LineSeries displayName="Series 1" yField="ondo_l" showDataEffect="{slideIn}" hideDataEffect="{slideOut}" /> <mx:LineSeries displayName="Series 2" yField="ondo_h" showDataEffect="{sl

AIRのソフトウェアを起動時に最新版がないかチェック。あったら最新版に更新するという素晴らしいもの。 AIRには Updater っていうAIRファイルを更新するクラスが用意されています。 これを使うと、ユーザーは簡単にソフトウェアのバージョンをアップすることができ、管理者はユーザーの使っているソフトウェアのバージョンを更新することができます。 ＃やべっ、めっさバグありを公開配布してしまった！ってときに効果大 実際のサンプルはこちら 古いバージョンの自作AIRプログラム インストールして実行すると速効でバージョンアップのお知らせが出ます。 はいを選択すると最新のバージョンがダウンロード＆インストールされます。 作り方 AirAutoUpdateっていうクラスをダウンロードして使う。 解凍すると出てくるAirAutoUpdater.swcファイルをlibフォルダとかに入れる。 使い方は簡単で

ViewStateが変わるときにかっこいいエフェクトFlipやCubeを使ってみました。 http://moeten.info/flex/20080711_desitortionTest/bin-release/main.html 使い方は target と siblings にビューのidを指定してあげます。 <mxeffects:CubeRotate id="flipIn" target="{現在のビューID}" siblings="{[変更後のビューID]}" direction="RIGHT" duration="800" /> あとは、ビュースタックのほうでエフェクトを指定します。 <mxeffects:CubeRotate id="flipIn" target="{shopList}" siblings="{[shopDetail]}" direction="RIGHT" du

コンボボックスをカスタマイズしてみました。 http://moeten.info/flex/20080707_combTest/bin-release/main.html コンボボックスもitemRendererできるのでそこで設定します。 <mx:ComboBox x="10" y="10" dataProvider="{hts.lastResult.item}" prompt="アイテム" rowCount="5" width="200" labelField="title" editable="true" dropdownWidth="300"> <mx:itemRenderer> <mx:Component> <mx:HBox label="{data.title}" width="300" height="100" horizontalScrollPolicy="off" ver

エクスプローラ系 ライブラリ名 簡易説明 詳細 デモ ソース Component Explorer コンポーネントリスト ○ Style Explorer スタイルを簡単に設定 ○ ○ Filter Explorer フィルターを簡単に設定 ○ ○ Primitive Explorer プリミティブ（星とか）を簡単に設定 ○ ○ ChartSampler チャートサンプラー 便利系 ライブラリ名 簡易説明 詳細 デモ ソース flexlib Base64Imageとか ○ ○ ○ as3corelib Json形式が簡単に扱えたり ○ ○ var_dump XMLやObjectのデバッグが簡単に ○ ○ as3syndicationlib RSSやAtomが簡単に読める as3youtubelib YouTubeを使うならコレ as3flickrlib Flickrを使うならコレ as3h

ActionScriptから動的にスタイルを変える方法です。 http://moeten.info/flex/20080605_themaTest/bin-release/main.html ActionScript側から呼び出だす方法 StyleManager.loadStyleDeclarations( "mycss.swf" ); 事前準備として用意したcssファイルをswf化します。そうすることによって、ActionScriptからファイルとして指定することができるようになります。 便利なスタイル集 scale nine : skins and themes for flex and air Flex 2 Style Explorer

http://moeten.info/flex/20080605_faceDetectTest/bin-release/main.html #↑重いので気を付けてクリックしてください ソースはこちら 動作ムービーはこちら 顔認識 Marilena Spark project の簡単な使い方（FLASHer向け）SVNの使い方でっす。 Flashの新しい世界を切り開いてくれたことに感謝です。

うちの研究室にはブラジルの方や中国の方がいますので、翻訳チャットがあったら便利だろうなぁってことで簡易チャットをFlexとBlazeDSを用いて作ってみました。 こんな感じに動作します。 まだまだプロトタイプですが、なにかグローバルなシステムを感じさせるシステムとなっていると思います。 簡単な設置方法 BlazeDSの設置と起動 BlazeDSのインストール方法 chatサービスの追加 C:\blazeDS\tomcat\webapps\blazeds\WEB-INF\flex\messaging-config.xml にちょっと追加します。 <?xml version="1.0" encoding="UTF-8"?> <service id="message-service" class="flex.messaging.services.MessageService"> <adapter

http://moeten.info/flex/20080620_sessionTest/bin-release/main.html PHPのセッションの継続はどうするんだろう？って思っててとりあえずやってみたところ、それっぽくできました。 左上にあるhts.sendのボタンを押すたびに返り値のcntの値がひとつ増えます。 右のフォームにあるログインボタンでPHPでログイン管理を行います。返り値のloginが1になると認証成功です。 コツはPHPで管理されるセッションのＩＤをブラウザのクッキーで保存します。 ini_set('session.use_cookies' , 1); ini_set('session.use_only_cookies', 1); PHPのソースはこちら <?php ini_set('session.use_cookies' , 1); ini_set('sess

Adobe AIR cookbook betaにていくつかサンプルプログラムがアップされていました。 フルスクリーン Using the FullScreen Functionality in AIR ソースダウンロード⇒FullscreenSample.zip ファイルのドラッグ処理 Dragging files into an HTML-based AIR application ソースダウンロード⇒DropFilesSample.zip SQLiteの使い方 Making an HTML-based AIR application more secure with SQL statement parameters ソースダウンロード⇒SQLParametersSample.zip 背景透明なウィンドウの作り方 Creating a transparent notification w

せっかくアプリを作っても簡単にインストールができないと意味がない。 ってことで、AIRでアプリのシームレスインストール方法です。 まず、はbadge.swfファイルが必要となりますので、以下のフォルダからコピーしてhttpからアクセスできる場所に置きます。 「C:\Program Files\Adobe\Flex Builder 3\sdks\3.0.0\samples\badge」 もしFlexをもっていない場合はこちらかbadge.swfがダウンロードできます。 Adobe AIR SDK 次にbadge.swfに対してパラメーターをＨＴＭＬから渡してあげます。 以下のようなＨＴＭＬ文章を書けばＯＫです。 <object id="badge" width="217" height="180" align="middle" codebase="http://fpdownload.macr

ちょっと小ネタとしてAIRアプリで表示サイズや場所を保存しておく方法です。 SharedObjectとnativeWindowを使うのがコツです。 import flash.system.Capabilities; //初期化 private function init():void{ //シェアードオブジェクトゲット var so:SharedObject = SharedObject.getLocal("bookmarker"); //画面解像度からはみ出してない？ if( so.data.appX < Capabilities.screenResolutionX && so.data.appY < Capabilities.screenResolutionY ){ this.nativeWindow.x = so.data.appX; this.nativeWindow.y = so

なんちゃって360度ビューワーをFlexで作りました。 こんな感じ。スライダーで回転します。 http://moeten.info/flex/20080520_alice/bin-release/main.html 回転台を使ってます。 ポイントとなるのは画像の読み込みです。 通常だと image.source = filename で読み込むところを loader を使います。 これは source の場合は読み込みが完了する前に描画を行おうとするので、チラツキが発生するためです。 loader だと、画像読み込みが完了して表示なので、チラツキません。 //スライドバーによって読み込む画像を変える private function onChange():void{ //ローダーだとちらつかないよ var loader:Loader = new Loader(); loader.load(

Adobe AIR 1.1 インストーラ ビバ、日本語入力対応＼(゜ロ＼)(／ロ゜)／ 1.1の変更点はこちらのページが詳しいです。

クリックしたところを中心に回転させます。 以前Flexを使用していたとき、回転の起点座標の指定ってどうするんだろうって思ってて、最近わかったので、メモ。むしろ後輩に教えてもらった。 //originX,originYで回転の中心が設定できます。 myR.originX = myImage.mouseX; myR.originY = myImage.mouseY; myR.play(); クリックしたことろを起点にして回転をします。 実際のサンプルはこちら http://moeten.info/flex/20080310_myRotate/bin-release/main.html <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="a

マイミクをSpringGraphを使って表示してみました。SpringGraphを使っているのでうにうに動きます。 実際の動作はこちら IDにはプロフィールを表示したときに出るものを使用。 http://moeten.info/flex/20080510_mixiGraph/bin-release/main.html マイミクのマイミクが表示できたらいいんだけど、どうやらＡＰＩにはその機能がないっぽい。 動作ムービーはこちら マイミク情報取得はPHPのPEARのservice_mixiapiを使用 http://d.hatena.ne.jp/shimooka/20080318 表示部分はFlexのSpringGraphコンポーネントを使用してます。 http://mark-shepherd.com/SpringGraph/RoamerDemo/bin/RoamerDemo.html PHP

PHPでXMLをパースするケースが多々ありますが、その際アトリビュートやネームスペースの問題でなかなかうまく目的のタグの内容が取得できない場合があります。 その時にとっても頼りになるのがXML_UnserializerってPEARのクラスです。 XMLをズゴンと配列に入れてくれます。 インストール方法 # pear install http://download.pear.php.net/package/XML_Serializer-0.18.0.tgzXML_SerializerをインスコするとXML_Unserializerがついてきます。 PHPでの使い方はこんな感じ AmazonからISBNを使って本情報を取得。 <?php require_once 'XML/Unserializer.php'; $amazonid = ""; //ISBNから本を１件出力 $isbn = $_G

ちょっと最近地震が多いので、地震マップを作ってみました。 http://moeten.info/flex/20080614_jisinMap/bin-release/main.html 地震のＡＰＩが「EPSP(partA) 地震感知情報APIにおける開発者向け情報」で公開されていますので、それをＰＨＰでゲットしてFlexが扱いやすいＸＭＬに整形してあげます。 PHPなソースコードはこちら <?php //日本測地系⇒世界測地系 function tokyo2world( $pos_n , $pos_e ){ $posN_w = $pos_n - 0.00010695*$pos_n + 0.000017464*$pos_e + 0.0046017; $posE_w = $pos_e - 0.000046038*$pos_n - 0.000083043*$pos_e + 0.010040;