A Web Game Based on Canvas API Built with Vue.js

Vaccination Game

A web game based on Canvas API built with Vue.js.

You can check the LIVE project here.

About this project

The idea of the game is to show a minimalist and entertaining way of how to eradicate a disease in a population.

Why?

This project is part of my personal portfolio, I’ve dedicated this project to learn the fundamentals of canvas drawing, animation, and user/object interactions.

I’ll be more than happy if you could provide me any feedback about the project, code, code structure, and so on!

Connect with me at LinkedIn.

Some notes about the project

1 - “Keep it simple” was one of the goals that I had in mind while developing.

2 - The game was designed using a color palette inspired by an artwork made by Rudi Hartono.

Getting Started

Prerequisites

To run this project in the development mode, you’ll need to have a basic environment to run a Nuxt.js application, which can be found here.

For a detailed explanation of how Nuxt.js works, check out Nuxt.js docs.

Installing

Cloning the repository

$ git clone https://github.com/claudiobonfati/vaccination-game.git

$ cd vaccination-game

Installing dependencies

$ npm install

Running

With all dependencies installed and the environment properly configured, you can now run the project:

$ npm run dev

Access the application at http://localhost:3000/vaccination-game/.

Download Details:

Author: Claudio Bonfati - claudiobonfati
The Demo/Documentation: View The Demo/Documentation
Download Link: Download The Source Code
Official Website: https://github.com/claudiobonfati/vaccination-game
License: This project is licensed under the MIT License.

#vue #api #html #game-development