Construcci贸n de videojuegos Tutorial Construc Classic. Paddleball game
1.
Inicie un proyecto de juego.
Para lograrlo haga este recorrido: (1)Archivo- (2)New-(3)New Direct-X game 1 2
3
2. Para crear un objeto, primero seleccione el layout editor (1), después haga click derecho sobre la capa (2) para que aparezca la opción “Insert an object” (3) y suelte el botón del mouse. 2
3
1
3. Haga doble click sobre el ícono “Sprite” (1) para que aparezca el editor de imagen (2) que dibuja por defecto un cuadrado (3). 2 1
3
4. En el Picture editor busque la herramienta “Rize canvas” (1) y en la ventana “Construct: Grid settings” (2) cambiar la medida de rectángulo al ancho horizontal de 450 y alto vertical de 10 para obtener un rectángulo vacío (3) 1
2
3
5. Ese rectángulo vacío (1) se pinta seleccionando la herramienta “tarro de pintura” (2), escogiendo un color en la barra inferior (3) y aplicando ese color sobre el rectángulo (4) 1 2
3
4
6. Para llevar el rectรกngulo a la capa, se cierra el editor de imรกgenes (1) y se selecciona guardar los cambios del rectรกngulo (2). 1
2
7. Cuando el rectรกngulo ya estรก en la capa se pone en el borde izquierdo (1) con la ayuda del recuadro blanco central (2) que permite variar la posiciรณn. 1 2
8. La figura se debe copiar dos veces (1) y pegar una en el borde derecho (2) y la otra en la parte superior de la capa (3). 3 2
1
9. Después de poner las figuras en los bordes se deben convertir en sólidas. Para lograr esto, se selecciona la opción “Atributes” (1) en la ventana “Properties” del lado izquierdo y allí se escoge la opción “Solid” (2)
2
1
10. TambiĂŠn se debe construir una paleta para el juego (1) con el mismo proceso usado para construir las figuras laterales.
1
11. De igual manera se debe construir una bola de juego (1) con el mismo proceso usado para construir las figuras laterales.
1
12. A la bola se le debe dar una “conducta”. Para esto seleccionamos la opción “Behavior” (1) en “Properties” y hacemos click en la expresión “Add” (2) después de lo cual aparecen las opciones (3) y allí se selecciona la opción “Ball” (4) 3 4
1
2
13. Después se debe agregar en la opción “Ball Behavior” (1) el valor de 15 en el parámetro “Aceleration” (2) y 15 en el de “Gravity” (3) 1
2
3
14. Para dar movimiento horizontal a la paleta se debe agregar la “Behavior” “Wrap” (1) mediante el proceso descrito en el paso No. 12
1
15. Ahora vamos agregar el primer evento, que será dar movimiento horizontal a la paleta. Para lograrlo selecciono el objeto en el “Layout Editor” (1) y paso al “Event Sheet Editor” (2) y hago click en la capa para usar el proceso “Insert event” (3) y agregar el input: “Mouse & Keyboard” (4)
2
3
1
4
16 Después, se selecciona en “Keyboard”, la opción “Key is down?” (1) y después el botón”Next” (2)
1
2
17. En la lista “Left mouse button” (1) que se despliega, selecciono la opción A (2) (Que será la tecla que recibirá la orden) y después el botón “Finish” (3)
1
2
3
18. Una vez que el evento “Key a is down” (1) está creado, se hace click en el título “New action” (2) que presenta los objetos que se pueden seleccionar, allí se escoge la paleta (3) y se selecciona el botón “Next” (4) 1
2
3
4
19 Al aparecer el cuadro que pregunta “Action for “Sprite2” /(1) se selecciona la opción “Set position” (2) y después el botón “Next” (3) 1
2
3
21 En el cuadro “Parameters for Sprite 2” –Set postion” (1) se sombrea el número cero en Y (2) y se hace doble click sobre el objeto “paleta” (3) en la parte inferior. 1
2
3
22 La anterior acción hace aparecer el cuadro “Expressions for Sprite2” (1). En éste se selecciona la opción “Get Y” (2) y después el botón “Finish” (3) 1
2
3
23 El proceso descrito en las diapositivas 21, 22, 23 debe ser repetido para dar movimiento negativo a la paleta en el eje X. En este punto se debe agregar el signo menos y el valor numĂŠrico de -15 (1)
1
23 Si se finaliza la tarea anterior y se regresa al “Layout Editor” y se selecciona la pestaña superior “Project” (1) se puede correr lo construido hasta el momento (2) 1 2
23 Para agregar el movimiento positivo a la paleta se repite el proceso desarrollado entre las diapositivas 19 y 23. Solo que al final se debe agregar el valor numĂŠrico de +15 (1)
1
24 Posteriormente se debe agregar el atributo de sólido a la paleta. Para esto regreso “Layout Editor” (1), selecciona la paleta (2) se va a “Properties” para buscar la opción “Atributes” y seleccionar la opción “Solid”
2
1
3
25 Ahora agregaremos al juego las condiciones necesarias para que se reinicie cuando la bola se ha perdido por la parte inferior (1) y aparezca el correspondiente anuncio de “Game over�.
1
26 Lo primero que debo hacer es seleccionar el “Layout Editor” y después con el botón derecho del mouse llamar la opción “Insert Object” Allí selecciono la opción “MessageBox” y en ventana “Properties”, en “Icon”, la opción “Stop sign”
1
2
3 4
27 Después se debe agregar la condición al objeto bola para que el mensaje se despliege. Para hacer esto, paso a la pestaña “Event Sheet Editor”(1) para insertar un nuevo evento (2). Allí selecciono la bola (3) y en la opción “Size & position” (4) selecciono “Object outside layout” (5) 1
2
3 4 5
28 Después en “Event Sheet Editor” selecciono “New Action “ (1) en “Sprite3: is outside layout” en la siguiente pantalla que aparece selecciono “MessgeBox” (2) y en esta opción “Show message” (3) y selecciono el botón “Next” (4)
1
3 2
4
29. En la pantalla “Parameters for MessageBox – Show messageBoX” (1) , En la ventana “Title” (2) se agrega la frase: “Game Over” y en la ventana “Message” (3) la frase: “El balón está por fuera del juego” y selecciono el botón “Finish” (4) 1
2 3
4
30. Para que el mensaje realmente sea efectivo debe ubicarse la bola en el lugar apropiado. Eso se logra de la siguiente manera: Primero se selecciona “New action” (1) al aparecer la pantalla de objetos selecciono la bola (2) y en la siguiente pantalla “Set Position” (3) y después selecciono e botón “Next”
1
2
3 4
31. Después de esto, paso al “Layout Editor” y selecciono la bola (1) y voy a “Properties” a la opción “Common” (2) y en el eje X agrego el número 300 y el Y, 250 (3)
1
2 3
32. Después regreso al “Event Sheet Editor” para dar doble click sobre el segmento amarillo (1) para que aparezcan los parámetros encontrados en la “Common” y en los que se debe agregar en X:300, Y:250. Para terminar se usa el botón “Finish”
1
2
3
Construcci贸n de videojuegos Tutorial Construc Classic. Paddleball game Julio Gonz谩lez A. 2.014