Webデザインに使えそうなポリゴン画像が作れるジェネレータ「Flat Surface Shader」
ポリゴン画像を簡単作成
Flat Surface Shaderはポリゴンな画像を生成できるサイトです。
サイトにアクセスすると、ポリゴンがグリグリ動いています。
WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。
右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。
フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。
以下に使ってみた様子を載せておきます。
サイトにアクセスすると、ポリゴンがグリグリ動いています。
WebGL, SVG, Canvas の3種類のレンダリングで3Dポリゴンが表現されます。
右側のメニューから色やポリゴンの形など調整して、JPGとしてポリゴン画像が出力できます。
フラットデザインが流行っていますが、ポリゴンをWebデザインにとりいれているサイトもたまに見かけますね。
以下に使ってみた様子を載せておきます。
ポリゴン画像をつくる
まず「Flat Surface Shader」にアクセスしましょう。
右側にメニューがあり、色やポリゴンの形を細かく調整できます。
グリグリ動いているポリゴンがリアルタイムに変化しますよ。
お好みのポリゴンができあがったら、「Export」することでJPGに出力できます。
画像のサイズも選べるので便利！
出力するとこんな感じになりました。
ぜひポリゴン画像がほしいときにどうぞ。
右側にメニューがあり、色やポリゴンの形を細かく調整できます。
グリグリ動いているポリゴンがリアルタイムに変化しますよ。
お好みのポリゴンができあがったら、「Export」することでJPGに出力できます。
画像のサイズも選べるので便利！
出力するとこんな感じになりました。
ぜひポリゴン画像がほしいときにどうぞ。
本記事で紹介したサイト
この記事をみた人はこんな記事も見ています
前後の記事もどうぞ
この記事をブックマーク/共有する
トラックバックURL
このブログを購読しますか？
FeedlyなどのRSSリーダーを使うと、このブログの更新情報をいち早くキャッチできます。このブログのRSS（http://20kaido.com/index.rdf）を登録すれば、更新されるたびに概要（記事タイトル・冒頭）が手に入ります。
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
また、Twitterによる更新情報の配信もおこなっております。
@20kaido をフォローしていただければ最新の情報をお届けします。
さらに、Facebookでも更新情報を流しています。ファンページがありますので、「いいね！」するだけで購読できますよ！
管理人へ連絡する・メール
20kaido@gmail.com
・Twitter
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
20kaido@gmail.com
@kamekiti
・お問い合わせフォーム
http://ws.formzu.net/fgen/S70651833/
何か気になることがありましたら、お気軽にご連絡ください。
記事公開日：2014年05月17日 コメント（0）
Twitterの声
はてなブックマークの声
Facebookの声
この記事についたコメント
コメントする
