Design Principles
이 프로젝트는 뜨개질의 제작 원리와 시각적 구조를 웹 UI 시스템으로 번역하는 것을 목표로 한다. 사용자는 일반적인 UI 컴포넌트를 배치하는 것이 아니라, 실제 뜨개질 도안을 계획하듯이 시작 코 수, 단 수, 단별 코 배열, 배색 정보를 정의하여 인터페이스를 생성할 수 있다.
초기 버전에서는 대바늘뜨기의 기본 기법을 중심으로 시스템을 구성한다.
- Knit stitch / 겉뜨기
- Purl stitch / 안뜨기
- Cable stitch / 케이블뜨기
각 기법은 단순한 장식 패턴이 아니라, UI의 배경, 구분선, 카드, 전환 애니메이션, 레이아웃 구조로 사용될 수 있다.
사용자는 실제 뜨개질을 계획하듯이 UI 패턴을 정의할 수 있다.
- 시작 코 수를 지정할 수 있다.
- 전체 단 수를 지정할 수 있다.
- 각 단의 코 수를 배열로 다룰 수 있다.
- 배색 정보를 지정할 수 있다.
- 서로 다른 두 편물을 이어 붙일 수 있다.
이 시스템은 완벽하게 정돈된 패턴이 아니라, 실제 뜨개질 과정에서 발생하는 실수와 우연성을 함께 표현한다.
- 코 빠뜨림
- 실 엉킴
- 불규칙한 코의 모양
- 유한한 실의 양
기본 인터랙션은 스크롤과 뜨개질을 연결한다.
- 아래로 스크롤하면 편물이 짜인다.
- 위로 스크롤하면 편물이 풀린다.
향후에는 코바늘 기법을 지원하여 더 다양한 편물 구조를 생성할 수 있도록 확장한다.
- 짧은뜨기
- 긴뜨기
- 사슬뜨기
- 원형 또는 방사형 패턴
- 입체적인 편물 구조
또한 우연적인 결과에 사용자가 개입할 수 있는 기능을 추가한다.
- 빠뜨린 코 수정하기
- 엉킨 실 풀기
- 스크롤이 진행될수록 코의 모양이 점차 규칙적으로 변함 (숙련도 상승 반영)
프로젝트의 썸네일 이미지에서 컬러 팔레트를 추출하여 css 변수에 적용
아직 미정