Processingのソースを参考にして、Flashで作るsketchの練習。
今回の教材は、パリで行われたらしいProcessing workshopのソース。
Processing workshop in Paris - code sources | v3ga
http://v3ga.net/blog/2008/04/processing-workshop-in-paris-code-sources/
その中から、いくつかをFlashで作って遊んでみた。
まずは、ダウンロードしたProcessingのソース「01_Classes」＞「_04_Points_Proximites」で動作を確認。
ドラッグすると、赤い円が描画され、画面の端で跳ね返りながら、円同士が近づくと、線で繋がれる。
さすが、パリでのworkshopということだけあって、コメントや変数名がフランス語。それを英語に変換しつつ、AS 3.0 用に直したりして、Flashにソースを移植。
で、Flashで作ったのがこれ。ドラッグじゃなくて、マウスダウンで描画する。
円の数が増えると大変なことになるので無理をしないことをおすすめ。
Processingでは毎フレームdrawで背景ベタ塗りと円と線を描いているのだけど、このFlashではShapeの座標を移動させる方法でやってみた。
Flashでも線は毎フレーム描画。Processingのと同じように配列for文の入れ子で全ての円に対し距離判定して、線を描いているけど、やっぱきびしい。
それにProcessingのやつでは「F」キーで円の移動残像モードとかやってるけど、毎フレーム半透明の塗りで全面を覆っていくとかFlashじゃ「もういや！」って感じでやってない。
ソース：PointsProximities_AS3.zip
Related posts
Flash CS3とFlex Builder 3のヘルプに表示されるヘルプ用HTMLファイルのローカル保存場所をメモ。
Flash CS3
Mac OS X：
Macintosh HD/ライブラリの
Application Support/Adobe/Flash CS3/ja/Configuration/HelpPanel/Help
Windows XP：
C:¥Documents and Settings¥All Usersの
Application Data¥Adobe¥Flash CS3¥ja¥Configuration¥HelpPanel¥Help
ActionScript 3.0 コンポーネントリファレンスガイドなら、
Help/ActionScriptLangRefV3/index.htmlになる。
Flex Builder 3
Flex Builder 3の場合はというと、Flex Builder 3をインストールしたフォルダの「plugins/com.adobe.flexbuilder.helpなんとか」というのがヘルプ用HTMLファイル類。
その中で日本語ヘルプファイルは「com.adobe.flexbuilder.help.nl1_3.0.194161/nl/ja」にある「doc.zip」。
Adobe Flex Builder 3/plugins/com.adobe.flexbuilder.help.nl1_3.0.194161/nl/ja/doc.zip
Adobe Flex 3 リファレンスガイドなら、「doc.zip」を解凍して
doc/langref/index.htmlになる。
Webのリファレンスが使えない時は思い出してあげてください。
まぁ、普通にアプリを立ち上げればそれで済むんだけどね。
Related posts
Flash CS3用の拡張機能「TwitterPanel」を作ってみました。
Flash CS3のパネルからtwitterにアクセスする、新ジャンル「Flashに関係ない拡張機能」です。
他の人から見れば、ただFlashを使っているだけですので、お仕事中に堂々とtwitterすることもできます。ついでに、Flashで開発しながら、Flashに関する質問とかをtwitterすることにも利用できそうです。
1日中Flashで作業している人にとっては、こういうWebサービスに接続する機能がFlash IDE内にあっても良いんじゃないかと。
主な機能
- Friendsの発言の表示・更新
- Public発言の表示・更新
- 単一ユーザー発言の表示・更新
遠目にはFlashを開いているだけ。
大胆なあなたに。
でもパネルを小さくした状態で見てれば、ステージをクリックするだけでパネルが隠れる。
利用について
Flash Player 9が入っていれば、Flash 8でも動くかなと思って試してみたんですが、表示されませんでした。もしかすると、Flash 8ではパネル部分でもFlash Player 8が使用されるのかもしれません。
TwitterのActionScript 3.0のライブラリを使って、機能が満たせるくらいの感じで作ってます。
ログインエラーやタイムアウトとかの処理はしていないので、ログインに失敗してそうな時はスパッと一度パネルを閉じ、ずっとロード中の場合やTwitterが重いときなどはタブを切り替えると更新されたりします。
※ユーザー名／パスワードの保存などはSharedObject保存です。アカウント情報を保存する機能を使用する際にはご注意ください。
現在、正常に動作しないようになってしまいましたので、TwitterPanelの公開はひかえておきます。
Flex3でURLRequestHeader あたりが変わってTwitter ActionScript Libraryが動かないってこともメモしておきます。
TwitterPanel.mxp 0.8 ダウンロード
TwitterPanel08.zip
※インストールにはExtension Managerが必要です。
利用方法
「ウィンドウ」メニュー ＞ その他のパネル ＞ TwitterPanel
そのうち、「Flashに関係ない拡張機能」として、YouTubeパネルみたいなのでも作ってみようと思います。
参考
Twitter ActionScript Library
http://twitter.com/help/api
Related posts
SWFからSilverlight 1.1 AlphaのDLLを拝借する実験（Alpha Refresh対応版）。
Sliverlight 1.1ではJavascriptからC#/VBなどのマネージコードを呼び出す事ができます。
Sliverlight1.1でJavascriptからDLLのコードを呼び出すサンプルはSliverlightのQuickStartsを参考。
Silverlight: QuickStarts > Interaction Between HTML and Managed Code > Calling Managed Code from JavaScript
http://silverlight.net/QuickStarts/Dom/ManagedCodeAccess.aspx
※サンプルを試すにはSilverlight 1.1 Alpha Refreshが必要。
このサンプルでは1×1pxのSilverlightが左上にある。
日本語での説明はこちらを参照してください。
（以前のSilverlight1.1 Alphaコードでサンプルは動作しない）
Silverlight: QuickStarts「JavaScriptからマネージコードを呼び出す」
Javascriptからできるってことは・・・
SWFからそのJavascriptをExternalInterfaceで呼び出せば良いだけでした。
動作サンプル：
Calling managed code from Javascript(+SWF)
※要プラグイン
Adobe Flash Player 9
Microsoft Silverlight 1.1 Alpha Refresh
この動作サンプルではSilverlight部分を大きくしたり、SWF用に同じ処理内容のJavascriptを加えたりしています。
ソースダウンロード：
※動作サンプルはExternalInterfaceを使っているのでローカル環境(file:///・・・)では動かないかもしれません。確認はローカルサーバー等で試してください。
メモ：
Silverlight: QuickStarts「 JavaScript からマネージコードを呼び出す」のチュートリアルの注意
チュートリアル/ソースコードを試す場合には、
- simple.xamlのクラス指定部分でネームスペース、アセンブリ名を調整する。
- プロジェクトのプロパティでビルド先指定「CliantBin¥」を取り除く。
- 「createsilverlight.js」をdefault.htmで指定している「CreateSilverlight.js」に名称変更する。
Related posts
