タグ

Performanceとwebglに関するedo_m18のブックマーク (3)

  • 安藤日記 [&] WebGL Performance Tuning

    安藤日記 安藤日記:デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ ( via. Behind the magic of AKQA Winterlands ) #WebGL Performance Tuning WebGLコンテンツ/プログラムの速度をコツコツと速くするための、 パフォーマンスチューニング観点をまとめました。 まずはプロファイリングが重要。 闇雲にチューニングしても、あまり速くならない場合もあります。 また、最初の設計や、ハードウェア性能を知った上でのデータ量の見積もりも重要です。 ■WebGLプロファイリングのコツ ●グラフィックスパ

  • WebGLを極めるならJSライブラリを使わず書こう!モバイルでも動くHTML5の3次元スライドショーを作ってみた - ICS MEDIA

    WebGLを極めるならJSライブラリを使わず書こう!モバイルでも動くHTML5の3次元スライドショーを作ってみた 2014年9月にリリースされたiOS 8においてWebGLが動作するようになったことで、スマートフォン環境での3D表現に可能性を感じ、興味を持った方も多いと思います。そこで今回、写真を読み込んで3D空間上に配置し、パーティクルに分解して次の画像に切り替わるスライドーショーのデモをJSライブラリ(Three.jsなど)を使わずにイチからHTML5とWebGLで作ってみました。WebGLが動作する端末ならモバイルでもなめらかに動作するので、是非試してみてください。マウスやタッチの操作でビューを回転させることができます。 デモを再生する(別ウインドウが開きます) ソースコード (JavaScript) 制作環境について 今回のデモを作成するにあたり、WebGLのAPIを直接呼び出す形

    WebGLを極めるならJSライブラリを使わず書こう!モバイルでも動くHTML5の3次元スライドショーを作ってみた - ICS MEDIA
  • スマホでもWebGLは爆速! スマホブラウザの描画性能を徹底検証 (HTML CanvasとWebGLを利用) - ICS MEDIA

    スマホでもWebGLは爆速! スマホブラウザの描画性能を徹底検証 (HTML CanvasとWebGLを利用) スマートフォン向けのウェブコンテンツでもWebGLを採用すれば高速な描画性能が得られます。たとえば、ゲームやデータビジュアライゼーション、3D表示、広告向けスペシャルコンテンツといった分野でWebGLが役立つでしょう。iOSとAndroidも含め今やほとんどのスマートフォンでWebGLが利用可能といっても差し支えない状況です。この記事ではスマートフォンにおけるWebGLの描画性能を検証し、その結果を紹介します。 動作検証ビデオで見る各種スマートフォンの性能差 多くのパーティクル(粒子)を大量に表示することで描画性能を検証しました。パーティクルの数が多いほど高性能であることを示します。 ビデオ撮影の検証に用いたのは画面左上から順に次の端末となっています。検証時期(記事執筆時)は20

    スマホでもWebGLは爆速! スマホブラウザの描画性能を徹底検証 (HTML CanvasとWebGLを利用) - ICS MEDIA
    edo_m18
    edo_m18 2014/09/24
    iPhone5のiOS8でも試して欲しかったw
  • 1