Mi lista de blogs

lunes, 28 de abril de 2025

ALICE

Mi experiencia creando un vídeo y un videojuego en Alice


Durante los últimos cinco días, he estado inmerso en un proyecto creativo que me ha permitido explorar a fondo la aplicación Alice, una herramienta diseñada para facilitar la creación de animaciones y videojuegos de manera intuitiva. En esta entrada quiero contarles cómo ha sido el proceso de elaborar tanto un vídeo animado como un videojuego funcional utilizando esta plataforma.


El inicio del proyecto

Cuando comencé, mi objetivo principal era entender bien el entorno de Alice: cómo se manejan los objetos, las escenas, los eventos y los comportamientos de los personajes. Me tomé el primer día para familiarizarme con la interfaz y repasar algunos tutoriales básicos. La curva de aprendizaje fue amigable, pero requería paciencia para dominar detalles como la coordinación de movimientos y el uso de variables.


Desarrollo del video: "La conversación entre la gallina y la vaca"

Mi primer creación fue un pequeño video animado donde una gallina y una vaca tienen una conversación. Diseñé un escenario campestre y coloqué a ambos personajes uno frente al otro. El reto aquí fue sincronizar los movimientos de los personajes con los diálogos.


Aspectos clave del proceso:

- Programación de diálogos: Utilicé bloques de texto y configuré tiempos de espera para que el intercambio de frases pareciera natural.

- Animaciones: Agregué movimientos de cabeza y gestos sencillos para darle más vida a la escena.

- Detalles ambientales: Para darle más realismo, incluí sonidos de fondo como pájaros y el sonido de una granja.


Este trabajo me permitió entender mejor el manejo del timeline de acciones y la importancia de controlar bien los event triggers.


Creación del videojuego: "La barca esquiva conos"

Después de completar el video, pasé a desarrollar un videojuego sencillo, pero entretenido. El concepto era claro: una **barca** debía navegar y esquivar conos flotantes que aparecían de manera aleatoria.


Fases del desarrollo:

- Diseño del escenario: Creé un río como fondo, posicioné la barca en la parte baja de la pantalla y programé los conos para que aparecieran desde la parte superior y descendieran a diferentes velocidades.

- Controles del jugador: Configuré teclas de dirección para mover la barca hacia la izquierda o derecha.

- Detección de colisiones: Implementé una lógica básica para detectar cuando la barca tocaba un cono, provocando que el juego terminara o se restara una vida.

- Sistema de puntuación: Añadí un contador que incrementaba cada vez que el jugador esquivaba un cono exitosamente.


El mayor desafío fue perfeccionar la detección de colisiones para que el juego fuera justo y dinámico. También fue importante equilibrar la dificultad para que el jugador tuviera un reto creciente.


Reflexión final

En total, este proyecto me tomó 5 días de trabajo continuo. Dividí el tiempo en planificación, aprendizaje de nuevas funciones de Alice, creación de animaciones, programación básica y pruebas constantes para pulir errores.

Trabajar en Alice ha sido una experiencia gratificante: me permitió desarrollar mi creatividad, fortalecer mi pensamiento lógico y disfrutar viendo cómo mis ideas cobraban vida en la pantalla. Sin duda, seguiré explorando más proyectos en esta plataforma.





martes, 14 de enero de 2025

APP INVENTOR

 

Mi experiencia creando una app interactiva en App Inventor


El inicio del proyecto

Durante los últimos cuatro días he estado trabajando en un proyecto muy interesante: el desarrollo de una aplicación interactiva en App Inventor. Se trata de una app sencilla pero divertida que simula una carrera entre dos coches, e incluye varias funciones como botón de inicio, pausa, reinicio y un cronómetro para medir el tiempo de la competencia.

Todo comenzó con la idea de hacer algo dinámico que no solo mostrara movimiento, sino que también permitiera al usuario interactuar directamente y controlar la carrera. Para ello, empecé diseñando la interfaz de usuario, que tenía que ser intuitiva y visualmente atractiva. Colocando dos coches en la pantalla y unos botones grandes para comenzar, pausar y reiniciar, logré crear una apariencia sencilla y funcional.


