Permutrix DevLog #01: Gradation Groups와 첫 대규모 UI 개선

첫 정식 개발 기록에서 Gradation Groups, 패턴 에셋 선택, 자체 입력창, 편집기 정리를 소개했습니다.

1분 2026년 8월 29일 편집
파스텔 Live Canvas 결과 옆에 표시된 초기 Permutrix Gradation Group 조작부

첫 번째 번호가 붙은 Permutrix 개발 기록은 초기 Gradation Group 작업 흐름을 소개하고, 조작부와 Live Canvas 사이의 OKLCH 색상 표현을 바로잡았습니다.

Gradation Groups와 OKLCH

  • Gradation Groups는 최대 세 개의 조절 가능한 색상 범위를 조합할 수 있었습니다.
  • 선형과 방사형 모양에 각도와 색상 지점 조작부를 제공했습니다.
  • 그라데이션 매핑은 각 레이어에서 보이는 픽셀 영역을 기준으로 했습니다.
  • Live Canvas의 색이 OKLCH 중심 조작부와 더 정확히 맞도록 틴트 처리 경로를 수정했습니다.

패턴에 사용할 에셋 선택

패턴 그룹마다 사용할 파일을 고르는 작은 에셋 브라우저와 All·None 바로가기, 그룹별 저장 선택 기능을 추가했습니다.

일상적인 편집기 개선

  • 기본 prompt 호출을 패키지된 Electron 앱에서도 작동하는 앱 내 대화상자로 바꿨습니다.
  • Asset Browser 조작부를 다시 묶고 좁은 패널에서는 줄을 바꾸도록 했습니다.
  • 오른쪽 패널 이름을 Layer Hierarchy로 바꾸고 빈 레이어를 쉽게 만들 수 있게 했습니다.
  • 패턴 그룹마다 독립적인 Nonce를 두어 한 그룹을 다시 뽑아도 다른 그룹이 바뀌지 않게 했습니다.
현재 색상 작업 흐름 읽기 DevLog #02로 계속