Juego de plataformas en Java: Entorno de desarrollo

Mi intención es armar un sencillo juego de plataformas en java, a modo de desafió personal y para poder invertir algo de tiempo en mejorar mi capacidad como programador.

No espero terminar el juego, voy a ir avanzando a medida que tenga tiempo y energías, esto lo comencé hace poco más de una semana y recién ahora lo estoy registrando en el blog; en plena cuarentena,

Creación del proyecto

Estoy utilizando VSCode como mi IDE principal, para este tipo de desarrollos me parece excelente, es rápido y puedo usarlo tanto en mi pc de escritorio con Windows como en la notebook con Ubuntu.

Tengo instalada la version JDK 1.8 en este momento, y como plugins de VSCode para Java:

  • Java Dependency Viewer
  • Java Extension Pack
  • Java Test Runner
  • Maven for Java
  • Language support for Java ™ for Visual Studio Code

De todas formas utilicen las extensiones o el IDE que les resulte más sencillo, si solo van a trabajar con Java puede que Eclipse o Netbeans sean mejores soluciones; dependiendo el tipo de desarrollo que realicen; Java es amplio y se pueden hacer muchas cosas.

Esta sección si no utilizan VSCode pueden saltearla, voy a ir detallando lo que fui haciendo para crear el proyecto.

Vamos a comenzar creando una carpeta llamada «Proyectos», será donde guardaremos los proyectos de Java hechos con VSCode, luego podemos cambiarla sin problemas.

Luego abrimos una nueva ventana de VSCode y presionamos Ctrol+Shift+P para abrir la paleta de comandos y elegimos «Java: Create New Project»:

Acto seguido nos solicita selecciona la carpeta «Proyectos», va a solicitarnos el nombre del proyecto, tipeamos «RunnerOne», el nombre de nuestro juego.

VSCode va a crear la carpeta de src para el código fuente, bin para los archivos compilados (.class) y otros archivos relacionados al proyecto. Van a encontrar que creo el siguiente contenido:

Con F5 podemos compilar y ejecutar el programa, si lo hacemos vamos a obtener el siguiente cuadro:

Dependiendo de las extensiones que tengan instaladas serán las opciones, para este caso, seleccionamos Java.

Compila el código de ejemplo y tenemos el resultado en la consola inferior:

Con esto tenemos creado el proyecto y ya podemos comenzar a programar el juego.

Gestión de versiones: GIT

Voy a utilizar git como gestor de versiones para ir llevando el proyecto y para que sea más sencillo si quieren descargar el código del juego y probarlo.

Para crear un nuevo repositorio desde VSCode debemos ir a la sección de Control de Código Fuente o presionar Ctrol+Shift+G y basta con hacer clic en el botón «Inicialice el repositorio»

Inmediatamente va a crear una carpeta llamada .git en la carpeta de nuestro proyecto (esta oculta, tienen que habilitar la opción en el navegador) donde va a ir marcando todos los cambios.

No me interesa seguir los cambios de los archivos .class por lo que podemos seleccionar el archivo App.class, hacemos clic derecho y luego tildamos la opción «Añadir a .gitignore». El archivo .gitignore le dice a git cuales son los archivos que no nos interesa seguir los cambios, por lo cual no estarán en el registro.

Como vamos a tener muchos archivos .class, editamos el archivo .gitignore para que omita todos los archivos con esa extension.

En este punto podemos hacer los primeros cambios al archivo java para, voy a renombrar el archivo App.java a RunnerOne.java y cambiar el package donde esta ubicado:

VSCode les va a indicar que el archivo RunnerOne esta dentro de la carpeta App, si deseamos renombrar la carpeta o cambiar el package; se debe renombrar la carpeta App a gsampallo (o el nombre de package que hayan elegido).

Guardamos el archivo y realizamos el primer commit; lo hacemos desde el modulo de Git. El texto en la descripción use «Primer commit» pero pueden indicarle el que deseen.


Luego simplemente hace clic en la tilde y los cambios quedan registrados.

GitHub

Voy a crear un repositorio en GitHub, para que este disponible en la nube; para ello una vez que se hayan registrado en GitHub, van a la opción de New:

Nos presenta el siguiente formulario:

