Fractal Designer

고정된 픽셀이 아닌 절차적 문서

Fractal Designer에서 문서는 비트맵이 아니라 설명입니다. 각 레이어는 망델브로 집합, 보로노이 패턴, 그림자처럼 자신이 무엇인지와 그 매개변수를 저장하고, 이미지는 이 설명을 렌더링해 만들어집니다. 그래서 저장한 프로젝트는 몇 킬로바이트짜리 JSON에 불과하고, 어떤 해상도로도 손실 없이 다시 렌더링할 수 있으며, 숫자 하나를 바꾸면 이미지가 손상되는 대신 새로 그려집니다. 예외는 직접 가져온 파일입니다. 사운드트랙, 사진, 동영상 클립은 다른 컴퓨터에서도 완전하게 열리도록 프로젝트 안에 그대로 담기며, 그만큼 파일이 커집니다.

편집기는 생성기 70개와 효과 35개, 모두 105가지 레이어 유형을 제공합니다. 레이어 기반 이미지 편집기처럼 11가지 혼합 모드, 자체 효과 체인과 변형을 가진 그룹, 색상·그라디언트 근접도·다른 레이어의 휘도에 따른 마스크를 사용할 수 있습니다. 모든 2D 레이어는 기울이고 깊이 방향으로 밀어 넣을 수 있습니다. 모든 계산은 WebGPU를 통해 GPU에서 이루어지고, 각 레이어는 매개변수의 해시로 캐시되므로 실제로 바뀐 부분만 다시 계산됩니다.

프랙털 계열과 템플릿

망델브로, 쥘리아, Feather, Lyapunov, Kali 같은 탈출 시간 프랙털부터 자신의 매개변수 공간 위에 그린 Hénon, Duffing, Ikeda, Chirikov 카오스 사상, 레이마칭으로 만든 3D 프랙털 6종, 평면과 정육면체를 채우는 공간 충전 곡선, 입자 어트랙터, 식물과 L-시스템, 도메인 워핑·플라스마·대리석 같은 유기적 패턴, 도형, 그라디언트, 텍스트, ASCII 아트, 직접 가져온 이미지와 동영상까지 갖추고 있습니다. 도구는 탈출 시간 프랙털, 카오스 사상, 곡선과 구성, 3D 프랙털로, 효과는 색상과 톤, 흐림과 빛, 왜곡, 망점과 레트로로 분류됩니다.

스타터 템플릿 16개는 완성된 구성에서 시작하므로 매개변수를 하나씩 분해해 볼 수 있습니다. 템플릿은 미리 보기 카드에서 고르며 키보드로도 선택할 수 있습니다. 이미지 위에 표시되는 문서 이름은 저장과 내보내기 파일 이름으로도 쓰입니다.

깊은 확대부터 대형 인쇄까지

• 전용 망델브로 레이어는 섭동 이론을 사용합니다. CPU에서 배정밀도 기준 궤도를, GPU에서 단정밀도 차이를 계산해 단순한 셰이더가 블록처럼 깨지는 지점을 훨씬 넘어 확대할 수 있습니다. 쥘리아, Burning Ship, Tricorn, Celtic, Spider, Phoenix도 자동 연산 정밀도 덕분에 깊이 확대해도 디테일을 유지합니다.
• 키프레임은 장면 전체의 스냅숏이므로 레이어 구성이 전혀 다른 키프레임끼리도 크로스페이드할 수 있습니다. 카메라는 확대와 이동을 결합한 Van Wijk·Nuij 방식으로 보간되며, 어니언 스킨과 왕복 재생도 지원합니다.
• 음악을 불러오면 음량, 저음, 중음, 고음, 어택, 밝기 곡선으로 미리 분석되고, 어떤 숫자 매개변수든 수식으로 연결할 수 있습니다. 시간, 진행률, 직접 탭한 템포, 확대 깊이도 함께 쓸 수 있습니다. 분석이 재생보다 먼저 이루어지므로 내보낸 동영상은 미리 보기와 프레임 단위로 일치합니다.
• 이미지와 동영상 클립은 변형, 혼합, 마스크를 적용할 수 있는 일반 레이어입니다. 클립은 시작 위치, 길이, 음수도 가능한 속도로 다듬을 수 있고, 소리는 내보내는 사운드트랙에 믹스됩니다.
• 그라디언트 편집기는 알파를 고려해 Oklab 공간에서 보간하고 브라우저 내 라이브러리에 저장합니다. 이미지도 2차원 그라디언트가 될 수 있습니다. 조명 효과는 밝기나 불투명도로 높이 맵을 만들어 색조를 유지한 채 입체감을 줍니다.
• 완성한 작품을 도구 없이 전체 화면으로 보여 줄 수 있습니다.
• 알파 채널이 있는 PNG, 무손실로 반복되는 애니메이션 PNG(APNG), 브라우저가 인코딩할 수 있을 때 MP4(H.264와 AAC) 또는 WebM(VP9와 Opus), 실제 용지 크기와 300dpi로 이음매 없이 타일 렌더링되는 PDF(A1 포스터도 가능)로 내보내거나 프로젝트를 JSON으로 저장합니다.

