สารบัญ:

การสร้างแอนิเมชั่น Sprite บน TTGO T-Watch: 7 ขั้นตอน
การสร้างแอนิเมชั่น Sprite บน TTGO T-Watch: 7 ขั้นตอน

วีดีโอ: การสร้างแอนิเมชั่น Sprite บน TTGO T-Watch: 7 ขั้นตอน

วีดีโอ: การสร้างแอนิเมชั่น Sprite บน TTGO T-Watch: 7 ขั้นตอน
วีดีโอ: Making animation from GIF files for TFT screen (ESP32 ,ESP8266 , Arduino) 2024, กรกฎาคม
Anonim
การสร้างแอนิเมชั่น Sprite บน TTGO T-Watch
การสร้างแอนิเมชั่น Sprite บน TTGO T-Watch

วิดีโอสาธิต

ขั้นตอนที่ 1: ดาวน์โหลดและติดตั้ง KBIDE

ดาวน์โหลดและติดตั้ง KBIDE
ดาวน์โหลดและติดตั้ง KBIDE
ดาวน์โหลดและติดตั้ง KBIDE
ดาวน์โหลดและติดตั้ง KBIDE

ดาวน์โหลดที่นี่: www.kbide.org

ขั้นตอนที่ 2: ติดตั้ง TTGO T-Watch V1.0.1

ติดตั้ง TTGO T-Watch V1.0.1
ติดตั้ง TTGO T-Watch V1.0.1

ขั้นตอนที่ 3: เลือก T-Watch Board

เลือกบอร์ด T-Watch
เลือกบอร์ด T-Watch

ขั้นตอนที่ 4: คลิกตัวอย่าง & บทช่วยสอน

คลิกตัวอย่าง & บทช่วยสอน
คลิกตัวอย่าง & บทช่วยสอน

ขั้นตอนที่ 5: ตัวอย่างบอร์ดที่เปิด → 02-DISPLAY → 04-Animation

ตัวอย่างบอร์ดเปิด → 02-DISPLAY → 04-Animation
ตัวอย่างบอร์ดเปิด → 02-DISPLAY → 04-Animation
ตัวอย่างบอร์ดเปิด → 02-DISPLAY → 04-Animation
ตัวอย่างบอร์ดเปิด → 02-DISPLAY → 04-Animation

ขั้นตอนที่ 6: ทำงานอย่างไร ?

งานเป็นอย่างไรบ้าง ?
งานเป็นอย่างไรบ้าง ?
งานเป็นอย่างไรบ้าง ?
งานเป็นอย่างไรบ้าง ?
งานเป็นอย่างไรบ้าง ?
งานเป็นอย่างไรบ้าง ?
งานเป็นอย่างไรบ้าง ?
งานเป็นอย่างไรบ้าง ?

ตั้งค่า:1) ตั้งค่า IO36 เป็น INPUT_PULLUP2) ตั้งค่าการหมุนหน้าจอเป็น TOP.3) เติมการแสดงผลหน้าจอเป็น WHITE.4) สร้างตัวแปรการหน่วงเวลาอะนิเมะ (เวลา (มิลลิวินาที) ที่จะแสดงแอนิเมชั่น)5) posX (ตำแหน่ง X)6) posY (ตำแหน่ง Y)7) pevX (ตำแหน่งก่อนหน้า X)8) สถานะการเดิน9) แสดงข้อความบนหน้าจอ10) เพิ่มภาพแอนิเมชั่นของคุณไปที่ชื่อตัวแปร basePage11) วาดภาพจาก basePage เพื่อแสดงหน้าจอลูป:1) เงื่อนไข IF: GPIO36 (ปุ่ม USER ถูกกด)2) ตั้งค่าตัวแปรวอล์คเป็น True3) เงื่อนไข IF: ตัวแปร walkis True4) เพิ่มภาพแอนิเมชั่นของคุณไปที่ชื่อตัวแปร img15) วาดภาพจาก img1 ไปที่หน้าจอแสดงผล6) เลื่อนรูปภาพเพื่อแสดง) ทำตามหมายเลข 4–6 เพื่อแสดงสไปรท์แอนิเมชั่นของคุณ

งาน:1) เรียกใช้งาน2) ทำงานทุก 0.5 วินาที3) เงื่อนไข IF: ตัวแปร walkis True4) ตำแหน่งอัปเดต X 5) อัปเดตตำแหน่งก่อนหน้า X6) ลบหน้าจอก่อนแสดงภาพถัดไป 7) เงื่อนไข IF: ตัวแปร posX ≥ 240 (พิกเซลที่แสดง 240x240) จะ ตั้งค่าตำแหน่ง X เป็น 0 (ศูนย์) และตั้งค่าตัวแปรเดินเป็นเท็จเพื่อหยุดแอนิเมชั่นหมายเหตุ:โฟลเดอร์ตัวอย่างมีภาพตัวอย่างอยู่แล้ว สามารถทดลองใช้งานได้ที่ Board Folder → ttgo-t-watch→ Example → 02-DISPLAY → 04-Animation

ขั้นตอนที่ 7: รวบรวมและเรียกใช้เพื่อดูว่าเกิดอะไรขึ้น

วิดีโอสาธิต

แนะนำ: