タグ

html5とcanvasに関するasa_ca3のブックマーク (6)

  • Google Web Designer - Home

    Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different

    Google Web Designer - Home
    asa_ca3
    asa_ca3 2013/10/01
    あらまぁ
  • ロゲ会長ジェネレータ

    実験的に画像を挿入するジェネレータもつくってみました。PCでしか動かないと思います。(IEもたぶん無理) ロゲ会長のジェネレータです。かなり急ごしらえでつくったので出来は荒いです。IEとかちゃんとテストしてません。HTML5でcanvasがチャント動くモダンブラウザじゃないとダメです。 Androidの方は標準ブラウザですと、画像保存がデキなかったり、ブラウザが落ちたりすることがあるようです。スクリーンショットで保存するとか、AndroidChromeブラウザを使うと保存ができることがありますのでお試しください。

    ロゲ会長ジェネレータ
  • HTML5はFlashの3倍重かった! 描画パフォーマンスの比較 | ClockMaker Blog

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

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

    jActionのはじめかた ⒈ ライブラリをダウンロードしましょう HTML5でスマートフォン向けのゲームを制作するために使える基的なメソッドがそろっています。さっそくライブラリをダウンロード、ゲーム制作にチャレンジしてみましょう。 ⒉ プラグインを募集しましょう ゲームを制作していて分からないことがあれば、jActionで募集してみましょう。HTML5に精通している方がプラグインを投稿してくれるかもしれません。募集はこちら ⒊ プラグインを共有しましょう jActionを応用してプラグインを開発して皆さんに共有しましょう。「いいね!」がたくさんついたプラグインはオフィシャルとしてリリースし、リファレンスに追加させていただきます。

  • Canvasとは - Canvas - HTML5.JP

    Canvasとは、ブラウザ上に図を描くために策定された仕様です。 これまでHTML上で図を表現するためには、GIFやJPEGといったフォーマットの画像を用意する必要がありました。また、条件に応じて表示する図を変化させたり、アニメーションを実現するために、FlashやJavaアプレットが使われてきました。 Canvasは、FlashやJavaのようにプラグインを使わずに、JavaScriptベースで図を描くことができます。 実際に、Canvasを使って円グラフを作ってみました。上図はFirefox 2.0での結果をキャプチャーしたものです。Canvasで描かれたのは色がついた図形部分です。Internet Explorer 6以上、Firefox 1.5以上、Opera 9以上、Safari 1.3以上であれば、実際のCanvasの動作をご覧頂くことができます。 [Canvasを使った円グラ

  • HTML5 Canvas Cheat Sheet

    Canvas element Attributes Name Type Default

  • 1