タグ

ブックマーク / clockmaker.jp (7)

  • http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/

    http://clockmaker.jp/blog/2014/01/away3d-typescript-fire/
    batta
    batta 2014/01/08
  • リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog

    Flashのエンジニアとして著名なGrant Skinner氏が開発している、「CreateJS」の公式サイトがオープンしました。 http://www.createjs.com/ CreateJSはHTML5を介してリッチなインタラクティブコンテンツの制作をサポートする、JavaScriptライブラリとツールのスイートです。CreateJS SuiteにはEaselJS、TweenJS、SoundJS、PreloadJS、とZoeのツールがあります。 私のブログでもEaselJS、TweenJSを使ったインタラクティブコンテンツのデモを幾つか制作して紹介してきましたが、Flashで培われた技術がそのまま利用できる点で非常に使い勝手のいいツール群だと思っています。 EaselJSとTweenJSでテキストエフェクト EaselJSを使った流体パーティクル入門 今回は公式サイトで明らかになっ

    リッチなHTML5コンテンツのためのフレームワーク「CreateJS」が公式サイトを公開 | ClockMaker Blog
  • HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog

    HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは 前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ 後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。 HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas

    HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog
  • 次の世代の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

    次の世代のFlash Playerは凄いことに!GPUにより数十万ポリゴンが60FPSで動く | ClockMaker Blog
    batta
    batta 2010/11/01
  • 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を理解する フ

    60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
    batta
    batta 2010/07/15
  • wonderflから学ぶActionScript 3.0最適化 | ClockMaker Blog

    いつも勉強になる_level0.KAYACさんのブログでイベント告知(ごはんとFlash -Its a wonderfl rice-)がありましたが、皆さん詳細をチェックしましたか? ライブコーディングというその場でActionScript 3.0を書いて課題のFlashを作るという企画もあるのですが、私も参戦します。果たして30分で作り上げることができるのか、今から緊張します。 さて、前置きが長くなりましたが、wonderflで検証されたActionScript 3.0最適化手法をまとめてみました。詳細は以下から。 Bitmap関連 Flashの処理速度の最適化において、描画処理の最適化は最も効果があります。ここではスクリプトで高速化した検証結果をまとめてみました。 BitmapDataクラスのdraw()とcopyPixels()だとcopyPixels()のほうが160%高速。 co

    batta
    batta 2009/11/20
  • ProgressionとPapervision3Dの連携 No.03 : 3Dの画面遷移エフェクト完成 | ClockMaker Blog

    [追記] 08.12.16 この記事をもとに Flash でスクリプト不要の 3D トランジション効果 ClockMaker Effects という拡張コンポーネントを作成しました。コンポーネントのほうが使い易くエフェクトも強力になってますので、上記リンクをご覧ください。 汎用3Dライブラリの「Papervision3D」と画面遷移がスマートに作成できる人気のフレームワーク「Progression」を組み合わせるシリーズ3回目です。ついに画面遷移に3Dエフェクトを適用することができました。それもちょっとした設定で色んなプロジェクトにも利用できるように”それっぽく”クラス化しています。まずはサンプルをご覧ください。 demo (要Flash Player 9) ZIPのソースファイル(Flash CS3) 使用したライブラリはこちらからDL下さい。 progression 3.0.7 pap

    ProgressionとPapervision3Dの連携 No.03 : 3Dの画面遷移エフェクト完成 | ClockMaker Blog
    batta
    batta 2008/11/21
  • 1