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

1
  • 0 favoris

Index

Taggé

Fichiers attachés

Les fichiers suivants ont été attachés à ce tutoriel:

.png
.png

event-variable-dialog.png

Télécharger maintenant 39.22 KB
.rar

Statistiques

17,883 visites, 22,023 vues

Outils

Partager

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!