Efecto de Paralaje con 4 capas para Construct2 edición libre

1
  • 0 favourites

Index

Tagged

Attached Files

The following files have been attached to this tutorial:

.png

event-group-dialog.png

Download now 28.72 KB
.png

event-variable-dialog.png

Download now 39.22 KB
.rar
.rar

parallax-effect.rar

Download now 998.41 KB

Stats

17,770 visits, 21,714 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Parámetros de paralaje

En el lado izquierdo de la pantalla, podemos ver las propiedades de cada objeto que elegimos, necesitas seleccionar y editar los siguientes parámetros del efecto de paralaje en cada capa, puedes hacer esto antes o después de agregar los fondos, realmente no importa el orden.

BG1-----0,0

BG2-----15,15

BG3-----100,100

Para poder crear un buen efecto, necesitas ajustar el fondo de las imágenes en transparencia o sin color cuando las estés editando, en los archivos que te di, puedes revisarlo.

Así mismo en el panel de propiedades, necesitas cambiar el "Transparent parameter" a YES, solo para las capas 1 y 2.

De otro modo no podrás visualizar las diferentes imágenes en cada capa.

Siéntete libre de cambiar los valores de paralaje como tú desees, para que puedas ver los resultados en vivo debes dar clic en Editor Properties, que se encuentra en la parte inferior de la sección Layer properties y selecciona YES para la opción Parallax in editor, esto es para las 3 capas de BG.

Ahora desplaza la barra horizontal, deberías ver algo como esto:

En la medida en la que mueves la barra horizontal, las imágenes de fondo se mueven a una velocidad diferente, para lograr el efecto completo, necesitas ajustar las imágenes de las capas BG2 y BG3 a una anchura de 6000. Como es un tiled Background (fondo cuadriculado) se repetirá indefinidamente.

NOTA: Cuando tratamos de agregar una imagen o un gráfico más amplio de 1024 pixeles, Construct 2 lanzara un aviso sobre el rendimiento del navegador web, por eso, te sugiero ser cuidadoso cuando diseñes tus gráficos.

  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!