phpとの通信を前々からやってみたかったのでやってみました。 画像をアップすると画像が追加されます。 今は単純に画像をフォルダに置くだけなので今後はデーターベースに格納して、ユーザーごとに画像の管理ができるようにしてみようと思います。 前問題だった画像のドラッグが後輩の助けによってできました。 今度は重なりの順番を変更したいです。 http://moeten.info/hatena/20071114_fileup/bin/main.html <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html" creationComplete="get_image

FlexでWiiのコントローラーを使ってみようってことでやってみました。 参考になるサイト http://cs3book.flashoop.jp/wiki/index.php?Wii%E3%83%AA%E3%83%A2%E3%82%B3%E3%83%B3%E3%81%A8AS3 下準備 サーバー（Wiiコンを操作するのに必要） http://wiiflash.bytearray.org/ .netが必要でとりあえずインストールしておきます。 次に、http://code.google.com/p/wiiflash/からサーバープログラムとクラスライブラリ（ＡＰＩ）をダウンロードします。 サーバープログラムは解答すればexeファイルがありますので、ダブルクリックで起動。 ＡＰＩのほうは、解答して、WiiFlash.swcファイルをFlexプロジェクトのlibsフォルダに入れればＯＫ。 実際の

ちょっとFlexで作成するサイトがマンネリ化したのでエフェクトで遊んでみました。 Flexではタイムラインって概念がない(?)ので、プログラムでずこずこ書いていきます。 Sequence・・・一個一個ずつ実行していく Parallel・・・並列して実行していくこれを組み合わせてガシガシエフェクトをかけていきます。 作ってみたもの。 http://hosiimiki.net/ ＃ソースは汚いですが、右クリックで見れます。 こういったのが簡単に作成することが可能です。 個人的にこうするといいなぁって思ったこと。 とりあえずでっかいSequenceでエフェクトを囲んでその中にしたいエフェクトを順次追加していく。 <mx:Sequence id="txt12"> ・ ・ ここにParalellやSequenceを入れていく もちろんParalellやSequenceの中に掛けたいエフェクト(Fad

Flexでエフェクトの使用もちょっとなれてきたので、エフェクトをふんだんに入れてみました。 http://moeten.info/flex/20080327_moetenBeta/bin-release/ ＃音声出るので注意！ エフェクトはFlexで用意されているものだけでできてます。 ポイントはバネみたいに動作する easingFunction="Back.easeOut" です。 mx:move にはとりあえずつけておくと動きがそれっぽくなります。 こんな感じに書きます。 //ActionScriptにて追加クラスをインポートしておく //import mx.effects.easing.*; <mx:move xFrom="-100" xTo="100" easingFunction="Back.easeOut"/>そして、左に表示されるツリーで子の数を表示する方法 mxlmにラベル

Flexでの映像をPHPにバイナリ(JPEGエンコ)で送ってPHP側でファイル保存します。 Flex3にはJPEGEncoderっていうBitmapdataをJPEGにエンコードしてくれるクラスがあり、エンコードされたものをPOSTでPHPに送ることでJPEG保存することができます。 今回はせっかくなのでFLV再生されているものからJPEGに変換してみました(FLV2JPEGみたいな)。 ですので、Ｗｅｂカメラを使用すれば、おそらく簡易カメラ(JPEGで保存)が作成できると思います。 サンプルはこちら。 http://moeten.info/flex/20080416_jpegEnc/bin-release/main.html Flex側のソース ボタンを押すとそのフレームの絵をバイナリ＋JpegエンコードしてPHPに送信します。 <?xml version="1.0" encoding=

ちょいとYoutube検索をWiiコンを使って遊んでみました。 実際の動作ムービーはこちら http://jp.youtube.com/watch?v=x11jj5uftY8 今回気をつけたところは、マウスクリックイベントの手動作成です。 本来ならマウスでクリックやカーソルの移動を行うところをWiiコントローラーでそれを実現してます。 やり方は簡単で、適当にスプライトを作成し、Wiiコントローラーの移動量に応じてスプライトを移動させます。回転量検出でもＯＫですが、今回はせっかくなので赤外線センサーで距離を測定させています。 ir.x1とir.y1がwiiコンとの距離になります。x2,y2も使うと三角形を使って詳細な距離が出せると思います。 ポイントの移動 point.x = 800 - int(wiimote.ir.x1*800); point.y = int(wiimote.ir.y1*

