Voir la source de Badge avec un écran Oled

{{Tuto Details
|Main_Picture=Badge_avec_un_écran_Oled_VID_20190209_145959_1.gif
|Licences=Attribution (CC-BY)
|Description=Comment réaliser un badge avec un écran OLED ?
|Area=Arduino
|Difficulty=Technical
|Duration=2
|Duration-type=hour(s)
|Tags=ecran OLED, affichage, écran, badge, électronique
}}
{{Introduction
|Introduction=Bien qu'un peu techniques, ces petits écrans sympathiques sont très plaisants à utiliser.
}}
{{Materials
|ItemList={{ItemList
|Item=Ecran OLED
}}{{ItemList
|Item=D1 mini
}}{{ItemList
|Item=Câble Dupont
}}{{ItemList
|Item=Breadboard
}}{{ItemList
|Item=Logiciel Arduino
}}
|Prerequisites={{Prerequisites
|Prerequisites=Convertir une image en format xbm
}}
|Tuto_Attachments={{Tuto Attachments
|Attachment=Badge-oled128X64.ino
}}
}}
{{Separator}}
{{Tuto Step
|Step_Title=Réunir le matériel
|Step_Content=Le matériel est tout simple :
* 4 cables dupont
* 1 breadboard
* 1 D1 mini
* 1 écran OLED
* Sur la photo ne figure pas l'indispensable alimentation 5V
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledMate_riel.jpg
}}
{{Tuto Step
|Step_Title=Faites le montage
|Step_Content=Le brochage se résume à 4 fils à brancher du D1 mini vers l'écran :
* 5V vers VCC (fil rouge)
* G vers GND (fil noir)
* D6 vers SDA (Fil jaune)
* D5 vers SCL (ou SCK (fil vert).
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oled128X64_bb.png
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledMontage.jpg
}}
{{Tuto Step
|Step_Title=Téléversez sur le D1 mini le programme et l'image
|Step_Content=Vous pouvez personnaliser l'image affichées en utilisant un convertisseur d'image pour passer d'un forma classique au format .xbm qui permet l'affichage.

Voir la page [[Convertir une image en format xbm]]
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledArduino.png
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledImage.png
|Step_Picture_02=Badge_avec_un_écran_Oled_exportXbmTexte.png
}}
{{Tuto Step
|Step_Title=Ajouter l'image au programme
|Step_Content=Point de vigilance : veiller à ce que les noms coïncident avec ceux du programme. Ne pas oublier la virgule finale.
|Step_Picture_00=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.25.png
|Step_Picture_01=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.50.png
|Step_Picture_01_annotation={"objects":[{"type":"wfcircle","originX":"center","originY":"center","left":352.45,"top":44.82,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":9.17,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.48,"scaleY":0.17,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":"375","width":"600"}
|Step_Picture_02=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.43.png
|Step_Picture_02_annotation={"objects":[{"type":"wfcircle","originX":"center","originY":"center","left":351.3,"top":609.3,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":7.15,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.66,"scaleY":0.18,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":"736","width":"600"}
|Step_Picture_03=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.58.png
|Step_Picture_03_annotation={"objects":[{"type":"wfcircle","originX":"center","originY":"center","left":142.19,"top":107.3,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":4.44,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":0.36,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586},{"type":"wfcircle","originX":"center","originY":"center","left":445.25,"top":544.25,"width":200,"height":200,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":23.52,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.13,"scaleY":0.13,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"radius":100,"startAngle":0,"endAngle":6.283185307179586}],"height":"736","width":"600"}
}}
{{Notes}}
{{Tuto Status
|Complete=Published
}}