Add Backgrounds and Parallax System

[Starciad]

Parallax Background Implementation

Introduction

The incorporation of parallax effect backgrounds is a technique that involves the movement of distinct layers at varied speeds, providing an additional sense of depth to the game's environments.

Description

The parallax effect is achieved through the composition of different layers, each containing sprites that move at various speed rates in response to camera movements on the X and Y axes. To intensify this effect, the same background image is rendered three times consecutively and readjusted as the camera reaches certain limits. This creates the illusion of an infinite scenery without significantly overloading the performance of the system in which the game is being executed.

Implementation

The implementation of parallax backgrounds can be carried out following these steps:

1. Parallax Layers: Define different layers with sprites that will have parallax movements. Each layer should have a unique movement speed.

2. Repeated Rendering: Render the same background image three times consecutively, aligning them side by side. This forms the basis for the parallax effect.

3. Dynamic Repositioning: When moving the camera, dynamically adjust the position of the layers according to the defined speeds. This creates the illusion of depth and differentiated movement between the layers.

4. Boundary Management: Implement logic to reposition the layers when the camera reaches predefined limits, maintaining the continuity of the parallax effect.