Summary
Keywords
Full Transcript
How to make a Bouncing Ball App in MIT App Inventor [For Beginners] In this tutorial, you will learn about animation in App Inventor by making a Ball (a sprite) bounce around on the screen (on a Canvas). From the Drawing and Animation drawer, drag out a Canvas component and drop it onto the viewer. The default setting for App Inventor is that the screen of your app will be "scrollable", which means that the user interface can go beyond the limit of the screen and the user can scroll down by swiping their finger (like scrolling on a web page). When you are using a Canvas, you have to turn off the "Scrollable" setting (UNCHECK THE BOX) so that the screen does not scroll. This will allow you to make the Canvas to fill up the whole screen. Make sure the Canvas component is selected (#1) so that its properties show up in the Properties Pane (#2). Down at the bottom, set the Height property to "Fill Parent". Do the same with the Width property. Add a Ball Now that we have a Canvas in place, we can add a Ball Sprite. This can also be found in the Drawing and Animation drawer. Drag out a Ball component and drop it onto the Canvas (#1). If you'd like the ball to show up better, you can change its Radius property in the Properties pane (#2). thunkable app inventor 2 mit app inventor 2 .................................................................................................... Follow Us On Social Media For More Updates -: Facebook -: facebook.com/TheCodingBus/ Website-: https://thecodingbus.info/ Instagram-: https://www.instagram.com/sourabhdubey007/ Reddit-: https://www.reddit.com/user/sourabhdubey007 Subscribe TCB -: http://bit.ly/TheCodingBus ........................................................................................................ mit app inventor 2 app inventor ball collide mit app inventor tutorials digital doodle mit app inventor mit app inventor ball mit app inventor basketball game app inventor starter apps code mit app inventor mit app inventor mini golf pong mit app inventor how to use gif in mit app inventor ball bounce app inventor tutorials image sprite heading animation challenge mit app inventor app inventor bounce off sprite pong app inventor 2 logo mit app inventor math blaster app inventor app inventor president's quiz starter apps app inventor logo 2 app inventor code to learn 2020 to learn scratch google codetolearn2019 learn scratch online scratch competition 2020 app inventor design #TheCodingBus #TCB #unitedstates #us MIT App Inventor Premium Course (2025 Edition) – Learn with the Newest Features https://www.udemy.com/course/mitappinventorcourse/?referralCode=9723BA5EDD8E5C7A64BE
