Animated Sprites in MIT App Inventor | Frame Animation in MIT App Inventor | Sprite Animation
28Hello friends,
In this tutorial, I am teaching you how to show frame by frame animation in MIT App Inventor. We can show animated GIFs in MIT app Inventor using a web viewer (refer to my voice assistant tutorial: https://youtu.be/rFUSqn1uzWA) but we don't have that much control over the animation.
By using frame animation, we have more control over speed and number of frames, etc. In this tutorial, I am not just teaching frame animation in MIT App Inventor but also showing how to move image sprites using their speed and interval properties. I am also showing how to change the direction of movement using the heading property of the image sprite in MIT App Inventor.
Written Tutorial here:
https://obsidiansofteducation.blogspot.com/p/animated-sprites-in-mit-app-inventor.html
Download aia file for this project from here:
https://obsidiansofteducation.blogspot.com/p/mit-app-inventor-projects.html
Zombie Image Sprite:
https://opengameart.org/content/mini-zombie
#mitappinventor #animation #frameanimation #imagesprite #appinventor2 #mitappinventortutorial #androidappdevelopment #appinventortutorial #codingforbeginners #programming #programmingtutorial #programmingtutorials #codingtutorials #codingtutorial #animate #howtoanimate
Other MIT App Inventor Tutorials:
🔢 Calculator App:
https://youtu.be/DM_KJbit0mM
🟩🟩🟩⬜⬜ HealthBar/progress bar in MIT App Inventor:
https://youtu.be/rMyHKpQu7d8
🤖 Chatbot powered by GPT 3 (upgrade available below)
https://youtu.be/rFUSqn1uzWA
🤖 Chatbot powered by GPT 3.5 Turbo
https://youtu.be/aMQ35-A0Hto
🪲 Debugging and Coding Tips for MIT App Inventor:
https://youtu.be/SYd_Dg6DS8k
🎞️ ❓Movie Quiz App:
https://youtu.be/QRNrtZG_5zY
🎤🔦 Voice-operated flashlight (Hands Free)
https://youtu.be/24JG5_DmHxQ
⌛ Countdown Timer App:
https://youtu.be/v454FvH7gNw
🛸 Space Invader Game:
https://youtu.be/mPPQVnLJS7U
❓Multiple Choice Quiz App:
https://youtu.be/5e4WwpheM8c
🎨 Basic Paint App:
https://youtu.be/prmTeD0cacw
🔦 Strobe Light App:
https://youtu.be/34VrKj0pYag
🧭 Compass App:
https://youtu.be/_5bXiZXjLqI
⏰ Alarm Clock App:
https://youtu.be/txrjTCUbFmI
👻 🔨 Smash the Ghost Game:
https://youtu.be/w9pY619xAVU
🎤 Voice Changing App:
https://youtu.be/Ko1H_NxtOLk
🎹 Piano App with Record Music feature:
https://youtu.be/pCgBwwSiJaI
🛒 Shopping List App:
https://youtu.be/kBt2fzEba1c
🔘🔘 Custom Radio Buttons in MIT App Inventor:
https://youtu.be/Fcu8Dm9bFoE
💬 Chat App (Messenger App) With Topic-Specific Rooms:
https://youtu.be/ywuKZuA2csc
❄ Virtual Snow Globe:
https://youtu.be/jqVF0ZnbV7A
Free REDIS Cloud Account for custom CloudDB and using same CloudDB for multiple apps:
https://youtu.be/OoTNCQ_32C0
Create Quiz App linked to custom CloudDB:
https://youtu.be/J4ksXNTlq3g
Take Quiz App linked to custom CloudDB:
https://youtu.be/iOEe8iaMrX8
👤 Basic Login/Sign up Screen App:
https://youtu.be/nW_nfbSPDj8
Login/Sign up Screen App with Duplicate User check:
https://youtu.be/Cmy0VueB1zc
Special Thanks to Filmora for Intro Music
Please like my Facebook page and Instagram page for more FREE educational resources.
Facebook: https://www.facebook.com/ObsidianSoft/
Instagram: https://www.instagram.com/obsidiansoftapps/
For questions: contact me at obsidiansoftc@gmail.com
Chapters:
00:00 Introduction
00:37 Demo of Frame Animation in MIT App Inventor
00:55 Download Sprite - Frame Animation in MIT App Inventor
01:34 Rename Frames - Frame Animation in MIT App Inventor
02:06 New MIT App Inventor Project for Frame Animation in MIT App Inventor
02:15 UI Design for Frame Animation in MIT App Inventor
05:31 Blocks for Sprite Animation in MIT App Inventor
05:99 Start Animation Procedure - Sprite Animation in MIT App Inventor
10:11 Clock Sensor for Sprite Animation in MIT App Inventor
13:26 Changing Direction of Image Sprite in MIT App Inventor