PicoPixel 소개 — 브라우저 기반 LVGL 에디터
PicoPixel이란?
LVGL 기반 임베디드 사용자 인터페이스를 위해 만들어진 브라우저 기반 비주얼 디자인 도구입니다.
픽셀 단위로 정확한 캔버스에 위젯을 드래그 앤 드롭하고, 시각적으로 스타일을 조정하고, 비주얼 이벤트 에디터로 이벤트 핸들러를 연결하고, 재사용 가능한 에셋을 관리하며, 대상 플랫폼용 프로덕션 레디 C 코드를 내보낼 수 있습니다. 임베디드 UI를 위한 Figma라고 생각하면 됩니다.
모든 것이 브라우저에서 실행되며 설치할 것이 없습니다. PicoPixel은 무료로 사용할 수 있습니다.
버튼, 슬라이더, 스위치, 아크, 차트, 드롭다운, 롤러, 체크박스, 텍스트 영역, 탭뷰, 컨테이너, 이미지
C 코드를 작성하지 않고 인터랙션 연결
WebAssembly 기반 픽셀 단위 하드웨어 미리보기
라이브 커서, 주석, 공유 가능한 시뮬레이터 링크
세밀한 세션 기록과 원클릭 롤백
ESP32, STM32, RP2040 등을 위한 깔끔한 LVGL 8.x 코드
거인의 어깨 위에 서서
LVGL과 라이브러리를 완전한 오픈소스로 만들어 온 LVGL 팀의 놀라운 노력이 없었다면 이 모든 것은 존재하지 않았을 것입니다. LVGL을 무료이고 접근 가능한 상태로 유지하기로 한 결정 덕분에 PicoPixel 같은 도구가 만들어질 수 있었습니다.
LVGL 생태계에 기여하는 모든 분들께 깊이 감사드립니다. 핵심 메인테이너, 이슈를 남기고 드라이버를 작성하는 커뮤니티 구성원, 그리고 LVGL로 만들기로 선택한 모든 개발자 여러분, 감사합니다.
PicoPixel 출시 당시 LVGL 팀은 따뜻한 말과 축하를 전해 주었습니다.
그들은 이 프로젝트를 생태계에 긍정적인 추가로 받아들였고, LVGL 주변에 더 많은 도구가 만들어지는 것에 진심 어린 기대를 보여 주었습니다.
최근 그쪽 직원 한 명에게서 상당히 불쾌한 이메일을 받았습니다.
그 내용을 여기 옮기지는 않겠지만, 커뮤니티의 사람들이 이 프로젝트에 얼마나 다르게 반응했는지 보여 주는 대비로 남길 만하다고 느꼈습니다.
왜 만들었나
임베디드 장치용 UI를 만드는 일은 전통적으로 픽셀 좌표를 직접 코딩하고 저수준 그래픽 라이브러리와 씨름하는 일이었습니다. C 코드를 작성하고, 플래시하고, 디스플레이를 확인하고, 조정한 뒤 다시 플래시하는 반복이었죠.
임베디드 개발자도 웹과 모바일 개발자가 누리는 것과 같은 비주얼 디자인 경험을 누릴 자격이 있다고 믿습니다. PicoPixel은 드래그 앤 드롭 에디터, 하드웨어에서 UI가 정확히 어떻게 렌더링되는지 보여 주는 라이브 시뮬레이터, 팀이 실시간으로 함께 디자인할 수 있는 협업 워크플로로 그 간극을 메웁니다.
작동 방식
캔버스에서 하드웨어까지 여섯 단계로.
디자인
LVGL 위젯을 픽셀 단위로 정확한 캔버스에 배치하고 시각적으로 스타일을 조정합니다.
인터랙션 연결
버튼 누름을 화면 이동에, 슬라이더 변경을 라벨 업데이트에 연결합니다. C 코드는 필요 없습니다.
미리보기
WebAssembly 기반 라이브 LVGL 시뮬레이터에서 UI를 확인합니다. 목업이 아니라 실제 렌더링 엔진입니다.
내보내기
독점 의존성 없는 프로덕션 레디 LVGL C 코드(.c 및 .h 파일)를 생성합니다.
플래시
내보낸 파일을 ESP-IDF, Arduino 또는 PlatformIO 프로젝트에 추가하고 하드웨어에 플래시합니다.
반복
내장 버전 관리를 사용해 팀과 실시간으로 협업하며 개선합니다.
Ed의 메모
현재 계기 디스플레이 클러스터를 만들고 있으며, 시간의 상당 부분을 도쿄와 선전 사이에서 보내고 있습니다. 하드웨어를 만들고 있거나 두 도시 중 한 곳에 계신다면, 한잔하면서 이야기 나누고 싶습니다.
PicoPixel 전에는 대형 증권사 중 한 곳에서 몇 년간 일했습니다. 또한 Apple에 인수된 스타트업에서 Watch 프로토타입 몇 가지를 작업한 적도 있습니다. 그때 하드웨어에 더 가까이 돌아가고 싶다는 마음이 생겼고, 결국 이 프로젝트를 만들게 되었습니다.
무엇을 만들고 있는지, PicoPixel에서 어떤 변화를 보고 싶은지 듣고 싶습니다. 편하게 연락 주세요.
오픈 베타
현재 위치를 솔직하게.
PicoPixel은 오픈 베타 상태이며 현재 한 명의 개발자가 만들고 유지 관리하고 있습니다. 위젯 세트는 활발히 확장 중이고, LVGL v9.x 지원도 계획되어 있으며, 최근 출시한 타임라인 기반 키프레임 Animation mode를 포함해 새 기능이 정기적으로 배포됩니다.
인프라가 확장되는 동안 일시적인 제한이 있을 수 있습니다. 여러분의 인내와 피드백은 정말 큰 힘이 됩니다. 문제가 있으면 언제든지 연락해 주세요.