Effetto di parallasse in 4 layers con Construct2 Free edition

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

Contributors

Stats

7,455 visits, 10,946 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.

Parametri della parallasse

Sul lato sinistro dello schermo possiamo vedere le proprietà di ogni oggetto che scegliamo:

devi selezionare e modificare i seguenti parametri dell'effetto di parallasse per ogni layer,

puoi farlo sia prima che dopo aver aggiunto lo sfondo, non importa l'ordine.

BG1-----0,0

BG2-----15,15

BG3-----100,100

Per poter avere un buon effetto, è necessario impostare lo sfondo senza colore o trasparente, nel file scaricato puoi vedere questa modifica.

Quindi nel pannello delle proprietà devi cambiare "Transparent parameter" su YES, solo per i layer 1 e 2.

Altrimenti non si vedranno mai le immagini di sfondo su layer diversi.

Sentiti libero di cambiare i valori della parallasse come vuoi. Se vuoi vedere come cambia, seleziona Parallax in editor in Editor Properties e scegli Yes per i 3 layer.

Spostando la barra orizzontale vedrai qualcosa del genere:

Muovendo la barra orizzontale, le immagini di sfondo si muovono ad una velocità differente. Per avere l'effetto completo con le tue immagini, cambia la larghezza di BG2 e BG3 a 6000. Essendo un tiled Background(sfondo "piastrellato") l'immagine si ripetera all'infinito.

NOTA: Quando si prova ad aggiungere una immagine più grande di 1024 pixel, Construct 2 ci darà un avviserà circa le prestazioni del browser web, quindi ti suggerisco di

  • 0 Comments

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