Fiz uma série de experimentos, envolvendo padrões listrados. Utilizei a excelente biblioteca D3 do Javascript.
Para mexer, entre em https://asgunzi.github.io/Padrao-Listrado/PadraoListrado.html
Padrões Listrados – Círculos
Video do padrão círculo:
Na essência, são apenas retângulos com cores alternadas (que formam as listras), e o círculo no meio. Aqui, tem um truque especial. Existe um atributo no D3, o “clip-path”, que funciona como um “cortador”. Gerei exatamente as mesmas listras, mas com cores trocadas, e cortei no formato do círculo.
Padrões Listrados – Losango
Aqui é mesma coisa, mas com um losango dentro do outro.
Padrões Listrados – Losango com listras verticais
Padrões Listrados – Círculos Aleatórios
Aqui é com círculos aleatórios.
Padrões Listrados – Polígonos
Podemos aplicar a mesma lógica com outros polígonos.
Outro link possível para mexer é aqui: https://asgunzi.neocities.org/PadraoListrado/PadraoListrado.html
Vide também:
ideiasesquecidas.com 