コメントをいただきましたので、返事でっす。 Flexで、よくネットとかでダウンロードしたクラスファイルはどこへ置けばいいのか。 クラスライブラリがswcの場合はlibフォルダへ それ以外のcomなんたらとか言う場合はソースであるmxmlファイルがあるところへ 入れると便利だと思います。 他にもプロジェクト名を「右クリック」⇒「プロパティ」でライブラリパスを追加できます。 「ビルドパス」⇒「ライブラリパス」

Flexを使用しているとHTMLもきれいに表示できたらなぁって思うことがあり、iframeを設置してみました。 http://moeten.info/flex/20080429_bookCheckerAmazon/bin-release/main.html やり方。 iframe用mxmlをダウンロードして設置します。 http://www.deitte.com/archives/2006/08/finally_updated.htm の http://www.deitte.com/IFrameDemo3/srcview/IFrame.zip に含まれてます。 解凍するとiframe.mxmlがありますのでそれをプロジェクトのmain.mxmlがあるフォルダに入れます。 書き方はサンプルを見ればわかるようにシンプル。 <IFrame id="iFrame" source="http://w

ちょっと任意タン（だっけ？）みたいのを研究室で作ろうってことで、とりあえずはちゅねを作成したので、せっかくなので、ネギをまた振らせてみました。 http://moeten.info/flex/20080501_hatyune/bin-release/main.html 今回のポイントとして、エフェクトプレイ中は再度エフェクトをプレイさせない方法です。 if( !r1.isPlaying ) r1.play(); これでエフェクト中に再度エフェクトの呼び出しがされないので、回転エフェクトなどですっ飛んで行くことを防ぐことができます。 ソースコードはこちら。 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" crea

Flexで読み書きできるTwitterクライアントを作ってみました。 ＃後輩がかなり作り込んでたので、ソースをもらって自分流にちょっと追加してみました。 こんな感じ http://moeten.info/flex/20080502_twitterFlex/bin-release/main.html ＃捨てアカなので書き込みしてみてください。 Twitterの表示用アドレス http://twitter.com/statuses/friends_timeline/yourid.xmlＵＲＬにアクセスすればＯＫ 書き込みはBasic認証が必要とのこと AS3ではBASE64やらURLRequestHeaderやらでいいとこまでいけたんだけど結局ダメだった。 公式にURLRequestHeaderはAuthorizationのヘッダは送れないよって書いてあるから当たり前なんだけど、自前でもなんか

ちょいと文字列の前後の空白を削除したいなぁって探してみました。 「 978-4839927240 」⇒「978-4839927240」にしたい import mx.utils.StringUtil; StringUtil.trim( isbnText.text ) でＯＫ。 なんだけど文字列の中のハイフンを削除したい場合はこんな感じになるからもうヘンテコな書き方に。 「978-4839927240」⇒「9784839927240」にしたい StringUtil.trim( isbnText.text ).replace('-','') あと昨日書いたisbnでの書籍管理ですが、カテゴリーを指定することによって洋書もＯＫになりました。 AIRでバーコードリーダーを使ったアプリ http://d.hatena.ne.jp/haru-komugi/20080504/1209904882 ISBN

マイミクを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

FlexでGoogleMapをやってみました。 http://moeten.info/flex/20080517_googleMap/bin-release/main.html やり方 swcファイルをゲット Obtaining the Interface Library 解凍すると出てくるswcファイルをプロジェクトのlibフォルダへコピー APIキーの取得 http://code.google.com/apis/maps/signup.html ＃とりあえず適当にhttp://localhost/っととってmap.keyに入れるとデバッグモードで動くみたい。 簡単なソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout=

