Procedural generation · 6 / 10

Wang Tiles

辺が合うタイルを組み合わせ反復感を減らす。

Compare in motion

広がる床模様

Synchronized comparison
AReference
辺の接続が合わないタイル

辺の接続が合わないタイル

BWang Tiles100%
反復感の少ない面を増やせる

反復感の少ない面を増やせる

Loading demo…

Scrub to pause and inspect. At 0%, B matches A; at 100%, B shows the effect. The scene repeats every 8 seconds.

Look for: 辺が合うタイルを追加 → 模様がつながる。

This model simplifies the technique to show its use case and effect. Operation counts describe the model; they are not performance measurements.

Read the storyboard

例: 広がる床模様

  1. 1. Start

    一枚のタイル

  2. 2. Change

    辺が合うタイルを追加

  3. 3. Result

    模様がつながる

反復感の少ない面を増やせる。時間変化を示す模式図です。実際の描画結果や処理速度を再現したものではありません。

How it works

  1. 1. Input

    辺に印のあるタイル

  2. 2. Process

    同じ辺を合わせる

  3. 3. Result

    継ぎ目のない並び

A schematic of Wang Tiles. It shows the relationship between input, process, and result; exact values and rendering depend on the implementation.

Further reading

WaveFunctionCollapse ↗

A general reference for this subcategory.