Hey there, We are a team of two, Nehal and Vivek

Nehal is a Flutter enthusiast and Developer in Flutter and very active in the Flutter community and events.

Vivek is having good experience in JavaScript and Node.js.

So we took it as a fun project and we knew we are going to enjoy the upcoming challenges.


Vivek: Honestly enthusiasm of Nehal inspired me to join this project.

Nehal: Honestly Vivek's confidence that we could do this inspired me to start.

And we began to build something that was fun and could be played by any age group. And that abides the slide puzzle rules 🙂

What it does

Way for ball

This engaging puzzle game is really simple, but challenging at the same time. The aim is straightforward – guide your ball through the maze to the exit area. The ball will not roll until you have completed the route. To create the route you must move each individual pattern and solve the puzzle. This is exactly the same as the classic jigsaw sliding games, just digital!

Some tiles are movable some are not. One with bolts on them is not movable.

The graphics are smooth, and the puzzles become increasingly difficult. This game tests your skill and logic, and is great fun to play!

How we built it

Flutter was the only choice :D

Challenges we ran into

To begin with, Vivek had no prior knowledge of Flutter so it was our first challenge.

We decided that we are going to make a ball puzzle, writing logic for the ball reaching from one position(circular and linear motion) to another was our second challenge and maintaining the animation of the ball on different screen sizes(after a change in tile sizes) was challenging.

Then we encountered resize issues when PNG aspects were not proper, so we pivoted to SVG.

Flutter is not very rich in SVG so we had to manually create SVG's by writing code for SVG's as we lacked Designer in our team.

Being a JS developer Vivek often found it irritating but managed somehow. We faced challenges to learn Rive, we did some experiments and finally, we were able to put the bird animation.

We added some Lottie animation. But if we keep the "Flutter build rendering to HTML " the Lottie animation was not rendering properly so we pivoted to CanvasKit rendering

Now in CanvasKit rendering, the refresh rate is different for different devices so we compromised the ball speed.

Accomplishments that we're proud of

We are proud that we were able to pull it off and convert our idea into a working game even after facing so many constraints.

What we learned

We learnt a lot about Ball Animation, Using SVG, Lottie, Rive Animation and got to know about a lot of pitfalls in Flutter.

What's next for Way For Ball

  • Adding more levels
  • Add hints
  • Add animations
  • Add theme

Built With

+ 127 more
Share this project:


posted an update

Hi guys! It's not an update.

Just wanted you all to know that we won in "Community Choice" and we are extremely happy. It's a great feeling to win something at this level.

Thank you so much for all the love and support!

Log in or sign up for Devpost to join the conversation.