Skip to content

Add Dynamic Background with Parallax Effect#62

Merged
FOSSCLUB-LBSITW merged 4 commits into
FOSSCLUB-LBSITW:mainfrom
DIYA-BHATT29:background-ani
Mar 7, 2026
Merged

Add Dynamic Background with Parallax Effect#62
FOSSCLUB-LBSITW merged 4 commits into
FOSSCLUB-LBSITW:mainfrom
DIYA-BHATT29:background-ani

Conversation

@DIYA-BHATT29
Copy link
Copy Markdown
Contributor

📌 Description

This PR enhances the visual experience of the Flappy Bird game by introducing a dynamic background system. The background now includes animated clouds, moving mountains, and a gradient sky that transitions from day to evening to night as the player's score increases. A smooth parallax effect is implemented to create depth and make the gameplay feel more immersive.

🔗 Related Issue

Closes: #49


🛠 Changes Made

Added animated cloud layer with smooth horizontal movement.
Implemented moving mountain layer to create a parallax depth effect.
Added gradient sky that transitions from Day → Evening → Night based on player score.
Introduced a new background rendering function to draw sky, clouds, and mountains before other game elements.
Ensured the new background system integrates without affecting existing gameplay mechanics.

📷 Screenshots (if applicable)

image

✅ Checklist

  • [✅ ] I have tested my changes
  • [ ✅] My code follows project guidelines
  • [ ✅] I have linked the related issue

@FOSSCLUB-LBSITW
Copy link
Copy Markdown
Owner

Hi @DIYA-BHATT29, thanks for the contribution! The PR looks great, but there is a merge conflict in script.js with the main branch. Could you please resolve the conflict and update the branch so we can proceed with the merge?

@FOSSCLUB-LBSITW FOSSCLUB-LBSITW merged commit a7be1ec into FOSSCLUB-LBSITW:main Mar 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add Dynamic Background Images with Smooth Parallax Effect

2 participants