LVGL を学ぶ
Web エディタ、ESP32 ボード、プロジェクトを支えるワークフローを学べるステップバイステップガイド。
ペットは、任意の条件でトリガーできる複数のモードを持つ既成のアニメーションスプライトです。ディレクトリから選んでプロジェクトに追加し、デバイスの動作（データ取得、オーバーヒート、コードレビューなど）に反応するように接続しましょう。
PicoPixel templates、UI kits、examples、sprites、widgets、full app files を見つけ、開き、ダウンロードし、インポートし、カスタマイズし、デバイス用の LVGL C code として書き出します。
LVGL animated image ウィジェットの仕組みを学びます。同じサイズのフレーム列をアップロードし、再生時間とループを設定して、ディスプレイ上でフレーム単位のアニメーションを再生します。
sprite とは何か、複数状態を持つ animated widgets の作り方、プロジェクト間での再利用方法を学びます。
PicoPixel の event editor で UI をインタラクティブにします。ある widget から別の widget へ接続をドラッグし、click や value change などの trigger を選び、何が起きるかを指定します。
PicoPixel の libraries の仕組みを説明します。ファイルを publish すると、その assets はチームの workspaces 間で再利用可能になりますが、公開はされません。library が持つもの、publish と link の方法、published libraries の表示場所、そして何かがチーム外へ出る唯一の 2 つの方法を扱います。
LVGL fonts に変換が必要な理由、bundled または uploaded font から font を作成する方法、Arabic や Hebrew などの right-to-left scripts の設定、大きな CJK fonts の扱い、未使用 fonts の整理方法を学びます。
LVGLを使ってESP32向けのタッチスクリーンUIを作成し、ブラウザ上でビジュアルにデザインし、リアルタイムでプレビューして、フラッシュ対応のCコードをエクスポートしましょう。初心者向けのわかりやすいガイドです。
PicoPixel コミュニティに pet を追加する 2 つの方法です。最速は Petdex URL を貼り付ける方法、もう一つは spritesheet と sprite.json を GitHub にアップロードする方法です。AI ツールで独自の pet を作る流れも紹介します。
.picopixel ファイル、紹介画像、README 説明を含む GitHub repo を作成し、PicoPixel ファイルをコミュニティ template として共有します。
表示されるべきでない pet、template、その他のコミュニティコンテンツを見つけた場合の報告方法です。Give feedback フォームで何を書くべきか、著作権問題をどう伝えるか、送信後に何が起きるかを説明します。
