Inhoudsopgave:

Een animatie-sprite maken op TTGO T-Watch - Ajarnpa
Een animatie-sprite maken op TTGO T-Watch - Ajarnpa

Video: Een animatie-sprite maken op TTGO T-Watch - Ajarnpa

Video: Een animatie-sprite maken op TTGO T-Watch - Ajarnpa
Video: IoT Smart Farming เรียนรู้การสร้างระบบ ไอโอที สมาร์ทฟาร์ม เบื้องต้น ด้วย KB-IDE 2024, Juli-
Anonim
Een animatiesprite maken op TTGO T-Watch
Een animatiesprite maken op TTGO T-Watch

Demo video

Stap 1: Download en installeer KBIDE

Download en installeer KBIDE
Download en installeer KBIDE
Download en installeer KBIDE
Download en installeer KBIDE

Download hier: www.kbide.org

Stap 2: Installeer TTGO T-Watch V1.0.1

Installeer TTGO T-Watch V1.0.1
Installeer TTGO T-Watch V1.0.1

Stap 3: Selecteer T-Watch Board

Selecteer T-Watch Board
Selecteer T-Watch Board

Stap 4: Klik op Voorbeeld en zelfstudies

Klik op Voorbeeld en zelfstudies
Klik op Voorbeeld en zelfstudies

Stap 5: Voorbeeld van open bord → 02-DISPLAY → 04-Animatie

Voorbeeld open bord → 02-DISPLAY → 04-Animatie
Voorbeeld open bord → 02-DISPLAY → 04-Animatie
Voorbeeld open bord → 02-DISPLAY → 04-Animatie
Voorbeeld open bord → 02-DISPLAY → 04-Animatie

Stap 6: Hoe is het werk?

Hoe gaat het op het werk ?
Hoe gaat het op het werk ?
Hoe gaat het op het werk ?
Hoe gaat het op het werk ?
Hoe gaat het op het werk ?
Hoe gaat het op het werk ?
Hoe gaat het op het werk ?
Hoe gaat het op het werk ?

Setup:1) Stel IO36 in op INPUT_PULLUP2) Stel weergaverotatie in op TOP.3) Vul schermweergave in op WIT.4) Creëer variabele vertragingAnime (Tijd (ms) om animatie weer te geven)5) posX (Positie X)6) posY (Positie Y)7) pevX (vorige positie X)8) loopstatus9) Tekst weergeven op scherm10) voeg uw animatieafbeelding toe aan variabele naam basePage11) teken afbeelding van basispagina naar schermweergaveLoop:1) Conditie IF: GPIO36 (USER Button was Press)2) Stel variabele wandeling in op True3) Voorwaarde IF: variabele wandeling is True4) voeg uw animatieafbeelding toe aan de variabelenaam img15) teken afbeelding van img1 naar weergavescherm6) vertraag afbeelding om weer te geven) Volg nummer 4-6 om uw animatiesprite weer te geven

Taak:1) Taak uitvoeren2) Taak elke 0,5 seconden uitvoeren3) Conditie IF: variabele walkis True4) positie X bijwerken 5) vorige positie bijwerken X6) Scherm verwijderen voordat volgende afbeelding wordt weergegeven7) Conditie IF: variabele posX ≥ 240 (displaypixel 240x240) zal zet positie X op 0 (nul) en stel variabele wandeling in is False om de animatie te stoppen OPMERKING: Voorbeeldmap bevat al voorbeeldafbeeldingen. Je kunt het proberen bij Board Folder → ttgo-t-watch → voorbeelden → 02-DISPLAY → 04-Animation

Stap 7: compileren en uitvoeren om te zien wat er gebeurt

Demovideo

Aanbevolen: