فهرست مطالب:

ایجاد انیمیشن Sprite در TTGO T-Watch: 7 مرحله
ایجاد انیمیشن Sprite در TTGO T-Watch: 7 مرحله

تصویری: ایجاد انیمیشن Sprite در TTGO T-Watch: 7 مرحله

تصویری: ایجاد انیمیشن Sprite در TTGO T-Watch: 7 مرحله
تصویری: اسپرایت انیمیشن با css 🔥 css sprite animation 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 Board را انتخاب کنید
T-Watch Board را انتخاب کنید

مرحله 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) نمایش صفحه روی سفید را پر کنید. 4) ایجاد تاخیر متغیر انیمیشن (زمان (ms) برای نمایش انیمیشن) 5) posX (موقعیت X) 6) posY (موقعیت Y) 7) pevX (موقعیت قبلی X) 8) وضعیت پیاده روی 9) نمایش متن روی صفحه 10) افزودن تصویر متحرک خود به نام متغیر basePage11) تصویر کشیدن از پایه صفحه به صفحه نمایش حلقه: 1) وضعیت IF: GPIO36 (دکمه USER فشار داده شد) 2) پیاده روی متغیر را روی True3 تنظیم کنید) شرط IF: متغیر walkis True4) تصویر متحرک خود را به نام متغیر img15 اضافه کنید) تصویر را از img1 به نمایش روی صفحه بکشید 6) تصویر را به تأخیر بیندازید) شماره 4-6 را برای نمایش Sprite متحرک خود دنبال کنید

وظیفه: 1) اجرای وظیفه 2) انجام هر 0.5 ثانیه 3) شرایط IF: متغیر walkis True4) موقعیت به روزرسانی X 5) بروزرسانی موقعیت قبلی X6) حذف صفحه قبل از نمایش تصویر بعدی 7) وضعیت IF: متغیر posX ≥ 240 (نمایش پیکسل 240x240) تنظیم موقعیت X روی 0 (صفر) و تنظیم متغیر پیاده روی برای متوقف ساختن انیمیشن False است توجه: پوشه نمونه از قبل حاوی تصاویر نمونه است. می توانید آن را در Board Folder → ttgo-t-watch → نمونه ها → 02-DISPLAY → 04-Animation امتحان کنید

مرحله 7: کامپایل و اجرا کنید تا ببینید چه اتفاقی می افتد

ویدئوی نمایشی

توصیه شده: