2D entertainment development made easy! Fast! Comfortable!
株式会社ソニックムーブ エンジニアグループ ソリューションユニット マネージャー 家永 稔之 2011年にソニックムーブに入社。個人ではJavaScriptとTypeScriptを用いて、「swf2js」や「Next2D」の開発を手がける。業務のリモート化をきっかけに地元の消防団に所属し、防災活動として月に数回、消防車両に乗って地域の巡回を行う。 X GitHub Animation Tool かつてインタラクティブなWebコンテンツを支えた「Adobe Flash」。「Adobe Flash Player」は2020年12月末でサポートを終了し、ほとんどのコンテンツはすでに姿を消しました。そんなFlashコンテンツ(SWF)を最新のHTML環境で再生可能にする、オープンソースのJavaScriptライブラリが「swf2js」です。ソフトウェアエンジニアの家永稔之さんが開発し、2015年に
この記事は、JavaScript で Flash Player の実現を頑張った(もしくは現在進行系で頑張っている)人たちの集う Flash Advent Calendar 2020 に参加しております。 私は過去に自分が設立した会社で ExGame という HTML5 実装の Flash Player(正確には Flash Runtime Engine)を開発し、その会社ごと DeNA に買収(M&A)されました。あまり出来ない体験であるのは間違いないので、Flash が終了を迎える今、改めて振り返ってみようと思います。 Flash Player の開発 今から 10 年前の 2010 年、ちょうど iPhone が普及し始めてきてガラケーのシェアが 8 割から 6 割くらいに落ちようとしていた時期に、私は Flash Player を JavaScript で実装していました。以前この
Flash 4では、関数「random()」でランダムな整数を取得できましたが、Flash 5 以降ではこの関数は使用禁止となっており、「Math.random」メソッドの使用が推奨されています。(『AcrionScript リファレンスガイド』 p.324~) 「Math.random」は、0 以上 1 未満の浮動小数で結果を返します。したがって、乱数を整数で得るには、工夫が必要です。 ※「Math.random」は、0 以上 1 未満の浮動小数で結果を返します(『ActionScript リファレンスガイド』の「Math.random」の項には「0.0~1.0」とありますが、1.0「以下」ではなく ECMA 仕様にもとづき1.0「未満」です)。 結果を整数で得る 結果を整数に変換するには、2 つのメソッドが考えられます。 ひとつは、「Math.round」です。引数の数値を小数点以下四
Flowplayer - Flash Video Player for the Web JavaScriptから簡単に使えるFlashビデオプレイヤー「Flowplayer」。 FlashビデオプレイヤーをJavaScriptから再生、停止させたりすることが簡単にできちゃいます。 使い方は無茶苦茶簡単です。 // id="player" の div に動画を埋め込みます。"my-video.flv"を再生します $f("player", "flowplayer.swf", "my-video.flv"); // プレイヤーのバージョンを得ることもできます $f("player").getVersion(); // 再生の制御をすることもできます $f(0).play(); // 停止の制御をすることも可能 $f().stop(); FlowPlayerのAPIリファレンス 動画をとって f
Dynamic Text Replacement Solutions | Dezinerfolio テキストを動的にアンチエイリアスがかった綺麗な画像にする仕組みが色々とあるみたいです。 FlashやPHP、CSS、JavaScriptの要素をトリッキーに混ぜ合わせているところも見所です。 P+C DTR PHP+GDで綺麗なテキストを生成し、JavaScriptでbackground-image設定して表示します。 そもそもがテキストになっているので、HTMLもクリーンです。 見え方は以下のように、綺麗なテキスト 生成されたHTMLはh5要素として、次のようになっています。 <h5 style="background-image: url(image.php?text=You%27re+Look%27n+At+It&tag=h5);">You're Look'n At It</h
2008年5月13日 JavaScriptからFlashの関数を呼ぶ:getURLでなくExternalInterfaceを使用する利点 SEの竹村です。 弊社のGoogle Analyticsを確認すると、下記の記事が結構見られているようです。 ▼JavaScriptからFlashの関数を呼ぶ - Flash Java Script Integration Kit https://www.ark-web.jp/blog/archives/2006/02/javascriptflash_1.html 上記のブログでは、JavaScriptとFlashを連携させるために「osflash: Flash JavaScript Integration Kit」を使用していました。ですが、この記事は2006年と古くなっており、現在私が実際に利用しているライブラリとは異なるため、新たに記事を書くことに
Jeong-Heon Kim Adobe 目次 はじめに Flash Player 8のセキュリティ変更 Flash 8以前の接続メソッド ExternalInterfaceクラス ExternalInterface.call() ExternalInterface.addCallback() 印刷用に表示 作成日:2006年6月12日 ユーザレベル:中級 Flashアプリケーションで何らかの機能を使おうとすると、HTMLページ内のJavaScriptのような、Flash Playerの外部にあるコードに接続しなければならないことがよくあります。このような場合、接続を行うにはActionScriptからJavaScriptを呼び出したり、あるいはその逆を行うといったことが必要です。 Flash Player 7以前のバージョンではActionScriptとJavaSc
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
16 librairies et scripts pour g・・er des graphiques sur Internet | Simple Entrepreneur Flash,JavaScript,CSS,PHPでグラフ作成のためのライブラリ色々。 Flash amCharts Maani JavaScript EJSChart PlotKit AjaxMGraph CSS Css For Bar Graphs Vertical Bar Graphs with Css and Php Bargraph Dynamic Pie Chart with Css Css Vertical Bar Graphs Displaying percentages グラフ画像生成ライブラリ JFreeChart Artichow JpGraph Chart Director Graphviz Ima
注目!Flashを応用してHTML&CSSだけでは通常作れない画像効果を得る「swfIR」 2007年02月27日- swfIR: swf Image Replacement When you start to use swfIR, you’ll need the ability to style it, the same way that you can do with regular images. Flashを応用してHTML&CSSだけでは通常作れない画像効果を得る「swfIR」。 こういった仕組みで、久しぶりに感動させられました。 Ajaxにこだわらず、Flashも応用することでこんなことも出来るんだ、と思わせられたものでした。 なんと、<img src="〜"> な画像タグがあったとして、この画像に、動的に角丸やシャドウ効果、回転効果やボーダーを直接かけることが出来ます。 次の
先日発表した”レイヤーを使用したFull Flash”のスクリプトをさらに応用してマルチメディアプレーヤーにしてみました。 前回の記事を知らない方は、今回はそれの応用ですのでこちらを先にお読みください。 前回も文頭で触れましたが、僕はレイヤーの復権はPOPUPに変わるものだと考えます。 ですから、POPUPと言えば・・・と、まず考えてみます。 写真・・・音楽・・・メディアプレーヤーが立ち上がるのもそうか。。。 お、待てよ?これ全部FLASHで外部読み込み出来るじゃん! というわけで、今回の製作物はマルチメディアプレーヤー(おまけ付き)です。 何がおまけ付かというと、せっかくFLASHなのでテキストの読み込みもつけてみました。(いらないだろ と、いうわけでまずはこちらをご覧ください。 (今回、外観、動きなどは時間省略のため割愛気味です。最後にソース公開するので、好きなようにいじってみてくださ
最近PopUpに変わって需要の出てきたレイヤー。写真を載せるのはよくありますが、そのFlash版を誰でも簡単に使用できるスクリプトを組んでみました。 最近写真をレイヤーで見せるのが流行ってますよね。(POPUPブロックの影響によるPOPUP代わりみたいなものでしょうが。) そういうものはJavaScriptが結構公開されているのですが、FLASHはないですよね。(使用したもの自体、見ることもまだあまりないですね。) そういうわけで組んでみました。 まずは下記URLをご覧ください。 http://www.muraken.biz/overlay/overlayflash.html(”ここをクリック"のところをクリックしてみると、実行されます。) 今回、これを簡単に作れるスクリプトを組みました。 JavaScriptに関しては文末にてソースを置いておきますが、説明するとかなり長くなるので割愛いた
The Flash / JavaScript Integration kit makes it possible to seamlessly communicate between Flash and JavaScript. You can call JavaScript functions from Flash, and ActionScript functions from JavaScript. Download the latest release of the Flash / JavaScript Integration Kit. Go to the project page (on OSFlash). Go to the development site (view the source code or log a bug). License The Flash / JavaS
Flash / JavaScript Integration Kit (Beta) 昨日コンポーネント指向Ajaxとかのたまってたら、タイムリーにMacromediaから、Flash/JavaScript相互通信フレームワークとライブラリが発表されました。 驚くべきことに、これを使用すると、オブジェクトの型を保ったままJSとFlashでデータ通信ができるそうです。対応ブラウザも、モダンブラウザ全てサポート。 というわけで、次なる焦点は「FlashからJavaScriptを制御するか、JavaScriptがFlashを制御下に置くのか?」になりそう。DOM操作とブラウザ互換依存部分以外はflashにコードを隠蔽してしまってもいい気がする。そのほうが動作安定しそうだし。しかし、三ヶ月ぐらいhidden進行でリサーチしてた分野が無駄になったよコンチクショー。 投稿者 Taka : 2005年06
コンポーネント指向Ajaxの実験として、FlashからDOMを操作してみた。。効果音やスライダーでは、AJAX構成要素をコンポーネント化する利点を説明しきれない気がしたので、もうちょっと凝ったものを作ってみました。ブログの背景色を直接コントロールできます(画面を広くしないとわからないかも)。 ここでは実装速度の関係上、JSをswf内にハードコードしているけど、動的にflashとDOMノードバリューをバインディングするようにすれば、背景や文字の色からフォームの値まで柔軟に対応できるでしょう。 Ajax用コンポーネント設計のコツは、できるだけ両者に相手のことを意識させないように書くことみたいですね。JavaScriptはflashから直接イベントを受け取るのではなく、DOMの値の変化をフックする形が簡単かと。ここではやっていなけど、Flash側へ情報を送る場合はswfのリロードをトリガーにする
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く