WebGL Strokinggrass

This is a semi-public garden page — a draft, left open on purpose.

Abstraction Ladder

全てのグラフィック編集ツールは、こういったデータ表現の階層を取っていて欲しい

  1. Path
  • SVGのdタグなど。曲線などをそのまま保持出来る。最も高レベルな図形表現
  1. Polygon
  • WebGLなどでレンダリング可能な多角形集合
  • ポリゴンと頂点・プリミティブ毎のカスタムアトリビュート、シェーダーからなる
  1. Raster
  • ラスター画像

SVGやCanvas APIは、ストローク幅を可変にしたり、線に沿ったグラデーション、メッシュグラデーションなど、複雑なベクターグラフィック表現ができない。

Efficient WebGL strokingWhile working on WebGL rendering you soon realize that a canvas like API, despite its opinionated implementation, is extremely useful and e… hypertolosana.wordpress.com