School commissioned me and my team of 3 people to make a browser game.
This game had a number of requirements that were determined at random.
Our game had to be educational for the target group of primary school children aged 8 to 10 years.
The subject of the game had to be evolution and we had to use the scarcity learning method.
Then an X-factor has to be processed, this one was ins case: cats.
With my team I asked children at a primary school in Rotterdam a number of questions in order to come up with a concept for a game. I researched platforms to make the game in and that's how I came up with Phaser.
The concept we came up with was to show the evolution of a fish. We then opted for a catfish to integrate the X factor in a fun way.
In the game you have to eat other fish to evolve yourself. You can evolve yourself in different areas and with each evolution you learn about what it does and what effect it has. At the end of the game you see the fish go on land and turn into a cat. This is sort of a comparison of the organisms that went out of the ocean onto land. When you have completed the game you unlock a bonus level where the fish swims in space. This was our easter egg.
I've been researching browser game frameworks. For example, I made a demo in Pixi.js and Phaser.js.
After making the choice to use Phaser, I kept myself busy with the game logic and creating all assets. I made different backgrounds for the game with Photoshop.
For the game logic I wrote code to be able to evolve the fish, collect points and make all external influences on the fish such as lives, temperature effects, depth effects etc.
I also kept myself busy with the user interface and the HUD.
Learn to make browser games with a framework.
Create game assets with Photoshop
The code for this project can be found on my GitHub Katvis Evolutie