How it came to be:

Another Frogging Idle Game is a simple idle game made purely for fun! We were looking for something different than just a regular website and decided on something to challenge us to learn new things in fields we're unfamiliar with, and make something stupidly cute in the process.

What it does

Play as a frog('s tongue) and click on flies to feed them! Rack up points to buy upgrades which helps boost your score to stupidly high amounts. There's no true goal other than to just have fun with it!

How we built it

Most of the script was written in JavaScript, embedded in HTML, and stylized with CSS. We used the Phaser JS package to write most of the graphics, animations, and some of the logic. Fly, tongue, frog, and lily pad sprites were all drawn using www.pixilart.com. However, the sky tile image's origins is unfortunately unclear and unknown.

Challenges we ran into

There were a number of challenges we ran into. None of us had much experience with JavaScript, HTML, or CSS, so taking on a game was quite stressful. We had to learn a whole new framework to fit our needs along with the different languages. Each feature required a lot of research in order to implement, even things as simple as the background and the tongue of the frog.

Additionally, Git was not kind. Having so many people working on a single project at the same time caused quite a few conflict issues, including features breaking entirely upon remembering to pull from the main branch. One of the most frustrating issues with Git would be when pushing and pulling completely refused to work, causing the code to work on one computer, and be completely broken on the others.

Accomplishments that we're proud of

We were pleasantly surprised at how the whole game turned out. Simple features such as the rotating lily pad and idly scrolling "water" was very satisfying to see. However, a favorite would be the tongue sprite. Having the tongue rotate properly and stretch to the mouse's coordinates on click was difficult, but very satisfying once it was done. Also the custom cursor! Simple, but lovely.

On the backend side of the project, making the bugs appear scattered throughout the game at random positions with random rotations was very satisfying. Watching organized rows and columns turn into disorganized beautiful chaos was a difficult and long process, but essential and one we're very proud of.

What we learned

Even the simplest games take a lot of struggle to put together. Along with the various languages we used to create this project, and the struggles of team projects and planning out a whole project from scratch. And also that sleep deprivation sucks.

Share this project:

Updates