ちょいとFlexでファイルのアップローダーとダウンローダーをやってみました。 Flash10では自分が指定したファイルをFlash上で遊べるようです http://d.hatena.ne.jp/arkw/20080516/1210925411 今回は通常のFlash9でできるファイルのアップとダウンロードです。 こんな感じ http://moeten.info/flex/20080518_fileReference/bin-release/main.html #ファイルのアップロードサイズは1MB以内で ソースはこちら PHP <?php //アップされたファイルを保存する。 $fname = "cache/" . $_FILES['Filedata']['name']; move_uploaded_file( $_FILES['Filedata']['tmp_name'] , $fnam

こんな感じに既存のクラスだけでおもしろいエフェクトをつけることができます。 http://moeten.info/flex/20080529_todayTip/bin-release/main.html アイテムの追加時アクション <mx:RemoveItemAction startDelay="400" filter="removeItem"/> <mx:AddItemAction startDelay="400" filter="addItem"/> プロパティやスタイルをだんだんと変更 <mx:AnimateProperty id="myAnime" targets="{[tl1,tl2]}" property="scaleX" fromValue="0" toValue="1" duration="1000" easingFunction="Back.easeOut" /> 音声再

こんな感じ http://moeten.info/flex/20080530_fontTest/bin-release/main.html 上のサンプルは文字の編集もできます。 フォントはこちらからゲットしました。 FreeFontStyleBook2008 (100%ムックシリーズ) 出版社/メーカー: 晋遊舎発売日: 2008/05/27メディア: ムック クリック: 8回この商品を含むブログ (2件) を見るこちらに詳しい説明が載っています。 アプリケーションアセットの埋め込み ＃フォントを軽量するために使う範囲のフォントを指定したり。 ソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" ba

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

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

PaperVision3Dでクネクネしてみましたヽ(^。^)ノ http://moeten.info/flex/20080614_twistTest/bin-release/main.html 大まかな流れとして以下のようにします。TwistとCubeを関連つければＯＫ。 公式にあるサンプルソースが自分には難しかったので、簡単に書きなおした＼(^o^)／ private function init():void{ //PV3Dの世界作成 ごにょごにょ //cubeの作成 var mat:BitmapFileMaterial = new BitmapFileMaterial("Fx.png"); cube = new Cube(new MaterialsList({all:mat}),200, 200, 200, 4, 4, 4); rootNode.addChild(cube); //Tw

前々から気になっていたパーティクルをやってみました。 http://moeten.info/flex/20080619_particles73/bin-release/main.html 作ってて、いやー、すごい感動。 パーティクルなクラスはこちらからダウンロードできます。 Seb Lee-Delisle Particle.asが本体 流れとしては、特定のコンポーネントを描画してあげて bmData = new BitmapData(screenW, screenH , true , 0x000000 ); bmData.draw(myImage); for文で特定の色を見つけたらパーティクルを追加 if(col>0x000000){ addSparkParticle(xpos, ypos, 1); } あとはパーティクルを描画更新 updateParticles(); サンプルもあるんだ

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

FlexでGoogle API を使った、「日本語２英語」、「英語２日本語」をやってみたよ。 http://moeten.info/flex/20080624_googleLangTrans/bin-release/main.html Google APIにこのようなクエリを投げると q 文字列 langpair 変換元言語｜変換後言語 http://ajax.googleapis.com/ajax/services/language/translate?v=1.0&q=hello%20world&langpair=en%7Citこのように返ってきます。 foo('bar', {"translatedText":"Ciao mondo"}, 200, null)あとはJSON形式をライブラリを使ってObject形式に変換すればＯＫ var rawData:String = String(e

ＲＳＳを音声で読み上げしてみました。 http://moeten.info/flex/20080627_rssSound/bin-release/main.html 文字音声変換API "TEXT2VOICE" 以下のように読み上げてほしいテキストを送ると http://api.satoru.net/text2voice/?text=[読み上げテキスト] 作成されるmp3ファイルのＵＲＬが表示されますので、それをFlexで再生してあげればＯＫ Flexなソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html" backgroundGra

