タグ

ベクターとJavaScriptに関するkamisetoのブックマーク (2)

  • 超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」:phpspot開発日誌

    Paper.js ? About 超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」。HTML5で描画するタイプのフレームワークです。 ベジエ曲線をマウス位置に応じてリアルタイムにぐにゃぐにゃ動かすサンプルやベクターグラフィックが動きまわるサンプル等、こうしたライブラリは将来使う予定がないという方もWEBに関わるなら絶対に見ておいたほうがよいと思います。 とにかくExamplesのページをChromeなどで開いてみてみましょう。 色々と可能性を感じてしまうサンプルでした。もちろん作る人のスキルやセンスも問われると思いますが、活用することで比較的楽につくることができそう。 関連エントリ ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」 HTML5でブラウザにドラッグ&ドロップでファイルアップ可能なjQue

    kamiseto
    kamiseto 2011/06/29
    なんだかサイトの雰囲気に見覚えがあるなと思ったら、Scriptographerの人じゃないか!!
  • HTML5で注目!インラインSVGの使い方 (1/5)

    HTML5ではビットマップ画像を手軽に扱える「Canvas」が話題ですが、「SVG」も画像関連で注目したい新技術です。HTML5ではInline SVG(インラインSVG)がサポートされ、HTML内にSVGを直接記述できるようになるのです。 今回のJavaScriptラボは、Firefox 4、Google Chrome 7、Internet Explorer 9を対象に、インラインSVGの使い方とJavaScriptによる制御方法について解説します。全部で3回に分けて、最終的には簡単なシューティングゲームを作成します。 SVGとは? SVGScalable Vector Graphics)は、名前のとおりベクター形式の画像フォーマットです。ベクター形式とは、点と点で結ばれた線で図形を表す方法で、アプリケーションでいえばIllustratorがベクター形式を採用しています(Photosh

    HTML5で注目!インラインSVGの使い方 (1/5)
  • 1