Luego de hacer clic en «Create repository», ya tendríamos listo nuestro repositorio en GitHub. Se presenta la pantalla inferior. Solo nos queda asociarlo con el que tenemos en nuestra pc.

Para asociar con el repositorio local, debemos ir a la carpeta del proyecto desde la consola (simbolo del sistema) y tipeamos lo que figura debajo de la opcion: or push an existing repository from the command line:

Si ahora actualizamos la página de nuestro repositorio, encontraremos que se subió el proyecto:

Con esto estamos listos para comenzar.

Pueden encontrar el repositorio aquí:
https://github.com/gsampallo/RunnerOne

En el siguiente articulo comenzaremos a escribir el juego y desarrollar parte de la gráfica.

https://youtu.be/DASRQftG3k8

Simple ejemplo del juego de la serpiente con Java – Parte 2

En el articulo anterior llegamos al punto donde poder mover la cabeza de la víbora y «comer» los huevos que iban apareciendo aleatoriamente en la pantalla; quedo pendiente que crezca con cada huevo que comía y que al colisionar contra si misma el juego termine.

Usaremos el siguiente razonamiento: cada vez que la vibora coma un huevo se debe agregar un nuevo punto que representa su crecimiento; en algún momento sera una lista de puntos. Es por ello que utilizaremos el objeto ArrayList que agrupara los puntos de la vibora, comenzaremos solo con uno, agregaremos de manera global una variable llamada listaPosiciones:

ArrayList<Point> listaPosiciones = new ArrayList<Point>();

En el metodo startGame() agregaremos las siguientes lineas:

listaPosiciones = new ArrayList<Point>();
listaPosiciones.add(snake);

Será necesario modificar el metodo paintComponent(Graphics g) para que dibuje la vibora acorde a la lista; de paso aprovechamos para incorporar algunas lineas relacionadas a cuando se termina el juego, el metodo queda de la siguiente manera:

public void paintComponent(Graphics g) {
    super.paintComponent(g);

    if(gameOver) {
        g.setColor(new Color(0,0,0));
    } else {
        g.setColor(new Color(255,255,255));
    }
    g.fillRect(0,0, width, height);
    g.setColor(new Color(0,0,255));

    if(listaPosiciones.size() > 0) {
        for(int i=0;i<listaPosiciones.size();i++) {
            Point p = (Point)listaPosiciones.get(i);
            g.fillRect(p.x,p.y,widthPoint,heightPoint);
        }
    }

    g.setColor(new Color(255,0,0));
    g.fillRect(comida.x,comida.y,widthPoint,heightPoint);    
    
    if(gameOver) {
        g.setFont(new Font("TimesRoman", Font.BOLD, 40));
        g.drawString("GAME OVER", 300, 200);
        g.drawString("SCORE "+(listaPosiciones.size()-1), 300, 240);

        g.setFont(new Font("TimesRoman", Font.BOLD, 20));
        g.drawString("N to Start New Game", 100, 320);
        g.drawString("ESC to Exit", 100, 340);
    }

}

Son dos los cambios realizados:
1. El primer consiste en recorrer la lista e ir dibujando los puntos
2. El segundo muestra la leyenda cuando se termina el juego junto con el puntaje y las posibles opciones para continuar.

Ahora solo nos queda modificar el método actualizar() para que cambie las posiciones de los elementos de la lista de manera que se genere cierta continuidad con los puntos; y tambien detecte si existe colision, el metodo queda de la siguiente manera:

public void actualizar() {

    listaPosiciones.add(0,new Point(snake.x,snake.y));
    listaPosiciones.remove(listaPosiciones.size()-1);

    for (int i=1;i<listaPosiciones.size();i++) {
        Point point = listaPosiciones.get(i);
        if(snake.x == point.x && snake.y  == point.y) {
            gameOver = true;
        }
    }

    if((snake.x > (comida.x-10) && snake.x < (comida.x+10)) && (snake.y > (comida.y-10) && snake.y < (comida.y+10))) {
        listaPosiciones.add(0,new Point(snake.x,snake.y));
        System.out.println(listaPosiciones.size());
        generarComida();
    }
    imagenSnake.repaint();

}

Con este ultimo cambio el juego esta completo. Es muy sencillo, es una forma ideal de aprender a utilizar listas en Java.

El link al repositorio en github lo pueden encontrar aqui.