Free wallpapers and a generator of Delaunay triangulation patterns I love geometric art. Within the last month a few things around the web inspired me to create something of my own that creates art based on geometrical shapes. The result of a few days of work is an interactive tool that allows anyone to create beautiful geometric patterns like this: You can view the interactive demo (the finished

example ボロノイ図と対になるドロネー図をGoogle Map上に表示してみました。 D3がドローネ図を描画するために必要な座標の計算を行ってくれるので、簡単に表示することができます。 【参考】 ドローネ図 サンプル ドローネ図を描いている部分だけ。 //ボロノイ変換関数 var voronoi = d3.geom.voronoi() .x(function(d){ return d.x } ) .y(function(d){ return d.y } ); //ドロネー座標データ取得 var delaunay = voronoi.triangles(positions); //ドロネー図パス描画 var du = svgoverlay.selectAll(".du") .data(delaunay) .enter() .append("path") .attr("class", "

前々回のあらすじ： 砕け散るエフェクトを作った。 ……それはよいのだが、いかんせんやっつけ仕事だったため、砕け散る破片の形状生成がびっくりするほど適当だった。 もうちょっとうまく破片を作るために、今回は計算幾何のアルゴリズムの中でも比較的有名な Delaunay 分割に挑戦してみた。 まずはじめに、結果から示そう。 Delaunay 分割は、ランダムに与えられた点を結び、下のような無数の三角形を作る手法である。 さて。 Delaunay 三角分割法に関しては、Gary Bradski, Adrian Kaehler 著、松田 晃一 訳『詳解 OpenCV』にこんな解説がある。 Delaunay 三角分割法は、空間内の点を連結して三角形のグループにし、その三角形のすべての角に対する最小角度が最大になるようにするテクニックで、1934年に発明されました。　（中略）　与えられた任意の三角形の頂点

D27/12/2009 A @FilipFounder and editor-in-chief at CreativeApplications.Net, co-founder and development director at HOLO and a researcher/lecturer at the University of Westminster, London. STextCopy to Clipboard (Text) Title + (Year) + People + URL/ImageGenerate Image PNG File Download (1080x1920) Copy URL to Clipboard Inspired by the wonderful work Jonathan Puckey has been doing with custom desig

First wave of Cinder built applications are starting to appear and boy are they wonderful. Posted on the Cinder forums are dynamic mesh experiments by Marcin Ignac, a Copenhagen based designer and programmer. Part of the Shiftcontrol collective, Marcin has been playing with Cinder mesh deforming as well as coding his own GUI based on the ControlP5 library for Processing. For triangulation he used

The Strata project by Quayola consist of a series of films, prints and installations investigating improbable relationships between contemporary digital aesthetics and icons of classical art and architecture. A combination of 3d render/processing application, the film includes Processing delaunay triangulation conversion applied to photographic stills with 3D mesh output which was then fed into 3D

D17/10/2011 A @FilipFounder and editor-in-chief at CreativeApplications.Net, co-founder and development director at HOLO and a researcher/lecturer at the University of Westminster, London. STextCopy to Clipboard (Text) Title + (Year) + People + URL/ImageGenerate Image PNG File Download (1080x1920) Copy URL to Clipboard In the last few years we have  seen a number of projects that utilise delaunay

ドロネー図 。2年前くらいに Strataの一連のシリーズ を見てからずっとアルゴリズムが気になってたので、ちょっと時間ができた隙に調べてjavascriptで動かしてみた。これであってるかどうかわからないし、Strataはさらにここから3Dになるので全然違うんだけど、なんとなくこういう仕組みだったのかなぁと思えるくらいにはなれたので非常に勉強になった。 非表示にしているけど後ろに敷いている画像はこんな感じです。 1 jsで画像から色を取得する方法とかも知らなかったけどやってみたら案外なんとかなったので良かった。 動かしてから、もしや・・・と思ってググったら、既にD3というライブラリで簡単に実現できる事を見つけてしまった。 Delaunay Triangulation これを使えばたったこれだけでできたみたい。 どうでも良いけどドロネー図もボロノイ図も何度覚えてもボロネーゼで上書きされて名

The document describes various probability distributions that can arise from combining Bernoulli random variables. It shows how a binomial distribution emerges from summing Bernoulli random variables, and how Poisson, normal, chi-squared, exponential, gamma, and inverse gamma distributions can approximate the binomial as the number of Bernoulli trials increases. Code examples in R are provided to

ちょうど一年ほど前の2013年5月にこの記事が話題になりました。 静かに流行り始めているポリゴン風デザインに挑戦！ | Webクリエイターボックス ポリゴン風というのはまるでセガサターンや初代プレイステーションのころのような、ポリゴンの少ないカクカクとした図形で構成されたところから名付けられたものなのでしょう。 ただ実際にはこの系統は、三角形を組み合わせて平面的に構成させたものが多く……つまりこれは3DCGのような立体的な面の分割というよりは、原理的にはドロネー図（Delaunay triangulation）なのですが……、ま、分かりやすいので以後ここでもポリゴン風とします*1。 こうしたイラストを制作するのにはもちろん画像編集ソフトを使い、一つ一つ図形を配置していく手もありますし、実際に3DCGソフトでローポリゴンを作るのもありでしょう。 でも、できるなら楽に作りたいですよね？ 上記の

今年もありがたいことにいろんなお客さんから年賀状のデザイン依頼をいただきました。とあるお客さんのロゴがポリゴンっぽいテイストのデザインだったもので、ロゴに合わせて年賀状もポリゴン風にデザインしてみたんですが、それがけっこうかっこよく仕上がったんで短時間で簡単にポリゴン風イラストを作る方法をご紹介します。 step1.まずはポリゴンイラストのもとになる写真選び 提供元：Railstation.net 今回はこの鶴の写真をポリゴン化してみます。 使うのは左下にいるこの鶴。まずはPhotoshopで余計な部分をカットして、使いやすい大きさにリサイズします。 Photoshopで100%表示した時に、だいたいお使いのパソコンの画面サイズにすっぽり収まるぐらいがポリゴンにする時の使いやすい大きさです。 ざっくり切り抜いてた方がポリゴン作りやすいかも もし背景がごっちゃごっちゃしてたり、ポリゴンに

2013年5月9日 Webデザイン, インスピレーション, 便利ツール 2013年を代表するデザイントレンドと言えばフラットデザイン。それを横目に、実は静かに流行り始めている「ポリゴン風デザイン」をご存知でしょうか？ローポリと呼ばれているものですね。今回はツールを使って写真からポリゴン風イラストを作ってみましょう！デザインの参考になるWebサイトやグラフィック・アートもまとめているので、オリジナルポリゴンアートに挑戦してみてください！ ↑私が10年以上利用している会計ソフト！ 「triangulator」でポリゴン風イラストを作成 ポリゴンは通常は3D系のソフトで作りますが、PhotoshopやIllustratorでも作ることができます。ただ、それではかなり時間がかかってしまうので、写真をサクッとローポリイラストに変換できる「triangulator」を使用します。こちらの動画をご覧頂け