실제 작업 흐름

1. 스타터 템플릿을 고르거나 빈 투명 페이지로 시작합니다.
2. 인덱스에서 도구를 클릭하거나 캔버스로 끌어 레이어를 추가하고, 레이어 패널에서 순서를 바꾸고 그룹으로 묶거나 마스크를 적용합니다.
3. 레이어를 선택해 인스펙터에서 매개변수, 팔레트, 변형, 마스크를 조정합니다. 캔버스를 끌어 이동하고 휠로 확대합니다.
4. 움직임이 필요하면 타임라인에 키프레임을 기록하고 결과를 재생합니다.
5. 페이지 형식을 정하고 PNG, 동영상, 애니메이션 PNG 또는 PDF로 내보내거나, 나중에 이어서 작업하도록 프로젝트를 JSON으로 저장합니다.

누구에게 알맞은가

소프트웨어를 설치하거나 셰이더 코드를 작성하지 않고 프랙털과 절차적 이미지를 만들고 싶은 디자이너, 생성형 아티스트, 개발자에게 적합합니다. 레이아웃용 투명 소재, 반복 애니메이션, 대형 인쇄물처럼 실제로 쓸 수 있는 크기의 결과물이 필요할 때 유용합니다. 템플릿이 완성된 구성에서 시작하므로 프랙털 수학 지식은 필요하지 않습니다. 레이어, 혼합 모드, 마스크가 같은 관례를 따르기 때문에 레이어 기반 이미지 편집기에 익숙하면 더 쉽게 시작할 수 있습니다.

로컬 처리와 요구 사항

모든 작업은 브라우저에서 이루어집니다. 앱에는 네트워크 코드가 전혀 없어 요청, 원격 측정, 분석, 타사 서비스가 없으므로 이미지, 프로젝트, 설정이 기기를 떠나지 않으며 렌더링도 로컬 GPU에서 수행됩니다. 브라우저 로컬 저장소에는 작업 세션(문서, 애니메이션, 보기), 색 구성표, 패널 너비, 인덱스 썸네일 크기, 내보내기 설정, 그라디언트 라이브러리가 저장되며 사이트 데이터를 지우면 삭제됩니다. 포함된 미디어는 세션이 바뀌어도 브라우저 저장소에 남지만, 비공개 창, 저장소 삭제, 디스크 부족 시 사라질 수 있습니다. 프로젝트 파일에는 항상 포함됩니다. 한 번에 문서 하나만 열 수 있고 자동 저장은 모든 탭이 공유하므로, 탭 두 개를 열면 서로의 세션을 덮어씁니다. 앱 상태는 URL에 담기지 않으며 프로젝트는 JSON 파일로 공유합니다.

WebGPU는 필수이며 소프트웨어나 WebGL 대체 경로는 없습니다. 동영상 내보내기에는 WebCodecs도 필요합니다. 앱은 데스크톱용 Chrome과 Edge 최신 버전을 기준으로 개발·테스트되며, WebGPU를 지원하는 다른 브라우저에서도 사용할 수 있습니다. 편집기는 데스크톱 창에 맞춰져 있어 휴대폰이나 태블릿용 레이아웃이 없고, 좁은 창에서는 패널이 접힙니다. 설치할 수 없고 새로 고침에 네트워크가 필요하므로 오프라인으로는 사용할 수 없습니다. 동영상에는 알파 채널이 없어 투명한 부분이 페이지 배경으로 채워지므로, 투명도를 유지해야 하면 PNG나 APNG를 사용하세요. PDF 내보내기는 이미지를 흰 배경에 합칩니다. 깊은 확대는 기준 궤도의 배정밀도에 의해 한계가 있으며, Newton과 Nova에는 조명이 없습니다. 앱 인터페이스는 독일어와 영어입니다.

편집기는 키보드로 조작할 수 있습니다. 실행 취소와 다시 실행, 삭제, 복제, 복사와 붙여넣기, 그룹화, 저장, 재생과 일시 정지에 단축키가 있고, 타임라인도 키보드로 탐색할 수 있으며, 텍스트 입력란에서는 단축키가 동작하지 않습니다. 컨트롤에는 레이블이 있고, 라이트·다크 테마는 시스템을 따르며 텍스트 대비는 WCAG AA 기준으로 측정되었습니다. 알려진 제약으로는 렌더링된 작품이 canvas 안에 있어 화면 낭독기로 읽을 수 없고, 레이어를 그룹에 넣는 작업은 아직 끌어서 놓기로만 가능하며, 애니메이션 재생은 동작 줄이기 설정을 따르지 않습니다.