Ties is a physics-based arena (puzzle?) game built using HTML, CSS, and JavaScript.

Two balls, one controlled by you, and one by an AI, bounce around inside a circular arena.

Each time a ball hits the arena’s boundary, it creates a glowing “tie”, a line tethered between the point of impact and the ball.

I also used the web audio API to create a unique sound upon each bounce! And also used the API to create a sound for the tie cut!

Your goal?
Cut all of your opponent’s ties before they cut yours.

Play at: https://irtaza.xyz/Ties

• The arena is a perfect circle.
• There are two balls:
  • 🟢 Player Ball: controlled by you.
  • 🔴 Enemy Ball: moves randomly.
• When a ball bounces off the arena’s edge, it forms a tie.
• You can cut enemy ties by colliding with them.
• If all your ties are cut, you lose.
• If the enemy’s ties are cut first, you win!

If playing on a mobile phone, swipe in the direction you want to move, when the ball glows!

Every 5 seconds, your ball briefly glows, and that’s when you can change direction.
Between direction windows, your ball continues moving in its last chosen direction..

• Time your direction changes carefully — you can’t turn anytime!
• Use the arena’s bounce to your advantage.
• Aim to slice through the AI’s ties while keeping yours safe.