>1h
+11
Design, with App Inventor, an enjoyable videogame and show all your skills playing basketball with a basket that keeps moving all the time.
  • WHAT I NEED?

    1
    Software
    MIT AI2 Companion application

    This application let you test all the apps you develop at App Inventor. You can download it from Google Play.
    If you don't have an Android mobile, you can test your app at the emulator.

    App Inventor

    App Inventor is a programming environment where you can develop apps. It's based on two steps: the app design and the block editor, where you can program. Learn more about App Inventor at our creative technologies section.

    2
    Materials

    Mobile

  • START YOUR PROJECT!

    [{"id":74725,"node_id":"0","position":1,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"Introducción","type_element":"2","context":"user_bp","object":null,"tool_name":"Introducción","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":false,"extra_data":"","timer":"0","comment_modal":"1","element":false,"type":"level_jump","icon":"medal.png","timetracking":null,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43275,"node_id":"33140","position":2,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"App inventor","type_element":"0","context":"user_bp","object":"null","tool_name":"App inventor","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32215,"params":[{"name":"name_card","value":"Create your project"},{"name":"text_card","value":"To start programming with App Inventor, you will need a Google account. If you don't have any, create one for free and then access to App Inventor. <br>n<br>nOnce you are there, create a new project.&nbsp;<br>n<br>nAnd remember to keep this window open to know which is&nbsp;the next step.&nbsp;"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"yes"},{"name":"name_external_link","value":"Go to App Inventor"},{"name":"url_external_link","value":"http://ai2.appinventor.mit.edu/"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10573},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43276,"node_id":"33135","position":3,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"app","type_element":"0","context":"user_bp","object":"null","tool_name":"app","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32210,"params":[{"name":"name_card","value":"Design your App"},{"name":"text_card","value":"Drag “Canvas" to the “Viewer” part on the screen and the rest of elements you add will have movement.<br>n<br>nNow, add two "ImageSprite” inside. n<br>n<br>nNow, drag "HorizontalArrangement" from "Layout" to the "Viewer" and introduce the following elements inside: "Label" to show the points and "Button" to restart the game.n<br>"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11604},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43277,"node_id":"33138","position":4,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"image","type_element":"0","context":"user_bp","object":"null","tool_name":"image","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32213,"params":[{"name":"name_card","value":"Add the images"},{"name":"text_card","value":"Upload an image for your basket and a different one for the ball.<br>n<br>nOn the "Components" section, select "Image1" and click on "Properties". <br>n<br>nSelect "Upload file" on "Picture". Choose an image for your basket and click on "OK". <br>n<br>nNow, click on "Image2". You just need to repeat the same steps and upload an image for the ball. <br>n<br>nYou can also add an image for the backdrop changing the it on the Canvas."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11297},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43278,"node_id":"33141","position":5,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"speed","type_element":"0","context":"user_bp","object":"null","tool_name":"speed","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32216,"params":[{"name":"name_card","value":"Move the basket"},{"name":"text_card","value":"Give movement to the basket.<br><br>For that,&nbsp;select its element and in "Properties" change<span>&nbsp;the speed in which it will move.</span>"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10160},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43279,"node_id":"33133","position":6,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"program","type_element":"0","context":"user","object":"","tool_name":"program","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32208,"params":[{"name":"name_card","value":"Program "},{"name":"text_card","value":"To start programming your basket, switch from the "Design" tab to the "Block" tab.<br>n<br>nNow, add the following code so your basket bounce if it touches an edge.n<br><br>To add the block "get edge" you just need to place the mouse above the "Edge", without doing click, and wait until the blocks appear."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10713},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43280,"node_id":"33136","position":7,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"variable","type_element":"0","context":"user_bp","object":"null","tool_name":"variable","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32211,"params":[{"name":"name_card","value":"Program the ball"},{"name":"text_card","value":"Create a variable and add the following code to your App to program the action of throwing the ball."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11199},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43281,"node_id":"33134","position":8,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"points","type_element":"0","context":"user_bp","object":"null","tool_name":"points","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32209,"params":[{"name":"name_card","value":"Accumulate points"},{"name":"text_card","value":"Add the next blocks to the Viewer&nbsp;so you can add points each time you score the basket.&nbsp;"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10916},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43394,"node_id":"33256","position":9,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"Cloqq - Horizontal Card","type_element":"0","context":"user_bp","object":null,"tool_name":"","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32340,"params":[{"name":"name_card","value":"Program the failure"},{"name":"text_card","value":"Now, include these blocks so your ball returns back to its place if the ball bounces and you do not score the basket."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10919},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43284,"node_id":"33144","position":10,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"complete","type_element":"0","context":"user_bp","object":"null","tool_name":"complete","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32219,"params":[{"name":"name_card","value":"Complete the code"},{"name":"text_card","value":"To end with the programming part, add the next blocks to program the element "Button". <br><br>In this way, your game will start over each time you play a new game.&nbsp;<br><br>"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10697},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43285,"node_id":"33145","position":11,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"connect","type_element":"0","context":"user_bp","object":"null","tool_name":"connect","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32220,"params":[{"name":"name_card","value":"Test your App"},{"name":"text_card","value":"Connect your computer with the mobile and see how your App works. <br>n<br>nRemember that you should have the AI2 Companion Application installed Play and make sure that both devices are to the same WIFI network.<br>n<br>nIf you don't have an Android device, you can always test your app using App Inventor emulator."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"yes"},{"name":"name_external_link","value":"DOWNLOAD MIT AI2 COMPANION APP"},{"name":"url_external_link","value":"https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicompanion3&hl=en"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":11627},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43286,"node_id":"33146","position":12,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"personaliza","type_element":"0","context":"user_bp","object":"null","tool_name":"personaliza","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32221,"params":[{"name":"name_card","value":"Customize you App"},{"name":"text_card","value":"You have created your own App!<br><br>Try to customize it changing the design of the elements, adding a new background and new sounds or trying to add new blocks and see what happens!<br><br><br>"},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10851},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"id":43283,"node_id":"33132","position":13,"comment":"","status":"1","deleted":"0","methodology_id":"22296","name":"download","type_element":"0","context":"user_bp","object":"null","tool_name":"download","tool_hash":"","graph_id":"22262","is_new":0,"arrows":[],"equivalence":"41622","extra_data":"","timer":"0","comment_modal":"0","element":{"id":"41622","id_template_params":32207,"params":[{"name":"name_card","value":"Download your App"},{"name":"text_card","value":"Select “projects” on the menu and click “export selected project to my computer” tonnsave yours."},{"name":"main_video","value":"<iframe allowfullscreen=""></iframe>"},{"name":"link_materials","value":"no"},{"name":"link_external","value":"no"}]},"type":"template","relationid":"41622","icon":"template.png","timetracking":{"estimated_time":"00:02:00","maximum_time":"00:05:00","minimum_time":"00:01:00","random":10723},"is_complete":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"},{"arrows":[],"comment":"End_itinerary_message","context":"bp","element":false,"equivalence":false,"graph_id":"22262","icon":"medal.png","id":0,"is_complete":0,"is_new":0,"name":"End_itinerary","node_id":1,"object":null,"position":14,"status":1,"timetracking":null,"tool_hash":"","tool_name":"End_itinerary","type":"level_jump","type_element":2,"timer":0,"comment_modal":0,"is_disabled":0,"is_hidden":0,"visualizations":["fullview","minimized"],"default_visualization":"minimized"}]
  • 15 points
CLOQQ’s activities have been designed and made by an experienced team in creative technologies. These activities must be made with the support and supervision of an adult.