Arrière-plan

Sullivan

1. Charger des images

   load.js

   const PNG = [
     'layer1',
     'layer2',
     'layer3',
     'layer4',
     'grass',
   ];

2. configurer les niveaux

   config.js

   const LEVEL_CONFIG = {
     background: {
       gradient: {
         colors: [
           '94d8ff',
           'b887c4',
           '4a4d8c',
           'b887c4',
         ],
         speed: 0.1,
       },
       images: [
         {
           image: 'layer1',
           scaling: 1,
           movement: 0.1,
           speed: 0.1,
           angle: 90,
         },
         {
           image: 'layer2',
           scaling: 1.6,
           movement: 0.1,
           offsetY:0.5,
           offsetX:0.25,
         },
         {
           image: 'layer3',
           scaling: 1.2,
           movement: 0.3,
           speed: 0.005,
           angle: 0,
         },
         {
           image: 'layer4',
           scaling: 1.6,
           movement: 0.6,
         },
       ]
     },
     tileWidth: 64,
     tileHeight: 64,
     backgroundColor: 'afe1ff',
     gravity: 3200,
   }

Ressources

• layer1.png
• layer2.png
• layer3.png
• layer4.png