Skip to content

Browser game made using OOP approach, units movement logic was built from scratch and there is an implemented ability to drag and drop them.

Notifications You must be signed in to change notification settings

kr4chinin/game-of-corners-OOP

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Game Of Corners ♟

Introduction

This is a browser game which was made with OOP approach and which has a lot of interesting features to improve user experience. Try this app live on GitHub Pages here.

gameplay

Functionality

Below you can see a pseudo-schema which shows how classes and objects interact:

class schema

In this application i've implemented:

  • Unit movement logic from scratch
  • DnD functionality. Player can use Drag & Drop mechanic to move his units or he can manually select them and choose where to go by clicking on the preferred square
  • Squares where user can go with selected unit are dynamically highlighted
  • Movements log with timestamps at the sidebar and "whose turn now" indicator
  • Modals with win messages and game rules, smooth animations

View

When user enters the app for the first time he will see this message with game rules:

welcoming message

This is the main screen of the game:

main screen

And this is how it will look like after you've played the game a little bit:

game process

Win message:

win message

Tech stack

  • React + TypeScript
  • SCSS
  • Auto-animate

About

Browser game made using OOP approach, units movement logic was built from scratch and there is an implemented ability to drag and drop them.

Topics

Resources

Stars

Watchers

Forks