Simple site with implementation of an algorithm that can turn any image into a interesting sring art
This project is simply a web based string art generator. You can input any image and it will generate a preview of how it should look like and generate all the steps so you can make your own art piece. I was first introduced to this concept in a video by Virtually Passed titled The Mathematics of String Art. I was fascinated by the concept and eager to try my hand at it. I drew inspiration from the approach taken by @halfmonty, while also incorporating additional features such as selecting an area of the image and adding some responsiveness to the website
- React: A JavaScript library for creating the user interface.
- Tailwind CSS: A utility-first CSS library for simplified styling.
Este projeto é simplesmente um gerador de arte de cordas baseado na web. A arte de cordas, ou string art em inglês, é uma forma de arte na qual linhas são dispostas geometricamente em uma superfície fixa para criar padrões ou imagens. Tipicamente, essas linhas são criadas tensionando um fio ou cordão entre pontos fixos, como pregos ou alfinetes, formando uma composição visualmente interessante. Você pode inserir qualquer imagem e ele irá gerar uma prévia de como deve ficar e gerar todos os passos para que você possa criar sua própria peça de arte.
Fui apresentado a este conceito em primeiro lugar em um vídeo de Virtually Passed intitulado The Mathematics of String Art. Fiquei fascinado pelo conceito e ansioso para tentar minha mão nele. Tirei inspiração da abordagem adotada por @halfmonty, além de incorporar recursos adicionais como selecionar uma área da imagem e adicionar alguma responsividade ao site.
- React: Biblioteca JavaScript para criar a interface do usuário.
- Tailwind CSS: Biblioteca de utilitários CSS para estilização simplificada.