http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/
フレームアクションで覚える Papervision3D チュートリアル Vol.01 | ClockMaker Blog
私の身の回りの人やメール等でPapervision3D (ペーパービジョンスリーディー)の使い方を教える機会があり、その度にチュートリアルサイトを教えたりしています。ただ、世の中のコードを見ると様々な書き方があり、スクリプトになれていない初級者にとっては、難解に思われる事が多いかと思います。 そこで、初級者にもやさしいPapervision3D(以下、PV3D)チュートリアルをはじめてみることにしました。チュートリアルビデオを用意して5回ぐらいに渡って連載したいと思います。必要となるスキルレベルは、ActionScript 3.0の入門書を一冊読み終えたぐらいを想定してます。 テーマは「フレームアクションだけの短いコードで、シンプルにPapervision3Dを使ってみる」です。 なお、Papervision3Dの解説はさらに詳しく書籍にもまとめています。このブログを読んでさらにスキルを高
HTML5 Canvasでパーティクル表現！パーティクルエンジンParticleEmitterJS | ClockMaker Blog
にゃあプロジェクトさんに教えてもらったのですが、HTML5用のパーティクルエンジン「ParticleEmitterJS」が面白そうだったので試してみました。次のような表現がビジュアルエディターを使ってHTML5で簡単に作ることができます。 Demo (Require the browser supported HTML5 Canvas) Demo (Require the browser supported HTML5 Canvas) ParticleEmitterJS は CreateJS のフリーの拡張ライブラリで、簡単にパーティクルエフェクトを作ることができます。パーティクルエフェクトはゲームやコンテンツ表現の演出強化や、雲や炎などのシミュレーションにも利用できます。パーティクルは基本的に数値演算を利用するためプログラマの領分という印象が強いですが、ParticleEmitterJS
Stage3D対応のAway3D 4.0 – フィルター(ポストエフェクト) | ClockMaker Blog
昨日の記事に続いてFlash Player 11のStage3Dに対応した3Dライブラリ「Away3D ver4」の紹介。今回はフィルター機能を使ったデモを作成しました。プルダウンでエフェクトの種類を選べるので、試してみてください。 demo (Require Flash Player 11.1) source (with Away3D 4.0 alpha) Away3Dにはフィルタ機能が備わっていて、これはStage3D側で処理するポストエフェクトの部類になります。備わっているフィルター機能は次の通り。 ▼RadialBlurFilter3D (放射状ぼかし) ▼MotionBlurFilter3D (モーションブラー) ※モーションブラーはfumixさんが以前Papervision3Dを使って紹介していたこともありました。 MOTION BLUR DEMO 001 (PV3D) – w
Stage3D対応のAway3D 4.1 – パフォーマンスが劇的に向上したパーティクル機能 | ClockMaker Blog
Flash Player 11のStage3Dに対応した3Dライブラリ「Away3D ver 4.1 alpha」の作例紹介。Away3Dの最新版4.1 alphaに搭載されたパーティクル機能を使ってデモを作ってみました。 Demo (要Flash Player 11.5) Source (Flash Builder用アーカイブファイル) パーティクルライブラリFlintとAway3Dネイティブパーティクルのパフォーマンス比較 以前ブログの記事（Stage3D対応のAway3D 4.0 – 3次元空間におけるパーティクル表現）でFLiNTというパーティクルライブラリを使ったデモを紹介したことがありました。FLiNTとAway3D 4.1 alphaに搭載されたパーティクル機能を比較したところ、後者のほうが圧倒的にパフォーマンスに優れています。 Adobeの最新ソフトScout (旧Mono
Toolkit for CreateJS 1.2の新機能紹介 | ClockMaker Blog
Flash ProfessionalからHTML5に書き出す機能であるToolkit for CreateJSの最新版Version 1.2が公開されました。前回のリリースが2012年9月だったので8ヶ月ぶりのバージョンアップとなります。 Flash to HTML5 | Learn more about the CreateJS toolkit ※追記(2014/01/26) : Flash Professional CC 13.1以降では、拡張機能Toolkit for CreateJSは廃止され、同等の機能が「HTML5 Canvasドキュメント」としてFlash Pro CCに組み込まれました。 今回のバージョンアップにおける新しい機能は、リリースノートや試してみたところによると新しい機能は次の通りです。 モーションガイドのサポート マスクのサポート 最新版CreateJSバージョ
HTML5関連技術のWebGL(three.js)とFlash(Away3D)のパフォーマンス比較 | ClockMaker Blog
HTML5関連技術であるWebGL (three.js ライブラリを使用)でどれだけのオブジェクトを表示できるのか気になったので、Flash(Away3Dライブラリを使用)とパフォーマンスを比較してみました。WebGL対応ブラウザであるGoogle ChromeやFirefox等でご覧ください。 HTML Demo (Primitive Version) HTML Demo (Primitive Version Ex) HTML Demo (Optimum Version) Flash Demo (Primitive Version) Flash Demo (Optimum Version) 訂正 ※[2013/01/16 23:50追記] 匿名さんやthree.jsの開発者であるMr.doobさんからコメントで、ジオメトリの作成部分で最適化が足りない旨の指摘を頂きました。ジオメトリを無駄
FlashでStarlingとBox2Dの連携デモ | ClockMaker Blog
新年あけましておめでとうございます。年末・年始にFlashのデモを数点ほど作成しましたので紹介したいと思います。 まずは物理演算エンジンBox2DFlashAS3 2.1 alphaとStage3D対応の2D描画フレームワークStarling 1.2を組み合わせたデモです。箱の中で8つの火の玉が回転する感じのものです。パーティクルと物理演算というのは負荷の高い処理になるわけですが、StarlingがGPUを使って高速にパーティクルを描画してくれるため、Box2Dと組み合わせても滑らかに再生することに成功しています。 Demo (要Flash Player 11.5) Source (ZIPファイル/Flash Builder用アーカイブ) こちらは上述のデモのプロトタイプです。パーティクルを使わずStarlingとBox2Dを組み合わせたものです。シンプルなのでソースコードが読みやすいと思
たった数行のコードでクールなパーティクル表現を実現！ Flash Player 11対応の2Dフレームワーク「Starling Framework」 | ClockMaker Blog
たった数行のコードでクールなパーティクル表現を実現！ Flash Player 11対応の2Dフレームワーク「Starling Framework」 Flash Player 11の新機能Stage3Dですが、上条さんのブログでも紹介されているとおりStage3Dは3Dだけでなく2DでもGPUを使って描画できます。2DにおいてはStarling(スターリン)というフレームワークが存在し、これを使うことで2次元表現でもGPUの圧倒的なパフォーマンスを得ることができます。Adobe MAX 2011で受講したセッションのまとめでも紹介しましたが、Starling FrameworkはAdobe側もフィーチャーしており、今後が期待できるフレームワークの一つと考えて間違いなさそうです。ちなみStarlingについては次の記事が参考になります。 Starling （新しい ActionScript
Flashで作られた3Dカーゲームまとめ #1 | ClockMaker Blog
ここ最近2〜3年でFlashにおける3D表現は進化しており、様々なサイトで3Dを見かけるようになってきました。海外や国内のサイト/デモで気になったカーゲームをいくつか紹介します。 Volkswagen フォルクスワーゲンのプロモーションサイト。新鋭の3Dエンジンを使っていることもあり、質感の高さに驚かされます。3DエンジンはAlternativa3D。 iQ – Vertual Test Drive iQのテストドライブができるサイト。3DエンジンはAway3DかPV3D(PV3DのブログではPV3Dだと紹介されてるし、Away3DのブログではAway3Dと紹介されているのでどちらか不明)。 Honda | エコグランプリ | Formula E ホンダのエコな走りがテーマのカーゲーム。スピードゲームではなく燃費がよくなるように走らすのがポイントのゲーム。3Dエンジンは不明。 ※追記9/1
Flash 3Dエンジン比較とブリッジライブラリCross3D – 大阪てら子29発表資料 | ClockMaker Blog
毎月コンスタントに大阪で開催されている Flash の勉強会大阪てらこに参加してきました。今回は HIGE5 というタイトルで、総計 25 人ぐらいの方が参加され約 5 時間にわたり各自まとめてきた Flash の面白いことについて発表し合いました。 私は、Flash の各種 3D エンジンの比較レポートと、この日のために準備した(といっても 1 日ぐらいで作った)新種の 3D ライブラリ「Cross3D」を発表しました。Cross3Dとは、ActionScript 3.0 の各種 3D エンジンを同じソースコードで動作させるブリッジライブラリです。発表資料は Acrobat.com にアップしていますので、よろしければご覧ください。 なお、資料中にて紹介しているデモは次の URL でご覧頂けます。 7*7*7=343個の直方体を表示したときのFPS比較 Papervision3D 2.1
Flash Builder 4とプラグインで爆速コーディングをしよう！ | ClockMaker Blog
先日紹介したFlash Builder 4ですが、皆さんはもう試されましたでしょうか？ アップグレードしたばかりで、どのような使用感なのか気になるところですよね。今回はFlash Builder 4の紹介に加えて、さらにコード補完を劇的に強化するプラグインの紹介です。 Flash Builder 4は様々な機能が豊富でとても強力なツールなのですが、他コードエディターの進化に比べると若干コード補完のみが物足りない印象があります。AdobeエヴァンジェリストであるLee氏のブログThe Flash Blogで知ったのですが、SourceMateというプラグインがとても優秀でコード支援機能を強化してくれます。 Flash Builder 4でActionScript 3.0をコーディングする様子をビデオにまとめたので、まずはご覧くださいませ。90秒のムービーで、Flash Builder 4とS
HTML5出力可能なFlash CS5拡張機能を作ってみた | ClockMaker Blog
2011年1月30日に開催された「東京てら子」というFlashの勉強会で発表した内容ですが、HTML5出力可能な�Flash CS5拡張ツールを作ってみたので紹介します。 まずはこちらのビデオをご覧ください。実際に動作している様子をビデオに録画したものです。 タイトルのとおり、Adobe Flash Professional CS5 から HTML5 コンテンツを書き出すという拡張機能で、サイトのトップページで使うようなシンプルなムービー制作に適したツールとなっています。対象ブラウザですがメジャーなモダンブラウザだけではなく、Internet Explorer 6-8 にも対応しています。 生成手順は次のとおり ( ↑ ) Flashの編集画面 ( ↑ ) 拡張機能を［コマンド］から呼び出す。すると変換が自動的に行われる。 ( ↑ ) 変換されたJavaScriptコードを生成、これをHT
不要な不可視ファイルを削除するAIRアプリ「カス削除くん」 | ClockMaker Blog
OS やファイル管理システムが作成する不可視ファイル（通称：カスファイル）を一括で削除するアプリケーション「カス削除くん」を開発・公開しましたのでお知らせします。 Mac や Windows で作られる不可視ファイルは、OS をまたいでファイル交換をする場合にあって困るものではありませんが、別の OS の利用者から見たらあまり気持ちのよいものではないかと思います。「カス削除くん」はそういったカスファイルを一括で削除する便利アプリケーションです。フリーソフト（※）として公開しますので、ご自由にご利用くださいませ。 ※アプリケーションとソースコードは MIT ライセンスとして公開します。 このアプリは今年 5 月に作ってから現在 4 ヶ月ほど業務で使っていますがトラブルもなく、Adobe CS や Office 製品の次ぐらいに重宝しています（主に SVN のエクスポートの代わりや、ファイルの
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
「Spark project 勉強会 SP3」の発表ビデオ | ClockMaker Blog
先日、Adobeイベント「station5 in 表参道」で開催された「Spark project 勉強会 SP3 – station 5 特別版 Flash Platform で遊んじゃいましたスペシャル！」で、「コンパイル速度 高速化のためのTips」と題して発表しました。当日の様子はUstreamで録画されていますので、そちらからご覧ください。私の発表は1時間9分頃からになります。 発表中に実演していますが、Flash CS4で2分近くパブリッシュに時間がかかるものが、Flash CS5だと５秒に、Flex SDK (Flash Builder又はFlashDevelop)だと1〜2秒になるというお話です。なお、発表した資料はAcrobat.comに公開していますので、そちらもあわせてご参考ください。 また当日の様子はgihyo.jpにてレポートが掲載されています。 http://g
?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+clockmaker+%28ClockMaker+Blog%29
アップルの新デバイス iPad が Flash に対応していないことや、アップルの CEO スティーブ・ジョブズ氏の苦言により、HTML5 は Flash に取って代わるのかという論議が現実味を帯びて論じられるようになりました。 「なぜAppleはiPadにFlashを載せるべきではない」のか AdobeのCTO、Kevin LynchがFlashを擁護―「HTML5はウェブビデオを暗黒時代に投げ戻す」 そこで、HTML 5 と Flash は何が違うのか両者の違いを図にまとめてみました。 (上の画像はクリックで拡大できます) 左側が HTML5 にしかない機能、右側が Flash にしかない機能で、中央の重なっているところが両方が利用できる機能です。グラフィック関係では、HTML5 では描画やビデオ関係はサポートするものの、テキスト周りや高度なグラフィック処理、デバイス機能ではまだ Fl
被ブクマ数が手軽に確認できるブックマークレット | ClockMaker Blog
ソーシャルブックマーク数を確認できるブックマークレットを作ってみました。 次の文字列をコピーしてアドレスバーに突っ込むと、そのページがどれだけブックマークされたかが表示されます。 javascript:(function(){var%20d=document;%20var%20s=d.createElement("script");%20s.charset="UTF-8";%20s.src="http://bit.ly/sDU6i?"+(new%20Date()).getTime();%20d.body.appendChild(s)})(); 国内でもっとも使われていはてなブックマークとDeliciousのカウントを表示するようにしています。 自分の作ったサイトがどれだけブクマされてるかチェックすると、注目度がわかって面白いです。アクセス解析と同様でサイトの制作者・担当者的にも被ブクマ数も
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://clockmaker.jp/blog/2014/01/webgl-away3d-particle/
http://clockmaker.jp/blog/2014/01/html5-webgl-away3d-typescript-samples/
