웹 에디터 사용법부터 ESP32 보드 연결과 프로젝트 작업 흐름까지, 단계별 가이드로 배워 보세요.
고정 · PICOPIXEL
PicoPixel에서 펫 사용하기
펫은 다양한 조건에 맞춰 모드를 전환할 수 있는 완성된 애니메이션 스프라이트입니다. 디렉터리에서 하나를 골라 프로젝트에 추가한 다음, 데이터 가져오기, 과열, 코드 리뷰 등 기기가 하는 모든 일에 반응하도록 연결하세요.
pets · sprites · picopixel보기
12 전체
PICOPIXEL
PicoPixel 템플릿, UI 키트, 완성된 앱 사용 방법
PicoPixel 템플릿, UI 키트, 예제, 스프라이트, 위젯, 완성된 앱 파일을 찾고, 열고, 다운로드하고, 가져오고, 수정한 뒤 디바이스용 LVGL C 코드로 내보냅니다.
templates · ui-kits · full-apps
PICOPIXEL
PicoPixel LVGL MCP Server Setup Guide
Set up the PicoPixel LVGL MCP server for Claude, ChatGPT, Codex, or Cursor. Learn agent settings, reusable components, colors, fonts, and assets.
LVGL MCP · MCP server setup · AI UI design
LVGL
LVGL Animated Image 위젯 사용하기
LVGL 애니메이션 이미지 위젯의 작동 방식: 같은 크기의 프레임 시퀀스를 업로드하고, 재생 시간과 반복을 설정해 디스플레이에서 프레임 단위 애니메이션을 재생하는 방법을 알아봅니다.
lvgl · animated-image · animimg
PICOPIXEL
스프라이트란 무엇인가요?
스프라이트가 무엇인지, 여러 상태를 가진 애니메이션 위젯을 만드는 방법, 프로젝트 간에 재사용하는 방법을 알아봅니다.
sprite · picopixel
PICOPIXEL
이벤트 에디터 사용하기
PicoPixel의 이벤트 에디터로 UI를 인터랙티브하게 만드세요. 한 위젯에서 다른 위젯으로 연결을 드래그하고, 클릭이나 값 변경 같은 트리거를 고른 뒤, 어떤 일이 일어날지 선택합니다.
events · interactions · picopixel
PICOPIXEL
Creating LVGL themes
Create light and dark LVGL themes in PicoPixel with reusable color tokens, bind them to widgets, and add a Set Theme event that switches themes at runtime.
themes · color tokens · dark mode
PICOPIXEL
PicoPixel의 라이브러리와 재사용 가능한 LVGL 컴포넌트 가이드
PicoPixel 라이브러리의 구성과 Publish 및 연결 방법을 알아보세요. Publish는 에셋을 팀 내에서 재사용하도록 공유하는 기능이며, 인터넷에 공개하지 않습니다. 팀 밖으로 파일을 공유하는 방법도 설명합니다.
library · components · sharing
PICOPIXEL
폰트 사용하기
LVGL 폰트에 변환이 필요한 이유, 기본 제공 또는 업로드한 폰트에서 폰트를 만드는 방법, 아랍어와 히브리어 같은 오른쪽에서 왼쪽으로 쓰는 문자 체계 설정, 큰 CJK 폰트 처리, 사용하지 않는 폰트 정리를 알아봅니다.
font · picopixel · lvgl
하드웨어
ESP32 LVGL 튜토리얼: 터치스크린 UI 만들기
LVGL로 ESP32용 터치스크린 UI를 만들고, 브라우저에서 시각적으로 디자인하고, 실시간으로 미리 보고, 보드에 적용할 C 코드를 내보내세요. 초보자를 위한 친절한 가이드입니다.
esp32 · lvgl · ui
PICOPIXEL
펫 제출 방법
PicoPixel 커뮤니티에 펫을 추가하는 두 가지 방법입니다. 가장 빠른 방법은 Petdex URL을 붙여 넣는 것이고, 다른 방법은 스프라이트 시트와 sprite.json을 GitHub에 올리는 것입니다. AI 도구로 나만의 펫을 만드는 방법도 포함합니다.
pets · sprites · petdex
PICOPIXEL
템플릿 제출 방법
.picopixel 파일, 쇼케이스 이미지, README 설명이 들어 있는 GitHub 저장소를 만들어 PicoPixel 파일을 커뮤니티 템플릿으로 공유합니다.
templates · submission · sharing
PICOPIXEL
콘텐츠 신고 방법
문제가 있는 펫, 템플릿 또는 기타 커뮤니티 콘텐츠를 발견했나요? Give feedback 양식으로 신고하는 방법, 포함할 내용, 저작권 문제 표시 방법, 이후 처리 과정을 설명합니다.
