À propos de PicoPixel — l’éditeur LVGL basé sur navigateur

01

Qu’est-ce que PicoPixel ?

Un outil de conception visuelle base sur navigateur, concu pour les interfaces utilisateur embarquees propulsees par LVGL.

Glissez-deposez des widgets sur un canevas au pixel pres, stylisez-les visuellement, connectez des gestionnaires d’evenements avec un editeur visuel, gerez des ressources reutilisables et exportez du code C pret pour la production vers votre plateforme cible. Pensez-y comme a Figma pour les interfaces embarquees.

Tout fonctionne dans le navigateur, sans rien installer. PicoPixel est gratuit.

Widgets en glisser-deposer

Boutons, curseurs, interrupteurs, arcs, graphiques, listes deroulantes, rollers, cases a cocher, zones de texte, vues a onglets, conteneurs, images

Editeur visuel d’evenements

Connectez des interactions sans ecrire de code C

Simulateur LVGL en direct

Apercu materiel pixel pour pixel propulse par WebAssembly

Collaboration en temps reel

Curseurs en direct, annotations, liens de simulateur partageables

Controle de version integre

Historique de session granulaire avec retour arriere en un clic

Export C de production

Code LVGL 8.x propre pour ESP32, STM32, RP2040 et plus

02

Sur les epaules de geants

Rien de tout cela n’existerait sans LVGL et le travail incroyable de l’equipe LVGL pour rendre la bibliotheque entierement open source. Leur decision de garder LVGL gratuit et accessible a rendu possible l’existence d’outils comme PicoPixel.

Nous sommes profondement reconnaissants envers toutes les personnes qui contribuent a l’ecosysteme LVGL : les mainteneurs, les membres de la communaute qui ouvrent des issues et ecrivent des pilotes, et chaque developpeur qui choisit de construire avec LVGL. Merci.

Ce que disent d’autres membres de la communaute LVGL
Equipe LVGL

L’equipe LVGL nous a contactes avec uniquement des mots bienveillants et des felicitations lors du lancement de PicoPixel.

Ils ont accueilli le projet comme un ajout positif a l’ecosysteme et ont exprime un veritable enthousiasme pour davantage d’outils construits autour de LVGL.

SquareLine

Nous avons recu recemment un e-mail assez agressif de l’un de leurs collaborateurs.

Nous ne reproduirons pas son contenu ici, mais il nous semblait utile de noter le contraste dans la facon dont differents membres de la communaute ont choisi de reagir.

03

Pourquoi nous l’avons cree

L’ancienne methode

Construire des interfaces pour appareils embarques a longtemps signifie coder a la main des coordonnees de pixels et lutter avec des bibliotheques graphiques bas niveau : ecrire du C, flasher, verifier l’ecran, ajuster, puis flasher encore.

$ vi main.c
$ idf.py build
$ idf.py flash
// wrong by 3 pixels... repeat
La methode PicoPixel

Nous pensons que les developpeurs embarques meritent la meme experience de conception visuelle que les developpeurs web et mobiles. PicoPixel comble cet ecart avec un editeur glisser-deposer, un simulateur en direct qui montre exactement le rendu de votre UI sur materiel, et un flux collaboratif qui permet aux equipes de concevoir ensemble en temps reel.

drag → preview → export → flash
// pixel-perfect on first try
04

Comment ca fonctionne

Du canevas au materiel en six etapes.

01

Concevoir

Glissez des widgets LVGL sur un canevas au pixel pres et stylisez-les visuellement.

02

Connecter les interactions

Reliez les appuis de boutons a la navigation, les changements de curseur aux mises a jour de libelles. Sans code C.

03

Previsualiser

Voyez votre UI dans un simulateur LVGL en direct propulse par WebAssembly. Le vrai moteur de rendu, pas une maquette.

04

Exporter

Generez du code C LVGL pret pour la production (fichiers .c et .h) sans dependances proprietaires.

05

Flasher

Ajoutez les fichiers exportes a votre projet ESP-IDF, Arduino ou PlatformIO, puis flashez le materiel.

06

Iterer

Collaborez avec votre equipe en temps reel grace au controle de version integre.

05

Une note d’Ed

Ed
nom  Ed
rôle  Code monkey

Je construis actuellement un combine d’instruments et je passe une bonne partie de mon temps entre Tokyo et Shenzhen. Si vous construisez du materiel ou si vous etes dans l’une de ces villes, j’aimerais prendre un verre et parler boutique.

Avant PicoPixel, j’ai passe quelques annees dans l’une des plus grandes societes de courtage. J’ai aussi travaille dans une startup acquise par Apple sur quelques prototypes de Watch. C’est la que l’envie de revenir plus pres du materiel a commence, et elle a fini par mener a ce projet.

J’aimerais beaucoup entendre ce que vous construisez et les changements que vous aimeriez voir dans PicoPixel. Ne soyez pas etranger.

Actuellement en →
Tokyo/Shenzhen/Seattle
06

Beta ouverte

Honnetes sur notre stade actuel.

PicoPixel est en beta ouverte et est actuellement construit et maintenu par un developpeur solo. Le jeu de widgets grandit activement, le support LVGL v9.x est prevu, et de nouvelles fonctionnalites arrivent regulierement, dont le mode Animation recemment lance avec keyframing sur timeline.

Il peut y avoir des limites temporaires pendant que l’infrastructure monte en charge. Votre patience et vos retours comptent enormement. Si vous rencontrez quoi que ce soit, n’hesitez pas a nous contacter.

Commencez a construire votre interface LVGL gratuitement

Concevez des UI embarquees visuellement, previsualisez-les dans un simulateur LVGL en direct et exportez du code C pret pour la production. Aucune installation. Aucune carte bancaire. Ouvrez PicoPixel dans votre navigateur et commencez a concevoir.

Commencez. C’est gratuit !

Lire la FAQ · Nous contacter