エクスプローラ系 ライブラリ名 簡易説明 詳細 デモ ソース 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

コンボボックスをカスタマイズしてみました。 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

配列にフィルターをかけて、一定の値の範囲内のみをタイルリストにて表示します。 http://moeten.info/flex/20080708_rakutenShop2/bin-release/main.html 以前作成したFlexで楽天検索に値段機能をつけてみました。 ポイントとなる部分 var dp:ArrayCollection; dp.filterFunction = sortRanges; これで配列 dp に対して sortRanges をフィルターすることができます。 sortRanges はこんな感じ private function sortRanges( item:Object ):Boolean{ var maxPrice:int = int(hs.value); return item.price <= hs.value; } #スライドバーの値より低ければ tr

データグリッドで合計値を表示してみました。 http://moeten.info/flex/20080708_rakutenShop3/bin-release/main.html こつとしてはデータグリッドの更新を検出したら合計値を再計算します。 <mx:DataGrid updateComplete="calSum()"> 合計値の計算 datagrid の分だけ for 文を回してあげればＯＫ private function calSum():void{ if( dg2.dataProvider ){ var dp2:ArrayCollection = dg2.dataProvider as ArrayCollection; var sum:int = 0; var len:int = dp2.length; for( var i:int = 0 ; i < len ; i ++ )

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

こんな感じ http://moeten.info/flex/20080713_go_flextests/bin-release/go_flextests.html クリックすると開始 こんな感じに rotationZ ができます。 tween_0 = new Tween3D(target, [Go3D.x(0), Go3D.y(50), Go3D.rotationZ(0)], 1, Equations.easeOutCubic); sequence.addStep(tween_0); PaperVision3Dを使う場合はとても便利。 設定できるプロパティはこちら alpha Bevel_angle Bevel_blurX Bevel_blurY Bevel_color Bevel_distance Bevel_highlightAlpha Bevel_highlightColor Bev

ちょいとTweenerを勉強しているんですが、便利なTweenerがあったので紹介とサンプルです。 http://moeten.info/flex/20080716_tweenTest2/bin-release/main.html 画面をクリックでスタート よく使われているTweener Tweener 拡張されているTweener HydroTween HydroTweenの使い方。 //HydroTweenの場合 var seq:SequenceCA = HydroTween.sequence( //回転 { target:myPanel, x:0 , y:0, z:0, rotationX:-10 , rotationY:20 , rotationZ:10, seconds:1, easing:Quadratic.easeInOut }, //回転を戻す { target:myPan

最近mixiがiPhoneへ対応したことから裏ＡＰＩが評判になっていますが、せっかくなのでAIRでやってみました。 ちょっと動作が不安定かもしれないけどこんな感じに書き込み。 mixiのメールとパスワードとmixiのID（プロフィール表示にＵＲＬのところに表示される番号）が必要となります。 AIRなプログラムはこちら http://moeten.info/flex/20080803_mixiAir/main.air ソースはこちら ＃一応ソフトをインストールすると右クリックでソースが見れます。 <?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" backgroundGradientAlphas="[1,1]" backgroundGr

サンプルとしてYoutubeなAIRアプリを作ってみました。 こんな感じ アプリのダウンロード ダウンロード シームレスインストール 「Ctrl + w」もしくは右上のCloseボタンでアプリを終了することができます。 それにしてもYoutubeのページダウンロードがすこぶる重い。 今回の勉強は正規表現でflvなURLを引っこ抜いて作成です。 //youtube のページからflvのURLを作成 private function accessSuccess(evt:Event):void{ myProgress.visible = false; var startIndex:int =0; var endIndex:int =0; var pattern:RegExp = /=&t=/; var myArr:Array = pattern.exec(watchLoader.data); s

Flexでの印刷機能を使ってみました。 実際のサンプルはこちら 左のお店リストを右のお気に入り枠にドラッグして、印刷ボタンを押すと印刷できます。 http://moeten.info/flash/shopcoupon/?site=maidcafe ソースコードはこちら ※いくつかバグがあって、ドラッグドロップするときにエラーが表示されることと、プリンターによってはきれいに印刷ができません。特にAdobePDFでの出力がバグっぽいです。 いくつか作成する際に気になったこと。 ・画像がまったく印刷されない。 →printAsBitmapを使う var my_pj:PrintJob = new PrintJob(); var options:PrintJobOptions = new PrintJobOptions(); options.printAsBitmap = true; my_pj.a

