Wick Editor

Wick Editor는 웹 브라우저에서 2D 애니메이션·게임·인터랙티브 콘텐츠를 제작하는 자유·오픈 소스 2D 그래픽 소프트웨어다. Adobe Animate·Scratch에서 볼 수 있는 타임라인·그림·스크립트 개념을 웹 환경에 결합했으며, 단순한 정지 이미지보다 사용자의 입력에 반응하...

분류2D 그래픽 소프트웨어, 인터랙티브 애니메이션·웹 게임 제작
개발Wicklets·Wick Editor 공동체
플랫폼웹 브라우저, 데스크톱 실험 배포
작성 언어JavaScript·React·웹 기술
주요 기능인터랙티브 애니메이션·웹 게임 제작
프로젝트·출력Wick 프로젝트·HTML·영상·GIF 등
참고 자료자료

Wick Editor는 웹 브라우저에서 2D 애니메이션·게임·인터랙티브 콘텐츠를 제작하는 자유·오픈 소스 2D 그래픽 소프트웨어다. Adobe Animate·Scratch에서 볼 수 있는 타임라인·그림·스크립트 개념을 웹 환경에 결합했으며, 단순한 정지 이미지보다 사용자의 입력에 반응하는 화면과 간단한 게임을 만드는 데 중점을 둔다.[1]

장면에서 벡터 도형과 그림을 작성하고 프레임·클립을 타임라인에 배치하여 캐릭터의 움직임을 만든다. 키보드·마우스 입력이나 클릭 이벤트와 스크립트 코드를 연결해 객체를 이동·숨김·전환할 수 있다. 정적 일러스트레이션 도구인 Inkscape·SVG-edit와 달리 장면의 상태와 게임 실행 동작을 편집할 수 있다는 점이 특징이다.

브라우저 기반 오픈 소스 프로젝트이며 JavaScript와 React 및 여러 웹 패키지로 구성된다. 데스크톱 앱 빌드 경로도 공개됐으나 제작 시점과 배포판에 따른 실행 환경은 구분해야 한다. HTML 등 웹 실행 결과로 내보낸 콘텐츠에는 그래픽과 스크립트가 포함되지만 일부 이미지·영상 출력에서는 사용자 입력에 따른 동작이 사라진다.[2]

공식 저장소는 GPL 3.0 라이선스를 안내하고 World Wide Web에서 멀티미디어를 만들기 위한 학습 도구라는 성격을 강조한다. Rive, SVGator, Synfig처럼 시간축에 움직임을 구성한다는 공통점이 있지만 Wick Editor는 간단한 게임 로직과 스크립트 상호작용을 함께 작성하도록 디자인되었다.

개발 배경

개발 배경

주요 변화

캔버스·벡터 도형·타임라인

클립·장면과 애니메이션

JavaScript 이벤트와 인터랙션

웹 출력·프로젝트 저장

오픈 소스와 플랫폼

관련 문서

  1. Wick Editor 제품·프로젝트 정보 ↩
  2. Wick Editor 기술·설명 자료 ↩