Ahora que podemos ver a nuestro personaje en el editor, tenemos que darle una forma, con la que podrá interactuar y colisionar con el mundo y sus elementos. Para añadir esta forma, crearemos un nodo CollisionShape2D como hijo de nuestro CharacterBody2D.

Para crear una forma, buscaremos la propiedad Shape en el apartado de propiedades de nodo, localizada en la parte derecha del editor.

Al intentar crear un recurso de forma, veremos un listado con multiples opciones, quizá demasiadas, pero ¡No te abrumes! Pues en la mayoría de casos solo necesitaremos de tres opciones:

• CircleShape2D: Un circulo
• RectangleShape2D: Un rectángulo
• CapsuleShape2D: Una capsula

Siéntete libre de probar y experimentar con cualquiera de estas opciones.

Una vez tengamos esta forma, nuestro personaje estará listo para interactuar con el nivel que diseñemos

Para finalizar con la preparación de nuestro personaje, necesitaremos una cámara que siga al jugador mientras se mueve por el nivel. Creemos un nodo Camera2D como hijo de nuestro CharacterBody2D. Para nuestra suerte, la cámara de Godot funcionara automáticamente, sin necesidad de código u otro ajuste.

Sin embargo, podemos activar el suavizado de posición encontrado en el panel de propiedades de nodo localizado en la parte derecha del editor, esto hará que nuestra cámara se vea mucha mas fluida al moverse

Ya tenemos la base de nuestro personaje construida, ahora, solo necesitamos aplicarle lógica a nuestro personaje para que lo podamos controlar. Por el momento, solo realizaremos la lógica de movimiento y de salto básico.

Para crear un nuevo archivo de código y asignarlo a nuestro personaje, presionaremos el botón de añadir Script localizado en la barra superior de nuestro editor de escena, donde se abrirá una nueva ventana de creación de Script, nosotros no necesitaremos un template u otra opción, asi que podemos presionar Create para crear y abrir nuestro código:

Una vez creado nuestro archivo de Script, se nos redireccionará automáticamente al editor de código de Godot, donde veremos esta unica linea de código:

                                
                                    extends CharacterBody2D 
                                
                            

Esta unica linea de código nos dice algo ¡muy importante! al extender el nodo de CharacterBody2D , estamos construyendo nuestro propio nodo a partir del nodo ya creado, siguiendo esta lógica, todos los elementos que creemos en Godot para nuestro juego, serán pequeñas construcciones creadas a partir de los bloques que nos de el programa, y asi mismo, estas pequeñas construcciones serán los bloques de lo que sera nuestra construcción, es decir, nuestro juego.

A continuación, empezaremos nuestro código estableciendo todas las variables que usaremos en el jugador.

                                
                                    #Bloque de variables
                                    var gravedad = -9.8
                                    var rapidez = 150
                                    var salto = 250
                                
                            

Luego, usaremos una función nativa de Godot, _physics_process(delta), la cual se ejecuta cada frame, para nosotros, cada 0.0617 segundos, para aplicar la fuerza de gravedad sobre el personaje

                                
                                    #La función de physics_process() se ejecuta cada frame
                                    func _physics_process(delta: float) -> void:
                                        #Esta función hará que nuestro personaje tenga físicas 
                                        move_and_slide()

                                        #Aplicaremos constantemente la fuerza de gravedad sobre el personaje
                                        velocity.y += gravedad
                                
                            

Ahora, crearemos un salto básico añadiendo este bloque de código dentro de la función de physics_process

                                
                                    #Si el jugador unde la tecla de salto y el personaje esta en el suelo, añadiremos la fuerza de salto
                                    if Input.is_action_just_pressed("salto") and is_on_floor():
                                        velocity.y = -poder_salto
                                
                            

Y luego, añadiremos una lógica de movimiento hacia la derecha e izquierda dentro de physics_process.

                                
                                    #Bloque de código para movimiento horizontal
                                    #Normalizaremos la velocidad horizontal a 0 si no hay ninguna tecla presionada
                                    velocity.x = 0
                                    #Cuando presionemos a la izquierda, sumaremos 
                                    if Input.is_action_pressed("izquierda"):
                                        velocity.x += rapidez
                                    if Input.is_action_pressed("derecha"):
                                        velocity.x -= rapidez
                                
                            

Hemos terminado con el funcionamiento básico de nuestro personaje! Si has usado el nodo AnimatedSprite2D para crear las animaciones, este es el momento de usarlas! Añade este código a physics_process

                                
                                #Si el personaje esta quieto, entonces reproducirá la animacion de caminar
                                if velocity.x != 0:
                                    $AnimatedSprite2D.play("caminar")
                                #De lo contrario, cuando el personaje este quieto, reproducira la "animación" de idle
                                else:
                                    $AnimatedSprite2D.play("idle")
                                
                            

Adicionalmente a esto, podemos modificar el bloque de movimiento horizontal del personaje para que gire hacia la derecha e izquierda.

                                
                                    #Bloque de código para movimiento horizontal
                                    #Normalizaremos la velocidad horizontal a 0 si no hay ninguna tecla presionada
                                    velocity.x = 0
                                    #Cuando presionemos a la izquierda, sumaremos 
                                    if Input.is_action_pressed("izquierda"):
                                        velocity.x += rapidez
                                        $AnimatedSprite2D.flip_h = true
                                    if Input.is_action_pressed("derecha"):
                                        velocity.x -= rapidez
                                        $AnimatedSprite2D.flip_h = true
                                
                            

Y con esto, todo el codigo del personaje se vera asi:

                                
                                    extends CharacterBody2D

                                    #Bloque de variables
                                    var rapidez = 100;
                                    var poder_salto = 250
                                    var gravedad = -9.8

                                    #La función de physics_process() se ejecuta cada frame
                                    func _physics_process(delta: float) -> void:
                                        #Esta función hará que nuestro personaje tenga físicas 
                                        move_and_slide()

                                        #Aplicaremos constantemente la fuerza de gravedad sobre el personaje
                                        velocity.y += gravedad
                                        
                                        #Si el jugador unde la tecla de salto y el personaje esta en el suelo, añadiremos la fuerza de salto
                                        if Input.is_action_just_pressed("salto") and is_on_floor():
                                            velocity.y = -poder_salto
                                        
                                        #Bloque de código para movimiento horizontal
                                        #Normalizaremos la velocidad horizontal a 0 si no hay ninguna tecla presionada
                                        velocity.x = 0
                                        #Cuando presionemos a la izquierda, sumaremos 
                                        if Input.is_action_pressed("izquierda"):
                                            velocity.x += rapidez
                                            $AnimatedSprite2D.flip_h = true
                                        if Input.is_action_pressed("derecha"):
                                            velocity.x -= rapidez
                                            $AnimatedSprite2D.flip_h = false

                                        #Bloque de animación
                                        #Si el personaje esta quieto, entonces reproducirá la animacion de caminar
                                        if velocity.x != 0:
                                            $AnimatedSprite2D.play("caminar")
                                        #De lo contrario, cuando el personaje este quieto, reproducira la "animación" de idle
                                        else:
                                            $AnimatedSprite2D.play("idle")