A suite of modular libraries and tools which work together or independently to enable rich interactive content on open web technologies via HTML5.
2011年1月30日に開催された「東京てら子」というFlashの勉強会で発表した内容ですが、HTML5出力可能な�Flash CS5拡張ツールを作ってみたので紹介します。 まずはこちらのビデオをご覧ください。実際に動作している様子をビデオに録画したものです。 タイトルのとおり、Adobe Flash Professional CS5 から HTML5 コンテンツを書き出すという拡張機能で、サイトのトップページで使うようなシンプルなムービー制作に適したツールとなっています。対象ブラウザですがメジャーなモダンブラウザだけではなく、Internet Explorer 6-8 にも対応しています。 生成手順は次のとおり ( ↑ ) Flashの編集画面 ( ↑ ) 拡張機能を［コマンド］から呼び出す。すると変換が自動的に行われる。 ( ↑ ) 変換されたJavaScriptコードを生成、これをHT
Flash Player for iPhone 今回のSparkProjectの勉強会で紹介された、iPhone上で走るFlashPlayerのデモが公開された。iPhoneの開発者ライセンスを回避する為に、JavaScriptで実装されたという、変態ちっくなFlashプレイヤーです。作者は最速チュパカブラの中の人。 上記リンクは事実上FlashコンテンツをプレイヤーごとJavaScriptにポーティングした感じなので、プラグインをインストールすることなくiPhoneのsafariでいきなり再生できます。 まぁ、iPhoneがペンタ600相当というから遅いといえば遅い。ただこのスクリーンサイズでこの速度なので、480*320かつ、FlashLite並みに製作者が高速化に注意すれば、スプラッシュレベルなら、それなりのものは作れそう。フルフラッシュサイトはともかく。 技術的にはActionSc
asInternet Explorer で Location Hash を利用したページに Flash を表示すると、IE のタイトルが #hoge のようになってしまうことがある。発生する条件は、Flash にフォーカスがあたったり、location.hash 値が変わったりしたとき。この問題、世間の人はどうやって解決してるんだろうと思って、swfaddress のソースをみてみた。swfaddress は Flash で location.hash 扱うための有名ライブラリ。swfaddress の JavaScript 側に次のようなソースを発見した。setInterval でこの処理が定期的に呼ばれているようだ。 // _d は document var _titleCheck = function() { if (_browser.isIE() && _d.title != _t
Flashオブジェクトのあるページで、URLにハッシュ値が付いている場合、Flashオブジェクトにフォーカシングすることで、ウィンドウのタイトルがハッシュ値で置き換わってしまう。この現象が確認できたのは、WinIEのみ。あやしすぎる挙動だす。 これがまた厄介な問題だったりする。 ページ内リンク(「ページの先頭に戻る」とか)で、アンカーの値がURLのハッシュ値に設定されると、その次にFlashオブジェクトを操作するだけで、タイトルが謎の文字列に変わるわけで。ブックマークしようとするユーザーが非常に困る。 で、いまのところ対処法が見つかっていませぬ。ううう。 タイトルが変わる原因が分からないので、変わったものを document.title で上書きする方法を考えた。ところが、Flashがクリックされたり、フォーカシングされたイベントで、それを実行しても、効果なし。すぐ別のタイミングで上書きさ
[2008.11.19 追記] 関連エントリーとして「ExternalInterfaceでは対象swfをonLoad以降にロードしてはダメ」を投稿しました。 FlashPlayer8からExternalInterfaceを利用することで、かなり簡単にASからJSの関数を呼び出したり、JSからASの関数を呼び出すこともできるようになりました。で、JSからASを呼び出す場合は、あらあじめAS側でJSから呼び出す関数の名前と、実際に実行する関数の登録を行うことで可能になります。たとえばこんな感じ。 ExternalInterface.addCallback('setMessage', this._setMessage); これだとJS側でswfのオブジェクトを参照してsetMessageを呼び出すと、AS側で_setMessageが呼び出される仕掛けになります。このときにやってみて初めて体験する
FancyUpload - Swiff meets Ajax (v3.0) Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers. Showcases Attach a File A red
http://github.com/hotchpotch/as3rails2u/tree/master/src/com/rails2u/bridge/JSProxy.as AS3 から HTML の特定要素の内容を取得したり JS のメソッドを引数つけて呼び出したり、値をセットしたりがめんどくさくなってきたので作ってみました。 JSProxy.proxy もしくは new JSProxy() で JSProxy のインスタンスを作り、適当にプロパティを呼び出していって(この時点ではスタックにどういう処理を行うかを書いてるだけ)、最後JSを本当に叩いて値を取得やメソッド呼び出しを行いたいときは、プロパティの頭に $ をつけます。 // アラート関数を実行 JSProxy.proxy.$alert('foo'); // body の本文を取得 var body:String = JSProxy
ここでは、任天堂Wii上で、Flashゲームなどを作るのに必須である、Wiiリモコンを操作する方法を紹介します。 ウノウで酒徳率急上昇の真相 こんにちは。酒徳峰章です。これまでの人生で「酒徳」という名字の人は、妻と家族親族だけだったのですが、なんと、先日より、ウノウ（株）に、酒徳千尋さんが入社されました。そこで、酒徳２号（もしくは、クジラ飛行机）と呼んで下さい。酒徳千尋（１号）さん、ともども、今後ともよろしくお願いします。(※私の方が先に入社しているのですが、酒徳１号をかけて勝負したところ負けてしまったので、私が２号となりました。) Wiiの可能性 先日より、Nintendo Wiiについて研究しております。Wiiを使うと、お茶の間のＴＶでインターネットができるようになります。これは、とてもすごいことで、Wiiが持つ今後の可能性にワクワクしています。 但し、お試し版のブラウザ上のFlash
The ActionScript® 2 API described here has been deprecated. Yahoo! is proud to now offer an all-new ActionScript 3.0 API to developers. You can find the documentation, component download and examples on the Maps Section of the Flash Developer Center, here on the Yahoo! Developer Network. We will continue to keep the ActionScript 2 documentation available right here for developers still using it, h
JavaScript から Flash を操作できるツール、Flex-Ajax Bridge (FABridge) を試してみました。 名前に Flex や Ajax とついていますが、Flex や Ajax にしばったライブラリではなく、JavaScript から SWF を操作できる、と考えたほうがよい感じです。 必要なファイルは SWF に組み込む FABridge.as と HTML でインクルードする FABridge.js の２つです。ダウンロード方法はちょっとややこしいので最後で説明します。 SWFの準備 まずは、SWF 側の実装。bridge フォルダに FABridge.as を置きます。AS3.0 です。 // Test.as package { import flash.display.Sprite; import bridge.FABridge; public cl
swffit (formerly know as FitFlash) is a smart script that resizes your flash movie automatically if your browser window size is smaller or greater than your flash minimum desired size keeping it accessible independent of screen resolution. IMPORTANT: This project isn't being activelly maintained anymore and needs contributors, use it with care and make sure you read these notes and check the issue
http://coderepos.org/share/wiki/JSMML テキスケ: ActionScript日記 - サウンドのリアルタイム生成（４） で公開されている、Flash から MML を再生できるライブラリ、 FLMML が素晴らしすぎるので、JavaScript からも再生できるようにブリッジを書いてみました。ライブラリ名は JSMML(まんま)。 JSMML を使うと、SWF を経由して JS な API から MML を再生できるようになります。 <script type="text/javascript" src="JSMML.js"></script> <script type="text/javascript"> JSMML.swfurl = 'JSMML.swf'; // default // onLoad に関数を入れておくと、SWF のロード完了時に呼ばれ
格好いいグラフを見るとどきどきしてくる。表計算ソフトウェアでさも作りました、といったような単純なものでは心に訴える事はできない。何を見せたい、何を表現したいのかを的確に訴える必要がある。 画像で単純に作るのも良いが、動的にグラフィカルにいこう。Flashを使えばそのようなインタフェースも容易に実現できる。 今回紹介するフリーウェアはPie & Donut chart、Flash製のグラフだ。 amChartsは円グラフ、線グラフ、棒グラフそしてX-Yグラフの4つに大別されるグラフ機能を提供している。amChartsへのリンクをつける事でフリーで利用できる。 そのグラフ機能は非常に高い。見た目の奇麗さもあるが、マウスでの操作（円グラフはクリックするとその部分だけが離れる、線グラフはマウスで指定した範囲だけを拡大表示できる）やマウスオーバー時の数字表示等がある。 また、それだけではない。Jav
あ、どうもいつも通り JC です。 前回作った JavaScript で取得した Wii リモコンの情報を Flash で扱うのに便利な、 WiiFlashAPI を公開してみる。 ちょっとブラッシュアップしました。 一応ドキュメントも作っていたんですが、読みにくいカモしれません（汗） 新しく作ったサンプルです。 やってみて色々楽しかった。 ボタン操作は結構完璧？だと思うが、まだまだリモコンの操作が難点。 どうにかしたい。 操作自体は前回よりずっと早くなった。 API はコレです -> WiiFlashAPI(Beta) 全体的にはこんな感じです。 ■ Wii Flash API (Beta) date : 2007/06/02 version : 0.2 AS Ver. : 2.0 author : jc ■ 概要 Wii リモコンの情報を Flash で扱うための API Flash
UStream.tvとtwitterでニコニコ動画ってみた、あとJavaScript→ActionScriptブリッジの更新 追記：デモページTwitterとUstream.tv のアカウントは切り替えれるようにした。 このエントリの続き JavaScript → ActionScript なオブジェクトブリッジを作ってみた 最近もっぱらActionScript勉強中なのですが、JavaScriptオブジェクトをActionScriptから叩けると楽しいのじゃないか、と思ってオブジェクトブリッジ作成中な訳です。で実際何が便利かと考えたら、まあJSONPかなぁと。やっぱActionScriptでもJSONPでクロスドメインのデータとってきたいじゃない、人間だもの。 で一つサンプルを作ろうと思ってネタ探ししてたら、なんかustream.tvってのが面白そうじゃないか。ustream.tv一言で
AS3 は eval が出来ないので 自分用の eval 関数を作っておくと便利です。 というわけで eval を作る // eval.as package { import flash.external.ExternalInterface; public function eval(script:String):* { return ExternalInterface.call('eval', script) } } JavaScript の eval 呼ぶだけだけど(笑)。 でも、この AS ファイルを source-path に置いておくだけ(import不要)で、気軽に eval 出来てめちゃめちゃ便利！ このネタ、ここに書いてみたけど 誰かが既にやってそうだなあ。。。。 誰かやってたら、「それ、もうやったよ！」って教えてください＞＜
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く