在網(wǎng)頁設(shè)計過程中，生成藝術(shù)中的隨機性是一把雙刃劍。對于我們網(wǎng)頁設(shè)計師來說，它是一個非常強大的工具，但很難馴服和雕刻成感覺有機/平衡的東西。

在構(gòu)建生成模式時，將對象完全隨機地放置在畫布上會讓人感覺混亂，而將它們與傳統(tǒng)網(wǎng)格對齊會讓人感覺僵硬/可預(yù)測。雖然混亂和精確都可以成為生成藝術(shù)的美麗品質(zhì)，但我們很少——如果有的話——在自然世界中找到任何極端的例子。在本教程中，我們將學(xué)習(xí)如何形成受自然啟發(fā)的美觀圖案。隨機和不可預(yù)測，但高效和和諧。為此，我們將使用經(jīng)典的生成工具Voronoi 。

在我們開始之前，我想向您展示什么是 Voronoi 曲面細分，它們是如何工作的，以及它們?nèi)绾螏椭纬扇A麗的生成模式的基礎(chǔ)。這是一個讓我們開始的簡單動畫示例：

將此過程分解為以下步驟：

{ x, y }向二維空間添加一些點。
將空間劃分為多邊形集合。每個多邊形應(yīng)該只包含在第一步中添加的一個點，并且它的每個頂點都應(yīng)該比其他頂點更靠近它的生成點。
通過將其生成點移向其中心點來平衡每個多邊形的大小。
對于每個多邊形，計算將適合其中心點而不接觸任何邊緣的最大可能圓。
使用中心圓的半徑作為指導(dǎo)，向每個單元格添加一個隨機形狀。
迷人的。畫布上的形狀彼此完美和諧，沒有重疊，但它們都有一個隨機的位置。由此產(chǎn)生的模式具有秩序感，同時保持不可預(yù)測性，嗯，生成！