Flexでフルスクリーンなスライドショーを作ってみました。 こんな感じ。 http://www.moeten.info/flex/20080913_shopPhotoGarally/bin-release/ ソースコードは右クリックから見れます。 簡単な説明 フルスクリーンにする方法 htmlファイルのFlash設定項目で "allowFullScreen","true",を設定する。 あとはFlex側で stage.displayState = StageDisplayState.FULL_SCREEN; とすればフルスクリーンになります。 マウスに追従するきらきらFlash。 こちらのswfファイルを使用します。 光がついてくる こちらをFlexから使うにはちょっとした手順が必要で MovieClipLoaderAsset というクラスを使用します。 //きらきらマウス用 import

Flexでカメラ撮影＋サーバーへアップロードのアプリを作りました。 うまくつかえば簡単に写真が撮ることができますね。 こんな感じ（デモバージョンなのでサーバーへはアップロードしません） http://moeten.info/flex/20080915_moetenPhotoCapDemo/bin-release/photoCap.html おまけ機能としてほんわか機能をつけています。 女性にうれしいかなぁ。 ソースコードは右クリックから見れます。 サーバー側での処理 PHPでの受け取り方。 <?php if( isset( $GLOBALS["HTTP_RAW_POST_DATA"] ) ){ //JPG 書き込み $data = $GLOBALS["HTTP_RAW_POST_DATA"]; $img = $_GET["img"]; //↑セキュリティの面から「..」や「/」は取り除いた

ちょっと季節外れですが桜パーティクルをやってみました。 こんな感じ http://moeten.info/flex/20080918_sakuraParticleTest/bin-release/main.html ちょっと重いかも(＾＾； ソースコードは右クリックから見れます。 ちょっとした解説 今回は画像の切り分けをしてみました。 小さい画像をたくさん作ってそこに元画像をずらしながら描画（コピ−）していきます。 for (i = 0; i < myPhoto.height/h - 1; i++ ) { for (j = 0; j < myPhoto.width/w - 1 ; j++ ) { //小さい画像作成 var bd:BitmapData = new BitmapData( w , h ); //ちょっとづつずらして描画 var mat:Matrix = new Matrix(

まずはこちらのサイト TweenerでPapervision3Dのオブジェクトを生きている様に拡大・縮小する こちらを見て、わー面白いってことで自分でも遊びでやってみました。 こんな感じ http://moeten.info/flex/20080920_pv3d2Test/bin-release/main3.html ソースはこちらmain3.mxmlってファイル マウスイベント取得するのってちょっと手間がいるんですね。 こんな感じ Mouse3D.enabled = true; plane.material.interactive = true; plane.addEventListener(InteractiveScene3DEvent.OBJECT_CLICK , clickObj ); private function clickObj (e:InteractiveScene3DE

PaperVision3Dでうねうね、環境マップ（反射）、影をやってみました。 ほとんどがサンプルをコピペです（＾＾； こんな感じ http://moeten.info/flex/20080920_pv3d2Test/bin-release/main5.html http://moeten.info/flex/20080920_pv3d2Test/bin-release/main6.html http://moeten.info/flex/20080920_pv3d2Test/bin-release/main7.html ソースコードはこちら #main5.mxml、main6.mxml、main7.mxml 参考にしたページ ShadeMaterialsとPointLight3Dを使ってみる(ライトと影の表現) Casting Shadows In Papervision3D - Red

RationXYZを使ったサンプルアプリです。 単純にTweenerでXYZを変化させているだけです。 こんな感じ http://moeten.info/flex/20081016_fp10Test/bin-release/test07.html リンクボタンとかがそのまま動くのがいいね。 ソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="800" height="600" creationComplete="init()" backgroundGradientColors="[0xffffff,0xcccccc]" horizontalScrollPolicy="off" vert

