Shlizer / hex-wars

Example game in hex using js, electron and canvas

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hex Wars

Description

It's my test project on making JS desktop game. Basically im using React for UI (first time with Typescript so it can be clunky), Electron for app features and Canvas for rendering. It'll be basically simple hex-based strategy game =)
This technology isn't for this kind of stuff, but it's fastest way to do something that can be called 'game' and it won't be another snake or tick-tack-toe =p

Game mechanics

All game mechanics and basic info about project are stored in docs folder.

Usage

For now I only mostly use dev mode (so production build can sometimes got errors), so just clone, get npm/yarn to install dependencies and go for yarn dev. Tested on Win8.1, Win10 and Ubuntu18, but it should also run on Mac's.

ToDo

  • Get program window working
  • Map selection
  • Draw map with multiple layers
  • Generate grid for hexes
  • Create animated mouse icons
  • Look around map (draggable)
  • Hex hover and select
  • Scale map (mouse wheel)
  • Pathfinding (considering path points)
  • Drawing object (like buildings and units)
  • Color buildings and units with player colors
  • Hot-seat mechanic
  • Win and lose condisions

Screens

Window is small only for presentation.

Screen 1 Screen 2

Author, contribute and license

Author: Krzysiek 'Shlizer' Hinc
Contribution: none for now
License: MIT

About

Example game in hex using js, electron and canvas

License:MIT License


Languages

Language:TypeScript 70.6%Language:JavaScript 22.8%Language:CSS 5.2%Language:HTML 1.4%