Programación y funcionalidad

Después pasé a la parte más compleja: la programación de los bloques. Para el movimiento de los coches, utilicé temporizadores que avanzaban la posición de cada coche de forma continua mientras la carrera estuviera activa. Cada vez que el botón de comenzar era presionado, se activaban los relojes de los coches y el cronómetro empezaba a contar. Si se presionaba el botón de pausa, todo el movimiento se detenía junto con el cronómetro, permitiendo reanudar la carrera en cualquier momento. Finalmente, el botón de reset reiniciaba la posición de los coches a la línea de salida y ponía el cronómetro en cero.

Uno de los desafíos más importantes fue hacer que la sincronización entre el movimiento de los coches y el cronómetro fuera precisa. Al principio había pequeños errores, como que el cronómetro seguía corriendo después de pausar la carrera, o que los coches no regresaban exactamente a su lugar al reiniciar. Sin embargo, tras varias pruebas y ajustes finos en los bloques de programación, logré que todo funcionara correctamente.


Pequeños detalles que marcaron la diferencia

Algo que también disfruté mucho fue agregar pequeños detalles que hacían la aplicación más atractiva, como cambiar los colores de los coches o hacer que apareciera un mensaje especial cuando uno de ellos ganaba la carrera.


Reflexión final

Después de cuatro días de trabajo entre diseño, programación y pruebas, puedo decir que fue una experiencia muy enriquecedora. No solo aprendí más sobre el uso de App Inventor, sino que también mejoré mi habilidad para planificar proyectos, resolver errores y tener paciencia en cada etapa del proceso.

Estoy muy contento con el resultado final y motivado para seguir creando nuevas aplicaciones cada vez más complejas.


jueves, 5 de diciembre de 2024

DIA 8-12

 

DÍA 8-12

        

        Miércoles 25/09/24 - Jueves 3/10/24. DIFÍCIL

            

            Estuvimos trabajando con un nuevo programa, Photoshop. Al principio no entendía cómo funcionaba la aplicación, pero poco a poco, junto a un manual de Google, fui adquiriendo conceptos.

            Durante estos cinco días trabajamos con photoshop. En general, fueron bastante ajetreados y necesitaba estar bastante concentrados. Fueron 5 días trabajadores debido a mi ignorancia al principio y la poca familiaridad con el programa.

DIA 7

 DÍA 7

        

        Lunes 22/09/24. Pacífico

            

           Fue un día muy tranquilo. Como ya habíamos terminado la tarea, nos mandaron a buscar fotos para trabajar en el futuro con photoshop.

DIA 6


 DÍA 6

        

        JUEVES 19/09/24. Normal          

            En este día proseguimos nuestra segunda tarea, la cual pude terminar y entregar al final de la clase.

            Junto a mi compañero Juan, el cual me ayudó para poder hacerla mejor y a nuestro gusto.

miércoles, 6 de noviembre de 2024

HTML


TRABAJO DE HTML


RAFAEL PÉREZ SANJUÁN 


EXPLICACIÓN:  Este trabajo consiste en crear una página web desde cero. Para ello, me he informado en una página que redactaba paso a paso cómo trabajar para poder crear esta web.

  1. Como primer paso hay que entrar al programa bloc de notas. Para crear una web HTML hay que empezar añadiendo la fórmula <html> para que el formato sea el que queremos.
  2. Para escribir lo que queramos hay que colocar la fórmula <body>. Luego para añadir un título <TITLE>TITULO </TITLE> es esta fórmula. Siempre utilizamos los signos <> para abrir y </> para cerrar el comando.
  3. Si queremos añadir un fondo utilizamos <BODY BACKGROUND="ENLACE DE IMAGE"
  4. Para la tabla necesitaremos <TABLE> y para acabarla </TABLE>