ClockMaker Blog

Stage3D対応のAway3D 4.0 – 3次元空間におけるパーティクル表現

2011年12月27日 (火)
Flash 3D

Flash Player 11の新機能Stage3Dに対応した3Dライブラリ「Away3D ver 4.0」の作例紹介。前回紹介したパーティクル表現とフィルター表現を組み合わせて作ってみました。

demo (Require Flash Player 11.1)
source (FlashDevelop用ファイル一式)

Stage3D対応のAway3D 4.0 – パーティクル表現

2011年12月24日 (土)
Flash 3D

世間はクリスマスかもしれませんが、今日もFlash Player 11のStage3Dに対応した3Dライブラリ「Away3D ver4」の紹介。今回はシンプルな3Dのパーティクル表現を試してみました。

demo (Require Flash Player 11.1)
source (Away3D 4.0 alpha / Flint 4.0.1)

パーティクル表現には、Flint Particlesというパーティクルライブラリを使っています。本ブログでは以前、パーティクル表現のためのAS3ライブラリ「Stardust」を紹介したことがありましたが、FlintはStardustのベースになったライブラリです。Flintは昔から開発が進んでおり、Stage3Dの各種フレームワーク(Away3D, Alternativa3D, Flare3D, Starling)にも対応しているなど、今も積極的にコミットされています。

Flash Stage3D対応のAway3D – 被写界深度表現

2011年12月23日 (金)
Flash 3D

Flash Player 11のStage3D (FlashでGPUを利用することのできる技術)に対応した3Dライブラリ「Away3D」の紹介です。今回は定番の被写界深度表現を試してみました。

Three.js 版 (2023/05/14追記しました)

Demo

Away3D 4.1.4 GOLD 版 (2013/09/23追記しました)

Demo (要 Flash Player 11.7)
Source (ZIPファイル / Flash Pro CC または Flash Builder で利用できます)

Away3D 4.0.0 alpha 版

Demo (要 Flash Player 11.1)
Source (ASファイル)

Stage3D対応のAway3D 4.0 – フィルター(ポストエフェクト)

2011年12月21日 (水)
Flash 3D

昨日の記事に続いてFlash Player 11のStage3Dに対応した3Dライブラリ「Away3D ver4」の紹介。今回はフィルター機能を使ったデモを作成しました。プルダウンでエフェクトの種類を選べるので、試してみてください。

demo (Require Flash Player 11.1)
source (with Away3D 4.0 alpha)

Away3Dにはフィルタ機能が備わっていて、これはStage3D側で処理するポストエフェクトの部類になります。備わっているフィルター機能は次の通り。

Stage3D対応のAway3D 4.0 – ダイナミックシャドー

2011年12月20日 (火)
Flash 3D

Flash Player 11のStage3Dに対応した3Dライブラリ「Away3D ver 4」を試してみました。これはAway3Dに標準搭載されている影の表現を使ったデモです。

demo (Require Flash Player 11.1)
source (with Away3D 4.0 alpha)

Flash Player 11 対応の 3D 物理演算ライブラリ「AwayPhysics」

2011年12月06日 (火)
Flash 3D

Flash Player 11 対応の 3D 物理演算ライブラリ「AwayPhysics」を使ってデモを作ってみました。AwayPhysics は名前のとおり Away3D 4.0 alpha (Stage3D版) 対応の物理演算エンジンで、今までの3D物理演算ライブラリよりも高速に動作します。

[立方体バージョン 100個]

Demo
Source

[球体バージョン 100個]

Demo
Source

Yahoo! Creative AwardでHTML5 賞を頂きました

2011年11月28日 (月)
HTML5

お手伝いさせていただいたコーポレートサイト「amanagroup INDEX」がYahoo! JAPAN インターネットクリエイティブアワードのHTML5賞を、受賞しました。

関係者のみなさま、おめでとうございます＆お疲れさまでした。HTML5に挑戦する最高の機会にお誘いくださいまして、本当にありがとうございました。

ちなみに今月のWebDesigning12月号(2011)の特集「先端事例に学ぶjQueryのテクニック」でも掲載されています。もし興味がありましたらそちらもチェックくださいませ。

Web Designing 連載記事と特集掲載のお知らせ

Flash Player 11のStage3Dでパノラマ表現(Alternativa3D版)

2011年11月27日 (日)
Flash 3D

3D表現で定番のパノラマVRをFlash Player 11のStage3Dを使って作ってみました。マウスでドラッグ＆ドロップすると、360度の視界を見渡すことができます。

Spherical VR Version

demo (require Flash Player 11)
src

Cubic VR Version

demo (require Flash Player 11)
src

これらのデモはStage3Dを利用しているため描画はGPUで処理されており、Flash Player 9/10の時代に作っていたCPU版と比べると負荷が低く動きがなめらかになっています。なお制作する際に利用したフレームワークはAlternativa3Dと自作のAlternativaTemplateです。