WebOS Goodies

WebOS の未来を模索する、ゲームプログラマあがりの Web 開発者のブログ。

WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。
Subscribe       

canvas で実現する高度なグラフィック表現

canvas は JavaScript で高度なグラフィック表現を行うための API です。 Opera, Firefox, Safari などのブラウザで標準サポートされているほか、 Explorer Canvas というスクリプトを利用することで Internet Explorer でもある程度のエミュレーションが可能です(Explorer Canvas についての詳細は記事をご覧ください)。 Internet Explorer が SVG をサポートしていない現在、もっとも利用しやすい Web グラフィック API と言えるでしょう。このカテゴリでは、 canvas の利用方法をサンプルをまじえて詳細にご紹介していきます。

  1. JavaScript で画像処理! canvas を使ってみよう
  2. canvas の描画メソッド
  3. 描画スタイルの指定(基本編)
  4. 描画スタイルの指定(画像パターン編)
  5. 描画スタイルの指定(グラデーション編)
  6. 画像の合成方法いろいろ
  7. JavaScript でリアルタイム 3DCG を実現する WebGL の使い方
  8. DevFest での WebGL の LT 資料&補足
  9. WebGL の描画結果を HTML に正しく合成する方法
  10. Google I/O の WebGL セッションが素晴らしいのでハイライトを紹介してみる
  11. WebGL の知識をバランスよくカバーした入門書「実践プログラミングWebGL」書評
  12. CSS の背景画像を Three.js で描画する方法
Recommendations
Books
「Closure Library」の入門書です。
詳しくはこちらの記事をどうぞ!
Categories
Recent Articles