Muy útiles los anchors!
Conocer los fundamentos técnicos de los videojuegos
Qué aprenderás sobre animación y arte de videojuegos 2D
Entornos de trabajo para juegos móviles
Análisis de juegos
Análisis de legibilidad de videojuegos
Conceptualizar personajes y escenarios del videojuego
Diseño de personajes
Diseño de escenarios
Ideación y definición
Referencias y moodboard
Crear el arte conceptual del videojuego
Construcción de personaje: Silueta
Construcción de personaje: Línea
Construcción del personaje: Color
Diseño de escenarios
Definición del estilo del videojuego
Aplicar principios de animación a un personaje
12 principios de animación
Creación de Sprites
Photoshop para animación
Referencias para animación
Ciclo de Caminado
Preparando assets para Unity
Integrar Assets del videojuego a Unity
Introducción a Unity
Generar Tilesets
Árbol de animación del personaje
Implementación de animación por código
Mover el personaje
Implementar UI responsiva del videojuego
Análisis de UI para videojuegos
Implementación de UI en Unity
Diseño responsivo
Animación de UI
Funcionalidad de botones
Cierre del curso
You don't have access to this class
Keep learning! Join and start boosting your career
Responsive design is essential in modern game development. This concept refers to the ability to automatically adjust images and other visual elements to different screen sizes, such as those of different iPhone models. Adopting a responsive design approach allows games to adapt harmoniously to both an iPhone 5 and an iPhone 10, which have significantly different screen dimensions.
A key component of responsive design is landmarks. These points act as anchors that anchor visual elements to the screen, helping to make the design adaptive.
Containers are a crucial element for handling responsive design. They are used to group elements and ensure their correct adaptation to different screen sizes.
.container { width: 100%; height: auto; background-color: #f0f0f0;}
Testing how your design looks in different aspect ratios helps you to get a more universal design. Although the initial design may be created in a specific resolution such as 16:9, it is crucial to check how it behaves in other configurations such as 4:3.
Once the containers behave correctly, it is time to adjust the internal elements. Make sure that all icons and texts inside are positioned properly.
With a well-implemented responsive design, you will ensure that your games deliver an optimal user experience, no matter what device they are played on. Always keep exploring and experimenting to achieve excellence in your designs.
Contributions 9
Questions 1
Muy útiles los anchors!
Elementos UI en escena ![](
Eso es genial por fin una manera para adaptar a diferentes tipos de pantalla 😄
Muy buenos tips, me hubiesen servido de mucho cuando estaba creando mi primer juego
Responsivo = Imagen que se adapta a cualquier pantalla.
Bien que enseñansa tan buena
porfin me quedo claro, siempre usando plugins y cosas asi para lograr esto y tu lo haces por defecto, muy util!GRACIAS ❤️
Seria mucho mas intuitivo si para hacer paginas web se utilizara una interfaz mas como el estilo de unity en vez de mero código HTML, CSS y Java script
El diseño responsivo se refiere a que toda la UI que tenemos se ajuste automáticamente a cualquier pantalla.
Para ello, usamos contenedores que contendrán a cada elemento de la UI.
Want to see more contributions, questions and answers from the community?