Flexのインターフェイスを提供しました。 こんな感じです。 http://tooble.u-aizu.ac.jp/aizoom/ サイトの特徴は 動画検索 セリフからシーンを検索 音声からシーンを検索（現在未対応） っとなってます。 音声保存はred5を使用してます。 ただ、ポートの問題なのか現在は機能していません。 とりあえずのα版公開です（＾−＾） ソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:reflector="com.rictus.reflector.*" horizontalScrollPolicy="off" verticalScrollPolicy="off" layout="absolute" c

最近ちょっと小難しい話題ばっかりだったので、誰でも簡単に作れるAIRで簡単なHTMLブラウザを作ってみました。 お試しインストールはこちら 簡単なヒストリー機能が付いてます。 AIRのHTMLコンポーネントの扱いは簡単で、 location=myurlでページへ飛んで、 historyBack()で戻って、 historyForward()で進みます。 AIR勉強用にどうぞ。 ソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" width="600" height="500" showStatusBar="false" backgroundColor="0x000000" backg

PaperVision3Dで赤青メガネをつけて見ると物体が立体的に見えるっていうのをやってみました。 サンプルはこちら。 http://moeten.info/flex/20081115_pv3dGlass/bin-release/main.html 動作ムービーはこちら 簡単な説明 概念図 カメラを二つ用意してそれぞれでレンダリング。 この際、カメラの位置を微妙にずらしておく。 そして、レンダリングしたものにそれぞれに赤・青のレイヤーをスクリーンモードで重ねる。 あとは一枚に合成（multiply）すればＯＫ 参考リンク Barcinski & Jeanjean ソースはこちら <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="a

簡単に動画チャットやチャット、らきがきボードやファイル共有ができるCocomo。 今回遊んでみたのでメモでっす。 Cocomo 一日触ってみた感想ですが、これはRed5(FMS)とBlazeDSのいいとこどり＋便利なクラスな感じ。 動画チャットもできるし、オブジェクトの共有もできる。チャットなんかメイン部分１行。 Red5ではサーバーが必要で自前で用意しないといけなかったものが、Ａｄｏｂｅが用意してくれるので、導入にかなり敷居が低くなった感じ。 ただ、動画の保存には対応していないっぽく、この辺はRed5などでやったほうがいいと思う。 簡単なCocomoの使い方＋作り方 まずはCocomoサイトにログイン Cocomo アカウント持ってないかたはこの際だからゲットしちゃいましょう。 ＳＤＫファイルをダウンロード 解凍すると「lib」フォルダに Flexで使えるライブラリcocomo.swc

携帯メールでFlash世界に写真出現！ 携帯で画像添付メールを指定されたアドレスに送るとＦｌａｓｈの箱から画像が出てきます。 こんな感じ。 http://moeten.info/flex/20081201_mail2present/bin-release/main.html ＃ほかの方がアップしてたりすると勝手に反応しちゃうので、なんとなく使用してない時間帯くらいに試してみてください。 動作ムービーはこちら 簡単な説明 キューブの作成＠Flash10 <mx:Canvas id="myCanvas" x="300" y="300"> <mx:Image id="myImage01" source="01.jpg"/> <mx:Image id="myImage02" source="01.jpg" rotationX="90"/> <mx:Image id="myImage03" sour

hong kong な香港へ行ってきたのでその日記 １日目 移動日 シーサイドパーキングに車を停めて福岡空港へ Wifiを借りる グロバールWifi ２泊３日でだいたい１８００円くらい 福岡→香港へ ４時間半くらいかかった LCCなのか機内は暇なので何か動画を用意しておいたほうがよさげ 香港到着 香港の歴史は５０年＋くらい？（アヘン戦争から移民文化が築かれていったような）。 人口密度の高い国として有名。高いビルが立ち並ぶ（ほんとにあちこちに並列して） 言語は中国か英語 日本語はNG（嫌われるので最低限英語は勉強しておきませう） １元＝１４円くらい 物価は日本の半分くらい 平均年収は２８０万円（日本は３８０万円） 女人街へ ホテルからタクシーで女人街へ 香港は台湾と同じようにタクシーが安いので便利です。 女人街ではどっかでみたことのあるものがが安く売られています。 日本には持ち込めないスーパ

