LVGL 배우기

Build with
PicoPixel.

웹 에디터, ESP32 보드, 프로젝트를 지탱하는 워크플로를 위한 단계별 가이드입니다.

PicoPixel에서 펫 사용하기 thumbnail
고정 · PICOPIXEL

PicoPixel에서 펫 사용하기

펫은 어떤 조건에서든 트리거할 수 있는 여러 모드를 갖춘 완성된 애니메이션 스프라이트입니다. 디렉토리에서 하나를 골라 프로젝트에 추가한 다음, 데이터 가져오기, 과열, 코드 리뷰 등 기기가 하는 모든 일에 반응하도록 연결하세요.

pets · sprites · picopixel 보기
PicoPixel templates, UI kits, full apps 사용 방법 thumbnail
PICOPIXEL

PicoPixel templates, UI kits, full apps 사용 방법

PicoPixel templates, UI kits, examples, sprites, widgets, full app files를 찾고, 열고, 다운로드하고, import하고, customize한 뒤 디바이스용 LVGL C code로 export합니다.

templates · ui-kits · full-apps
LVGL Animated Image 위젯 사용하기 thumbnail
LVGL

LVGL Animated Image 위젯 사용하기

LVGL animated image 위젯의 작동 방식: 같은 크기의 프레임 시퀀스를 업로드하고, 재생 시간과 반복을 설정해 디스플레이에서 프레임 단위 애니메이션을 재생하는 방법을 알아봅니다.

lvgl · animated-image · animimg
sprite란 무엇인가요? thumbnail
PICOPIXEL

sprite란 무엇인가요?

sprite가 무엇인지, 여러 상태를 가진 animated widgets를 만드는 방법, 프로젝트 간에 재사용하는 방법을 알아봅니다.

sprite · picopixel
event editor 사용하기 thumbnail
PICOPIXEL

event editor 사용하기

PicoPixel의 event editor로 UI를 인터랙티브하게 만드세요. 한 widget에서 다른 widget으로 연결을 드래그하고, click이나 value change 같은 trigger를 고른 뒤, 어떤 일이 일어날지 선택합니다.

events · interactions · picopixel
PicoPixel의 libraries와 재사용 가능한 LVGL components 가이드 thumbnail
PICOPIXEL

PicoPixel의 libraries와 재사용 가능한 LVGL components 가이드

PicoPixel에서 libraries가 작동하는 방식: 파일을 publish하면 그 assets를 팀 workspaces 사이에서 재사용할 수 있게 되지만 공개되는 것은 아닙니다. library가 담는 것, publish와 link 방법, published libraries가 나타나는 위치, 무엇이든 팀 밖으로 나가는 유일한 두 가지 방법을 설명합니다.

library · components · sharing
fonts 사용하기 thumbnail
PICOPIXEL

fonts 사용하기

LVGL fonts에 변환이 필요한 이유, bundled 또는 uploaded font에서 font를 만드는 방법, Arabic과 Hebrew 같은 right-to-left scripts 설정, 큰 CJK fonts 처리, 사용하지 않는 fonts 정리를 알아봅니다.

font · picopixel · lvgl
ESP32 LVGL 튜토리얼: 터치스크린 UI 만들기 thumbnail
하드웨어

ESP32 LVGL 튜토리얼: 터치스크린 UI 만들기

LVGL로 ESP32용 터치스크린 UI를 만들고, 브라우저에서 시각적으로 디자인하고, 실시간으로 미리보고, 플래시 준비된 C 코드를 내보내세요. 초보자를 위한 친절한 가이드입니다.

esp32 · lvgl · ui
pet 제출 방법 thumbnail
PICOPIXEL

pet 제출 방법

PicoPixel 커뮤니티에 pet을 추가하는 두 가지 방법입니다. 가장 빠른 방법은 Petdex URL을 붙여 넣는 것이고, 다른 방법은 spritesheet와 sprite.json을 GitHub에 올리는 것입니다. AI 도구로 고유한 pet을 만드는 방법도 포함합니다.

pets · sprites · petdex
template 제출 방법 thumbnail
PICOPIXEL

template 제출 방법

.picopixel 파일, 쇼케이스 이미지, README 설명이 들어 있는 GitHub repo를 만들어 PicoPixel 파일을 커뮤니티 template으로 공유합니다.

templates · submission · sharing
콘텐츠 신고 방법 thumbnail
PICOPIXEL

콘텐츠 신고 방법

있으면 안 되는 pet, template 또는 기타 커뮤니티 콘텐츠를 발견했나요? Give feedback 양식으로 신고하는 방법, 포함할 내용, 저작권 문제 표시 방법, 이후 처리 과정을 설명합니다.

report · copyright · moderation
튜토리얼 아이디어가 있나요?
hello@picopixel.io 로 제안해 주세요