Flat Surface Shaderはポリゴンな画像を生成できるサイトです。 サイトにアクセスすると、ポリゴンがグリグリ動いています。 WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。 右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。 フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。 以下に使ってみた様子を載せておきます。 まず「Flat Surface Shader」にアクセスしましょう。 右側にメニューがあり、色やポリゴンの形を細かく調整できます。 グリグリ動いているポリゴンがリアルタイムに変化しますよ。 お好みのポリゴンができあがったら、「Export」することでJPGに出力できます。 画像のサイズも選べるので便利! 出力するとこんな感じになりま
![Webデザインに使えそうなポリゴン画像が作れるジェネレータ「Flat Surface Shader」 : 二十歳街道まっしぐら](https://cdn-ak-scissors.b.st-hatena.com/image/square/835876ec3698c64c058f61a90656cdef47973109/height=288;version=1;width=512/http%3A%2F%2F20kaido.com%2Farticle%2F2014%2F05%2F03%2F01.jpg)