?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
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
Flash制作を簡単にする ActionScriptライブラリとは？ 特集：Flasherに便利なオープンソース「Spark project」 Spark project コミッタ 新藤 愛大 2008/12/10 「ActionScriptライブラリ」って何？ 読者の方は、Flashを使った複雑なアニメーションの制作をどのように行っているのでしょうか。ActionScriptコードを勉強して一から制作していますか？ そんな人にこそ知っておいてほしいことがあります。実は、オープンソースの「ActionScriptライブラリ」を使うと、無料で簡単に複雑な機能・動きが実現できるのです。 ActionScriptライブラリとは、一言でいうと、「みんなが使えるように公開されているActionScriptコード」のことです。 イマイチピンと来ませんか？ そんな人でも、「Tweener」「Paperv
Photoshopでやってしまいがちな12個の間違った使い方 – GIGAZINEが面白かったので、Flash版として「Flashでやってしまいがちな16個の間違った使い方」としてまとめてみました。 1.シンボル化しないままトゥイーンを作成している まずは誰でも一度はやったことがあるであろう、シンボル化しないままのトゥイーン作成。ライブラリに「トゥイーン○」という名もなきシンボルが作成され、後で見返したときや他の共同作業者が非常に困ることになります。 2.テキストフィールドに直接リンクURLを設定している getURLやnavigateToURLなんてスクリプトを知らない初心者のころはテキストフィールドにURLをいれてテキストリンクを作っていました。これは演出が作れないので、慣れてくると使うことはないでしょう。 3.文字をボタンに含めたときに後ろにシェイプを敷いていない ボタンを作ったとき
noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基本操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C
Beautifl - Flashのギャラリーサイト
BeautiflはFlash(ActionScript 3.0)のオープンソースの秀作を集めたギャラリーサイト。Webクリエイターのインスピレーションを刺激するクールな作品をピックアップしています。
3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集 2008年08月22日- Adrian Parr’s Blog Blog Archive AS3 Code Libraries 3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリが紹介されていました。 ActionScriptというとライブラリもあまり知らない人が多いのではないでしょうか。 3Dエンジン Papervision3D http://blog.papervision3d.org/ Away 3D http://www.away3d.com/ Sandy 3D http://www.flashsandy.org/ Alternativa Platform http://blog.alternativaplatform.com/en/ FIVe3D http
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
Flashで3D？ 数年前まで、Flashと言えばデザイナが絵やアニメーションを作り、そこにちょっとしたインタラクティビティを持たせるためのツールという見方が一般的でした。しかし、昨年あたりから急激に「えっ！？こんなことがFlashでできるの？」というようなコンテンツが増えてきています。このようなコンテンツが現れはじめた原因は、言語仕様が一新されたActionScript 3による高いパフォーマンスにあります。 本連載では、ActionScript 3のパフォーマンスを活かした一例として、Web上での3D表現を取り上げます。Webで3Dというと、VRMLやJava3Dなどの方法が存在はしたものの、なかなか広まることがありませんでした。これは実行環境の普及率が原因していると言えるのではないでしょうか。その点について、Flashは恵まれた環境にあると言えます。Adobeの資料によれば、日本国内
タケシが PHP やらでごにょごにょやっているとかゆっていたので、簡単に取得できる方法を書いとく。 どうやらすでに内部的にも Google とくっついているようで。これまでだとスクレイピングしないとわからなかった FLV のありかが、クライアントサイドだけでわかるようになっております。 http://www.youtube.com/watch?v=2yDSbFe62E4 こんな YouTube の URL があります。これの FLV のありかは、 http://cache.googlevideo.com/get_video?video_id=2yDSbFe62E4 ↑ココです。カンターン。 ・・・ あともうひとつ。外部 FLV で遊ぶときの tips。 ふつう。スクレイピングとかしてひっぱってきた外部 FLV とか、ストリーミングサーバーに置いてあって別のサブドメインとかになっているムービ
Flashで動作する3Dエンジン「Papervision3D」
Flash8とFlash9で動作可能な3Dエンジンで、Flash 8 Image APIに最適化されており、非常にスムーズかつなめらかに動作するのが特徴。Flash9から利用可能になったフルスクリーンモードにも対応しており、360度のパノラマとか、ぐりんぐりん動きまくる3D空間とか、非常に多彩な表現がActionScriptで可能になります。MITライセンスのオープンソースで提供予定となっています。 実際の動作デモは以下から。 Demos << Papervision3D History << Papervision3D ricardo cabello* about* Another PV3D performance test* 360度のパノラマデモ。FPS表示などがあり、右下をクリックするとフルスクリーンモードに。QuickTimeVRに比べると非常に軽快に動きます。 Papervis
Mr.doob
Collection of digital toys and experiments.
次の世代のFlash Playerは凄いことに！GPUにより数十万ポリゴンが60FPSで動く | ClockMaker Blog
今年のAdobe MAX 2010で発表された新技術の一つにFlash Playerの新しい3D APIがあります。現状のFlashの3Dでは数千のポリゴンしか処理できませんが、次の時代のFlash Playerでは数十万のポリゴンが処理できるようになります。これは従来と比べて 100倍ものパフォーマンスとなります。どのぐらい凄いかというと、次のビデオを見てもらえばわかるはず。 数十万のポリゴンをHDサイズのフルスクリーンにおいて60 FPSで処理される、という鬼のようなパフォーマンス。なおかつ、CPUの使用率が減るというエンドユーザーに優しい恩恵付き。この技術はFlash PlayerからGPUを利用することにより可能になったものです。コードネームは「Molehill」と呼ばれており、2011年中旬のリリース予定で開発が進められています。 Adobe Labs – 3D APIs for
WEB制作の要素の中の一つフォトギャラリー。制作しているWEBサイトのジャンルによっては、作らない場合も多いのですが、WEB制作されている方々だと作る機会も比較的多いものだと思います。今日紹介するのはそんな時に役立つFLASHで作るフォトギャラリーのチュートリアル「10 Sleek and Professional Flash Image Gallery Tutorials」です。 Papervision 3D Flash Gallery Tutorial 全部で10個のFLASHによるチュートリアルが収録されていますが、今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■Build a Dynamic Flash Gallery with Slider Control スライダーで操作するフォトギャラリー、動きもなめらかです。 View Demo » ■Mac
こんちわ。さくーしゃです。 えーと、巷では Flash Player 10 beta で騒がしい感じになってきておりますが、そんな中、わたくしは ARToolKit を Flash (AS3) に移植してました。FLARToolKit と命名しておきましょう。まー、移植つっても本家からじゃなくって A虎@nyatla.jp 氏が Java に移植した NyARToolkit を AS3 で書き直したものなんだけど。言語仕様が近いだけあって C 版よりもはるかに移植しやすかったですな。 やっぱでもねー、速度的にはかなり厳しいもんがあるな。ラベリングの部分は Bitmap 師匠のコードをベースにほとんど書き直したんだけど、それでも複数マーカーの認識とかってのはかなり無理がありそう。 3D 表示部分も現状の Flash だとソフトウェアレンダリング（デモでは Papervision3D 使ってる
papervision3d.org - contact with domain owner | Epik.com
This domain name registration has expired. If you are the domain owner, please contact support@epik.com to get the renewal taken care of.
FLARToolKitって？ FLARToolKitというのは、最近流行のAR（拡張現実）ってのをFlashで簡単に作ることができるライブラリです。実際、ARを取り入れたプロモーションサイトを見かけるようになりました。たとえば、「GE | Plug Into the Smart Grid」や「Living Sasquatch」というサイトを見たことないですか？ North KingdomとGoodby Silverstein & Partnersが手掛けた「GE | Plug Into the Smart Grid」をきっかけに、Web業界でもARに注目が集まり始めました こういったサイトでは、カメラ映像内にリアルタイムで電子情報を付加することができるコンテンツが用意されています。そこに使われているのがFLARToolKitなんです。 FLARToolKitがやってくれるのは、「マーカー」
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
フレームアクションで覚える Papervision3D チュートリアル Vol.01 | ClockMaker Blog
私の身の回りの人やメール等でPapervision3D (ペーパービジョンスリーディー)の使い方を教える機会があり、その度にチュートリアルサイトを教えたりしています。ただ、世の中のコードを見ると様々な書き方があり、スクリプトになれていない初級者にとっては、難解に思われる事が多いかと思います。 そこで、初級者にもやさしいPapervision3D(以下、PV3D)チュートリアルをはじめてみることにしました。チュートリアルビデオを用意して5回ぐらいに渡って連載したいと思います。必要となるスキルレベルは、ActionScript 3.0の入門書を一冊読み終えたぐらいを想定してます。 テーマは「フレームアクションだけの短いコードで、シンプルにPapervision3Dを使ってみる」です。 なお、Papervision3Dの解説はさらに詳しく書籍にもまとめています。このブログを読んでさらにスキルを高
AS3Wrapper AS3Wrapper imports Flash libraries into Javascript. JavaScriptからActionScript3を使うための「AS3Wrapper」 AS3Wrapperを使えば、JavaScriptの中でFlashオブジェクトを生成して、Flashをそのまま扱えるようです。 with(playerInstance) with(flash.display) with(flash.net){ var image = new Loader(); image.load(new URLRequest(url)); addChild(image); } AS3Wrapperを使ってできるサンプルリストは以下 Drawing a scene Loading an image A text-effect with scalable font
Portfolio website of IKEDA Yasunobu a.k.a ClockMaker / Web Designer and Frontend Engineer from Tokyo, Japan.
note.x
Away3D 2.2出てた。 メジャーバージョンアップ時の恒例行事になったデモは、相変わらず完成度高し。 主なバージョンアップ内容は以下。 Collada のボーンをサポート Triangle キャッシュ機能追加（よくわからんけど、△ポリの情報をキャッシュするんだろうか） バウンディングボックスとバウンディングスフィアの演算機能追加（これもよくわかんねーけど、コリジョン関係かも） PathExtrude, PathAnimator と PathDuplicatorの追加 Simple shadowsの追加 Object based renderers追加（よくわからん） 「.Obj」形式でのエクスポート ElevationModifierの追加 Elevationで作成した形状を AS3 コードでのエクスポート 詳細は、フォーラムの Robによるアナウンス Away3d 2.2: the
HAPPY NEW YEAR '09
AID-DCC Inc. & KATAMARI Inc. PRESENTS NEW YEAR SPECIAL SITE [ZERO-NINE].
papervision3d.org - contact with domain owner | Epik.com
This domain name registration has expired. If you are the domain owner, please contact support@epik.com to get the renewal taken care of.
[レイアウト] Create floor plans, house plans and home plans online with Floorplanner.com
Your space matters. Planning and designing it can be challenging, which is why Floorplanner exists. We believe that planning your space shouldn't be difficult, expensive, or exclusive to professionals. It should be easy, accessible, fun, and free for everyone. Since 2007, we've taken it upon ourselves to build a platform to provide just that. Join over 30 million users worldwide and find out how u
(English page) FLARToolKit とは ARToolKit の AS3 版です。 A虎＠氏が Java に移植した NyARToolkit をさらに AS3 に移植。 FLARToolKit は入力画像からマーカーを認識して、3 次元空間でのカメラ位置を計算するとこまでをやってくれます。 3D グラフィックスとの合成などは各自で実装する必要あり。 ただし簡単に合成できるようにヘルパー的なものはついてます。（Papervision3D, Away3D, Alternativa3D 用のクラスが用意されています。） ちなみにサンプルで使用してるのは Papervision3D。 ライセンス FLARToolKit を使用する場合は、以下の 2 つのライセンスのどちらかを選択してください。 GPL GPL を選択された場合、商用・非商用を問わず無料で使用可能です。 ただしソフ
National Grid http://www.nationalgridfloe.com/ Environmental issues have never been more fun to learn in this graphically stunning interactive site by First Born Media. Befriend and care for a baby polar bear and perform tasks and games along the way in order to learn and understand more about how much of our lifestyle has an effect on our environment. Rich in motion graphics with a high level of
(C)2007 UEI Makoto Kondo,Ryo Shimizu / Powered by PaperVision3D and hatena
Flash Player 10のプレリリースが発表され、ますますActionScript3界隈が盛り上がる今日この頃、皆様いかがお過ごしでしょうか？ この連載では、Box2Dという物理エンジンを使ったActionScript3プログラミングについて解説します。物理エンジンといっても、難解な数学や物理法則を理解する必要はありません。そういった処理はBox2Dが包み隠してくれます。Flashのデモを見ながら、少しずつBox2Dの使い方を理解していきましょう。 第1回ではまったくプログラムは書かず、Box2Dに付属しているサンプルをコンパイルして実行します。まずは動くものに触ることで、物理エンジンって楽しそうだなと思っていただければ幸いです。 なお、筆者の開発環境がWindowsなので、諸々の説明がWindows前提となってしまいますが、Mac OS Xなどでも開発することはできます。その際は、
HTML5というわけではないですが、CavasタグとJavaScriptを使って3Dのデモを作ってみました。 デモを見る ソースコード (［右クリック］→［ソースを見る］を選択) こういうのを見れば「HTML5すごい、Flashいらない」と思う人もいるかもですが、冷静にファーストインプレッションを。同じものを以前Flashで実装したことがありますが（Papervision3D演出サンプルNo.01:羽ばたく蝶々）、両者のデモを比較することでメリット・デメリットが見えてきます。 ＜追記：2013年9月3日＞ Three.jsの最新版rev 60にアップデートしてみました。3年前に作成したときはrev 17だったのですが、別物のライブラリと言わんばかりにほとんどAPIが変わってしまっています。ちなみにTypeScriptで書きなおしています。 デモを見る ソースコード (TypeScript)
ざっくばらんにいろんなライブラリを紹介するシリーズ第三段目。Stardust (スターダスト)という海外のパーティクルライブラリの紹介。2Dにも3Dにもどちらにも利用できる表現の自由度が高いライブラリです。とりあえず、Papervision3Dと組み合わせてデモを作ってみました。蝶が飛んだ軌跡に発生している粒子部分がStardustの効果になります。 demo (Flash Player 9) ライブラリStardust とは 2Dと3Dをサポートするパーティクルエンジンで、ソースコードはMITライセンスとしてGoogle Codeにて公開されています。さまざまな効果やプロパティーを組み合わせて使うことができ、自由度の高いカスタマイズが可能です。 stardust-particle-engine ライブラリの特徴は次のような感じ。 簡単にカスタマイズができる 重力や反発といった物理演算の適
基本的な文法 変数 var 変数名:型名; var num1:int; var textField1:TextField = new TextField(); クラスの定義 package 所属するパッケージ名 { // パッケージ名省略可 import xxx; import xxx; // 変数宣言 アクセス修飾子 var プロパティ名:プロパティの型; // コンストラクタ アクセス修飾子 function コンストラクタ名() { this.aaa = dddd; } // メソッド1 アクセス修飾子 function メソッド名1(引数1:型 = デフォルト値):戻り値の型 { return this.mmmm; } } Flashを描画するクラスは Sprite クラスを継承する package { public class Test
ProgressionとPapervision3Dの連携 No.03 : 3Dの画面遷移エフェクト完成 | ClockMaker Blog
[追記] 08.12.16 この記事をもとに Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects という拡張コンポーネントを作成しました。コンポーネントのほうが使い易くエフェクトも強力になってますので、上記リンクをご覧ください。 汎用3Dライブラリの「Papervision3D」と画面遷移がスマートに作成できる人気のフレームワーク「Progression」を組み合わせるシリーズ３回目です。ついに画面遷移に3Dエフェクトを適用することができました。それもちょっとした設定で色んなプロジェクトにも利用できるように”それっぽく”クラス化しています。まずはサンプルをご覧ください。 demo (要Flash Player 9) ZIPのソースファイル(Flash CS3) 使用したライブラリはこちらからDL下さい。 progression 3.0.7 pap
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
Flash制作を簡単にするActionScriptライブラリとは？（1/3） - ＠IT
Flashでやってしまいがちな16個の間違った使い方 | ClockMaker Blog
FlashとAction Script3.0のチュートリアル30 – creamu
3D、ゲーム、物理エンジン、トゥイーンなど、ActionScript3用便利ライブラリ集:phpspot開発日誌
www.ecodazoo.com – このドメインはお名前.comで取得されています。
ActionScriptによるWebの3Dグラフィックス再入門：CodeZine
Saqoosha :: YouTube の FLV を抜き出すのが簡単になっている件
ソースファイル付き！Flashで作るフォトギャラリーチュートリアル10選
[Saq.] ARToolKit を Flash に移植したよ。
簡単！ FLARToolKitをはじめよう！ | デベロッパーセンター
THE ECO ZOO | ECODA!DOBUTSUEN（城戸雅行）
JavaScriptからActionScript3を使うための「AS3Wrapper」:phpspot開発日誌
ClockMaker Labs - Interaction Design × Web Technology
saqoosha/FLARToolKit - Spark project
21 Incredibly Creative Flash Websites - Down the Foxhole
SiteSneaker2007 by UEI
第1回 Box2Dを使ってみよう | gihyo.jp
CanvasタグとJavaScriptで3Dのデモを作ってみました | ClockMaker Blog
パーティクル表現のためのAS3ライブラリ「Stardust」 | ClockMaker Blog
tips : tips/02.プログラミングなど/Flex/ActionScriptメモ.txt