タグ

技術と伊藤千光に関するpolynityのブックマーク (3)

  • 多彩な表現力のWebGLを扱いやすくする「Three.js」

    多彩な表現力のWebGLを扱いやすくする「Three.js」:Webグラフィックをハックする(5)(1/5 ページ) Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し

    多彩な表現力のWebGLを扱いやすくする「Three.js」
  • 10分でわかるSVG 基礎編

    知って得する、Webブラウザ上で利用できるグラフィック関連技術HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript(DOM API)による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer(以降IE)

    10分でわかるSVG 基礎編
  • Google Docs の新機能「drawing」は完全 SVG ベース、現行 IE はすべて要 Chrome Frame に! - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先日 Google Docs が刷新され、これまで他のアプリの付加機能だった作図機能が drawing として独立しました。機能的にはこれまでの作図機能と大差ないようですが、他のユーザーとの同時編集が可能になったのは大きな進歩です。 しかし、 Web 開発者的にはもうひとつ注目すべき点があります。それは Google Docs drawing が完全に SVG

  • 1