Browser game

• 

  Home Screen

• 

  Mission Screen

• 

  Mission 1

• 

  Mission 2

• 

  Mission 3

• 

  Mission 4

• 

  Arsenal

• 

  Login Screen

• 

  Registration Screen

Inspiration

We were inspired by the game Travian and wanted to create a strategical browser game with the little knowledge we had.

What it does

When the user enters the sight there is a login page where they can register an account so their progress is saved. Its purpose is for entertainment, the game revolves around expanding your territory as a gang leader, building factions with other players and climbing the leader board, while being able to attack and loot other players on the server. Completing a limited amount of generated missions per day will result in earning money and levels which can unlock new weapons and better-skilled troops.

How we built it

We first had to set up an environment where we could test and run our game. We did this using Apache so the php files would run. We then created the database using MySQL and built a login page where users could create their own account and login with correct credentials. After the login page was set up we created our assets using photoshop and designed the UI of our game. Using css and javascript we created a UI that can be easily used. Then we connected the player level and amount of money they have to the database under the correct account so progress was no lost when you logged out.

Challenges we ran into

The first initial 10 hours were difficult, we kept running into issue after issue as we lacked knowledge in certain areas. Once we surpassed this, building the web app started being a lot of fun.

Accomplishments that we're proud of

The textures are surprisingly pretty, considering we built them on a 32x32 photoshop grid, and the overall feel of the product is something we really like.

What we learned

We learned how to work with PHP and build a web-server SQL database, including the web-server to run the PHP on, and how to integrate it into web code. We've also developed our knowledge in javascript and found new ways in which it is possible to build web layouts.

What's next for Browser game

Adding more game features such as risk factor on generated missions, which will add a cost to performing a more high-risk high-profit mission compared to a lower-risk less-profit one. HTML5 combat minigames are also a nice feature we would like to integrate to make attacking more fun.

Built With

• css
• html5
• javascript
• php
• sql