css-doodle은 CSS를 바탕으로 무늬와 생성형 그래픽을 만드는 [[웹 구성 요소]]다. 격자의 각 칸에 적용할 규칙을 적어 반복되는 형태를 만든다. 변수와 무작위 값을 이용하면 같은 규칙 안에서도 다른 모양을 얻을 수 있다. 그림의 모든 부분을 직접 배치하기보다 반복과 차이를 만드는 조건을 작성한다. [[CSS]]가 웹 페이지를 꾸미는 언어이면서 동시에 그림을 생성하는 언어일 수 있음을 보여준다.

- [공식 웹사이트](https://css-doodle.com/)
- [소스 저장소](https://github.com/css-doodle/css-doodle)
- [라이선스와 배포 안내](https://raw.githubusercontent.com/css-doodle/css-doodle/main/LICENSE)

## 기타 등등

- 같은 코드에 같은 시드 값을 주면 무작위로 만든 그림도 다시 재현할 수 있다. 우연을 고른 뒤 그 우연의 조건을 남기는 방법이다. [출처](https://css-doodle.com/reference/)
- 웹 페이지에 놓인 무늬를 SVG나 PNG로 내보내는 기능도 있다. CSS로 만든 결과가 이미지 파일이 되어 다른 작업으로 건너갈 수 있다. [출처](https://css-doodle.com/reference/)

#오픈소스 #도구 #웹사이트 #CSS #그래픽디자인 #프로그래밍