hong kong な香港へ行ってきたのでその日記 １日目 移動日 シーサイドパーキングに車を停めて福岡空港へ Wifiを借りる グロバールWifi ２泊３日でだいたい１８００円くらい 福岡→香港へ ４時間半くらいかかった LCCなのか機内は暇なので何か動画を用意しておいたほうがよさげ 香港到着 香港の歴史は５０年＋くらい？（アヘン戦争から移民文化が築かれていったような）。 人口密度の高い国として有名。高いビルが立ち並ぶ（ほんとにあちこちに並列して） 言語は中国か英語 日本語はNG（嫌われるので最低限英語は勉強しておきませう） １元＝１４円くらい 物価は日本の半分くらい 平均年収は２８０万円（日本は３８０万円） 女人街へ ホテルからタクシーで女人街へ 香港は台湾と同じようにタクシーが安いので便利です。 女人街ではどっかでみたことのあるものがが安く売られています。 日本には持ち込めないスーパ

最新のFlexSDK3.2でMatrix3Dが使えるようになっていたので勉強がてら使ってみました。 こんな感じ http://moeten.info/flex/20081120_matrix3Dtest/bin-release/main.html Matrix3Dはなんといっても回転の中心が設定できるのが便利(^o^) 回転点を変更するには Matrix3D.appendTranslation() を使用します。 いったん画像をずらして回転して元にもどすと画像の中心などから回転することができます。 ちょっと面倒だけどよく使うので覚えておいて損はないです。 //回転中心点をずらす mat3D.appendTranslation(-myCanvas.width/2,-myCanvas.height/2,0); //回転 mat3D.appendRotation(nRotationX, Vect

Flexを使って、複数人がインターネット上で共有できるホワイトボードアプリを作ってみます。 まず、今回は簡単なActionScriptプロジェクトで単にフリーハンドの線を複数人で描き込めるものを作ります。 将来的に、AIRアプリにしてクリップボード上のビットマップの貼り付けやテキスト入力、単純な図形の作成なども実装できればなかなか使えそうなものになるかと思います。 まず、今回描き込んでいく線を共有するために、Flex Media Serverと互換性のあるオープンソースのサーバ、Red5 を使います。 こちらは動作環境によってセットアップ方法がさまざまなので、ここでは導入については省略させて頂きます。 プログラム自体は、サーバ側クライアント側それぞれ必要になってきます。具体的なコードや仕組みなどについては、以下の通りです。 仕組み おおまかな仕組みとしては、Flash側でマウスをドラッグし

うちの会社も先日9月10日にようやく1周年を迎えました。 近頃このブログも全く更新されていなかったので、これを機に心新たにまた頑張ってネタを考えてみようと思います（＾＾； さて、Flex Builder3をずいぶん前に買って、埃をかぶってしまっていたので、これはもったいない・・というわけで。 今回はFlexネタです。 Flexを使って簡単な（初歩の）3Dアニメーションをやってみようと思います。 初歩というのは簡易的なライティング（後述）を行うもので、BitmapDataクラスなどを使えば、よりリアルなレンダリングもできると思います。 上の画像は実際に動作させてみたswfをキャプチャしたものです。 実装手順および解説は以下の通り。 上の画像のように、ファイル >> 新規 >> ActionScriptプロジェクトと選択してください。 すると、プロジェクト作成ダイアログが出ますので、プロジェク

President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. Portfolios are a great way for web des

39 Comments Great list of sites! Nclude seems to be one of my favorites. Clean? Yep! Super Clean? Hmmm… Only messing, great collection, plus massive type looks awesome on a clean website. Great collection – thank you! Thanks for featuring my website. Especially when it’s featured along with so many talents. Great list¬! Great looking sites! Thanks. Thanks for featuring my website!! Good post. I am