Flat Surface Shaderはポリゴンな画像を生成できるサイトです。 サイトにアクセスすると、ポリゴンがグリグリ動いています。 WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。 右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。 フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。 以下に使ってみた様子を載せておきます。 まず「Flat Surface Shader」にアクセスしましょう。 右側にメニューがあり、色やポリゴンの形を細かく調整できます。 グリグリ動いているポリゴンがリアルタイムに変化しますよ。 お好みのポリゴンができあがったら、「Export」することでJPGに出力できます。 画像のサイズも選べるので便利! 出力するとこんな感じになりま