HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog
最近のHTML5の盛り上がりには勢いがありますが、実際の所HTML5はどうなのか気になったので描画パフォーマンスを測定してみました。上記のグラフが結果ですが、HTML5で一番よい実装よりもFlashのほうが3倍弱高速という結果がでました。ブラウザによってはFlashのほうがHTML5より18倍も高速という結果もでています。 さらに言えば、HTML5の描画パフォーマンスが最も良かったのはSafariですが、ブラウザによってはそれの15%ぐらいのパフォーマンスしかでないブラウザもあり処理速度にばらつきが大きいのが特徴でした。ですが、Flashはどのブラウザでもスコアの振れ幅が小さくブラウザ間の処理速度は安定しているように思います(プラグインなので当然といえば当然の結果ですが)。 検証デモ HTML5やFlashと言っても様々な実装方法があるので、よく使われる方法を幾つか用意して検証しています。
HTML5でテキストのシャッフル演出ができるJSライブラリ「ShuffleText.js」 | ClockMaker Blog
Flashでよく見かけるテキストシャッフル演出(文字列がランダムで切り替わる演出、正しい呼び名はわかりませんｗ)をHTML5で作ってみました。HTMLのタグ(pタグとか)に使うバージョンと、HTML5の新要素Canvasを使うバージョンの二種類を用意しました。 【2017年4月26日 追記】 【重要】JSライブラリーはGitHubで更新しています。使用したい方は次のGitHubのリポジトリを御覧ください。 Canvas版はCreateJS 2015年版でも動作するよう更新しました。 デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードはMITライセンスで公開してしますので、個人・商用問わずご自由にお使いください。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) それでは以下で使い方を紹介して
Molehill を搭載した Flash Player 11 インキュベーターリリースが公開 | ClockMaker Blog
待望の新しい3D API Molehill (モールヒル)を搭載した Flash Player Incubator のプレビュー版がリリースされました。以前、「次の世代のFlash Playerは凄いことに！GPUにより数十万ポリゴンが60FPSで動く」という記事で紹介した次世代の Flash Player です。 Adobe AIR and Adobe Flash Player Incubator – Adobe Labs 今回公開されたものを使うことによって Molehill API を利用した SWF をコンパイルすることができます。既に国内外で紹介記事がでてます(早い！) 馬鹿全 – FlashDevelop + FlashPlayer11(Molehill) + Away3D 4.0 Alpha での遊び方 Changing the web, again. – ByteArray
Flashの3Dエンジン「Alternativa3D 7.5」を試してみた | ClockMaker Blog
Flashの3Dエンジン「Alternativa3D」の最新版ver 7.5が登場したというので、試してみました。 デモ (要 Flash Player 10.1) ソースコード Alternativa3Dは正確なポリゴン表示では定評がありましたが、大量の頂点数の処理に弱いというのが今までの印象でした。最新版の7.5ではポリゴンソートのロジックが選択できるように改善され、「ポリゴン表示の正確さ」「大量の頂点処理」のどちらも両立できる有望なライブラリに進化したようです。 他のライブラリと同等以上に大量のポリゴンを処理できる 冒頭のデモは、今年2月に各種Flash 3Dエンジン比較をしたときと同様のテストを行ってみたものです。結果としては、以前のバージョンの5倍ほど高いフレームレートで再生することができました（8fps→40fps）。これはPapervision3D 2.1やAway3D Li
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を理解する フ
「ActionScript3.0開発のためのFlashDevelop完全ガイド」という本を執筆しました | ClockMaker Blog
無料のActionScript開発ソフト「FlashDevelop（フラッシュ・デベロップ）」の書籍を執筆しました。 ページ数：304ページ 出版社： 技術評論社 発売日： 2010/7/9 FlashDevelopは当ブログでも何度か紹介していますが、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール [アンケート結果]ActionScriptで人気のあるエディターは!? ただ、FlashDevelopを手に入れてもその後どのように使いこなせばいいのか、という情報はあまりありませんでした。ユーザーコミュニティーであるFD.jpにもいくつか記事を投稿していますが、今までネットに掲載されていないことも含めて、どこよりも丁寧にまとめる
?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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
