>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.
  • ¿QUÉ NECESITO PARA COMENZAR?

    1
    Software
    Aplicación MIT AI2 Companion

    Con esta aplicación podrás probar todas aquellas Apps que desarrolles con el programa App Inventor. Descargala en Google Play o prueba tus Apps instalándote este emulador.

    App Inventor

    Es un entorno de programación con el que poder crear Apps. Su funcionamiento se basa en dos pasos: el diseño de la aplicación y el editor de bloques. Aprende más sobre App Inventor en la página de tecnologías creativas de CLOQQ.  

    2
    Materiales

    Móvil

  • ¡COMIENZA TU PROYECTO!

    [{"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":11563},"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":11595},"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":11535},"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":11043},"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":11686},"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":11734},"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":11166},"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":11774},"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":11070},"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":10672},"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":10564},"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":11679},"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"}]
  • Si te animas a explorar nuevas ideas este no será el final de la actividad.
Las actividades CLOQQ han sido diseñadas y realizadas por un equipo experimentado en tecnologías creativas. El desarrollo de las actividades debe realizarse bajo la supervisión de un adulto.