top of page

TUTO -01b : PARALLAX

Ce tuto vous propose créer un effet graphique pour donner l'illusion de profondeur à vos jeux 2D.

Le principe étant de superposer plusieurs images dynamiques (décors) en arrière plan de manière de donner le sentiment de perspective.

Dans notre exemples, nous proposons de réaliser un défilement automatique de  l'image.

imprim_1ba.jpg

1°- Ajouter les nœuds ParallaxBackground et Background

Dans l'onglet Scène, sélectionner "+" pour ajouter les nœuds correspondants:

°ParallaxBackground

°Background

°Sprite

imprim_1bb.jpg

2°- Ajouter vos Sprites

En sélectionnant le nœud Sprite, vous pourrez inserer votre image dans "texture" de l'onglet" Inspecteur"

imprim_1bc.jpg

3°- Attacher un script

Il vous faudra créer un script. Faites un clique droit sur votre souris sur "Background" pour afficher un menu déroulant.

Sélectionner "Attacher un script".

imprim_1bd.jpg

4°- Le script

extends ParallaxLayer

func _ready():

    pass 

func _process(delta):
   motion_offset += Vector2 (-5,0) * delta

    print ('parallax en X', motion_offset, 'pixel')

imprim_1be.jpg
bottom of page