タグ

javascriptとflashに関するitozのブックマーク (3)

  • HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog

    最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。

    HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog
  • HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト | ClockMaker Blog

    JavaScriptMac定番のジニーエフェクトを作ってみました。今回利用したのはHTML5周辺技術のWebGLというもので、プラウザネイティブでGPUを利用できる機能です。 デモを見る (2023年バージョン) デモを見る (2012年バージョン) ※2023年にデモをThree.js r151で動作するようにメンテナンスしました。 WebGLとCanvasの違い 今回はWebGLを使っているため再生可能な環境が限られています。当は再生できる環境を増やすためにWebGLではなくCanvasタグを利用したかったのですが、Canvasタグだとアンチエイリアスの限界で「ヒビ割れ」が発生して完成させることができませんでした。 失敗作A (自前で作成したバージョン) 失敗作B (Three.jsのCanvasレンダラーを利用したバージョン) 対策としてトライアングルを外側に広げるなど色々試した

    HTML5周辺技術のWebGLとJavaScriptでジニーエフェクト | ClockMaker Blog
  • FirefoxでFlashが表示されないときの対処法

    flashを使ったサイトをチェックをしていた時に、表示されない時がありました。 そこで検索してみたところ、情報がいろいろあったので主な原因をまとめてみました。 swfobject2.2とFirefox3.5の相性が悪い flashを貼付ける時に使う、「swfobject2.2」と「Firefox3.5」の相性が悪いとのことです。 簡単な解決法はswfobjectのバージョンを2.1にすることです。 Issue 327 – swfobject – swfobject 2.2 fails… SWFObject v2.1 アドオンのPearl Crescent Page Saver Basic2.5を削除する サイトのキャプチャを撮ってくれるアドオンの「Pearl Crescent Page Saver Basic」。 こちらのアドオン(バージョン2.5)が入っていると表示されない事があるそうで

    FirefoxでFlashが表示されないときの対処法
  • 1