タグ

canvasに関するcx20のブックマーク (3)

  • ゲーム開発 - Web ゲーム用の 2D 描画技法とライブラリ

    このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 Web ゲーム用の 2D 描画技法とライブラリ Michael Oneppo これまで長い間、対話型 Web ゲームを作成するには実質的に Flash 以外の方法がありませんでした。好き嫌いはさておき、Flash には高速な描画システムがありました。アニメーション、ポイント アンド クリック方式のアドベンチャー ゲームなど、あらゆる種類のゲーム要素には Flash が使われていました。 HTML5 の登場に伴い各種ブラウザーが揃って Web 標準に準拠するようになると、プラグインが不要で高速かつ高品質なグラフィックを開発するための選択肢が、文字どおり爆発的に増えました。この記事では、描画手法の簡単なサンプルを

    ゲーム開発 - Web ゲーム用の 2D 描画技法とライブラリ
    cx20
    cx20 2015/05/23
    各種2D描画ライブラリの紹介記事。KineticJS/Paper.js/Fabric.js/Raphael/Snap.svg/p5.js/Pixi.js 等。MSDNマガジン4月号より。
  • Canvasで超可愛いグラフが作れる!「Chart.js」の紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーのハルエです。 最近ちょくちょくグラフを用いた制作物に関わることがあり、案件によってはエンジニアさんにお願いしたりIllustratorのグラフツールで作ったりしていたのですが、なんやかんやで時間とられちゃうんですよね。で、もっとこうオシャレでスマートにさくっとハイテンションで作れるものはないかと探してみました。 そこで見つけたのがこれ。「Chart.js」。 めちゃくちゃ愛くるしい動きをしてくれます。デザインもフラットでいい! ポートフォリオやプレゼンなんかにもきっと役立ちますよ。 Chart.jsとは? 折れ線グラフ、棒グラフ、円グラフ、レーダーチャートなど、6種類のグラフが簡単に描けてしまうJavascriptのライブラリです。 HTML5のCanvasを使って描画され、表示の際の気持ちいいアニメーションの動きが特徴的です。とても分かりやすいマークアップなので、

    Canvasで超可愛いグラフが作れる!「Chart.js」の紹介 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
    cx20
    cx20 2013/07/18
    Chart.js を使って可愛いグラフを描いてみた。http://jsdo.it/cx20/eKtT
  • Google Sites: Sign-in

    Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode

    Google Sites: Sign-in
    cx20
    cx20 2013/05/21
    JavaScript のショートコード好きな人は http://js1k.com/ は要チェックかと。変態コードが盛り沢山w
  • 1