既に、Pepeさんやnitoyonさんが紹介している「Flex, ActionScript, AIR Posters」をWebで見れるようにしてみました。
Flex Team
Update on Flex, ActionScript, AIR Posters
中垣 茂 （ Shigeru Nakagaki ） | ブログ （ Flex, AIR, ColdFusion ）
AS3, Flex 3, AIR ポスター．．．97メガっすか
てっく煮ブログ
AIR・AS3・Flex3のクラス相関図ポスターが公開中
申し訳ないですが、Silverlightです。
Silverlight 2.0 Beta Silverlight 3のプラグインが必要なので見たい人は入れてください。
Microsoft Silverlight: Light Up the Web
http://www.microsoft.com/silverlight/default.aspx
Deep Zoom Adobe ActionScript 3.0 Class Diagram Viewer – Silverlight 3
http://violentcoding.com/content/AdobeAS3ClassDiagramViewer/index.html
posters.pdfから1枚7,200×10,800ピクセル（解像度300相当）のPNG画像に書き出し、それら５枚を横に並べています。各画像のサイズは、22.3MB、32.3MB、32.7MB、24.1MB、30.0MBというボリュームです。
SilverlightのDeep Zoomという機能を使って表示してます。
MIX08で紹介されていたHard Rock Cafeのサイトで使っているやつです。
Hard Rock Memorabilia
http://memorabilia.hardrock.com/
マウスドラッグで画像の移動やマウスホイールで拡大縮小ができます。
Deep Zoomでは拡大縮小や移動を行っている最中に、結構な負荷がかかっています・・・。
CPU%で拡大縮小・移動時には80% – 90%位のスコアをたたき出しております。
作りはMSエバンジェリスト 大野さんの完コピです。
develop .net : Silverlight 2 の新機能 – Deep Zoom
http://blogs.msdn.com/mohno/archive/2008/03/12/silverlight-2-deep-zoom.aspx
develop .net : Silverlight 2 の新機能 – Deep Zoom（マウスホイール編）
http://blogs.msdn.com/mohno/archive/2008/03/12/Silverlight-2-Deep-Zoom-with-Mouse-Wheel.aspx
Related posts
前の投稿で、kulerを使ったMacのカラーピッカー「Mondrianum」について書きましたが、では本家Adobeのアプリケーション用kulerパネルはどうなっているか見てみます。
ひとつはオマケみたいなものですが、自分が知っているもので３つ。
まずは、Flash CS3。
Pixelfumes Flash Blogで公開されたFlash CS3で使えるkulerパネル。
カラースキームをクリックすると、新規レイヤーを作成し、各色50×50の四角形をステージに追加してくれます。
Blogで公開していたのだけど、今やAdobeのDeveloper Centerに載っています。
拡張機能を公開しているだけでなく、さらになんと「kulerパネルの作り方」として拡張機能のパッケージを作るところまで、ソースコードを公開してくれています。MXPはもちろん、flaファイルにAS、JSFLとMXIファイルまで超太っ腹です。
Adobe – Developer Center : Creating the kuler panel for Flash CS3 Professional
http://www.adobe.com/devnet/flash/articles/kuler_panel.html
Pixelfumes Flash Blog
http://pixelfumes.blogspot.com/
Pixelfumes Flash Blog: Flash CS3 Kuler Panel Updates
http://pixelfumes.blogspot.com/2007/06/flash-cs3-kuler-panel-updates.html
Pixelfumes – Multimedia Solutions
http://pixelfumes.com/
で、同じくPixelfumes Flash BlogからFireworks用のkulerパネル。
Fireworksでは各色50×50のパスで描かれた四角形を追加してくれます。
Pixelfumes Flash Blog: Adobe Fireworks CS3 Kuler Panel Released
http://pixelfumes.blogspot.com/2007/08/adobe-fireworks-cs3-kuler-panel.html
そしてオマケは英語版Illustrator CS3のみのkulerパネル。
Adobe Labs – kuler
http://labs.adobe.com/technologies/kuler/
kuler_faq.pdfより
Q.Why is the kuler panel only available in the English versions of Illustrator CS3?
A. The inclusion of the kuler panel only in the English releases of Illustrator CS3 matches the languages currently supported by kuler.
kulerのカラースキームをIllustratorで使うには、kulerのサイトにログインして、カラースキームのaseファイルをダウンロードしないとスウォッチとして使えないんですが、kulerパネルから直接カラースキームをカラーグループとしてスウォッチに追加できたりするんですね。
なんで、日本語版のIllustratorにも入れてくれないんですかね・・・
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からExternalInterfaceを経由して、Silverlight 1.1 のDLLを使用するサンプル作ってみましたが、Silverlight1.1 が Alpha Refresh版となったことで、Alpha Refresh用にサンプル・ソースを変更しました。
[Flash]SWFからSilverlight 1.1のDLLを使う
http://violentcoding.com/blog/2007/06/10/archives/8
変更といっても、Silverlight.js差し替えたり、
CreateSilverlight.jsの中で「 Sys.Silverlight.createObjectEx({source: ’simple.xaml’,・・・」となっている部分で、最初の「Sys.」を消すぐらいで済みました。その他はSilverlightのプロジェクト名を変えたのでネームスペースを調整しています。
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