That Paper Game

screenshot of That Paper Game
svelte
vite
tailwind
daisyui

เกมกระดาษ

Overview

That Paper Game is an exciting and innovative online multiplayer game that combines classic tabletop mechanics with modern gameplay elements. Players engage in strategic challenges as they choose their spawn locations, navigate through randomly generated maps, and compete to eliminate opponents by reducing their health points. With a focus on fast-paced action, the game also introduces unique mechanics, such as instakill attacks and the ability to push opponents off the board.

As the game continues to develop, it promises to enhance user experience with features like chat rooms and quick play testing modes. The integration of multiplayer dynamics ensures that friends can join in for an engaging gaming session, while still allowing for personal strategy and tactics to shine.

Features

  • Unique Game Mechanics: Players choose their spawn locations and take turns rolling dice to move, attack, or end their turn, adding a layer of strategy to each decision.
  • Health Reduction System: Each attack reduces an opponent's health points, creating a tense environment where every move counts.
  • Instakill Attack: A special ability allows players to push their opponents into holes, instantly eliminating them from the game.
  • Randomly Generated Maps: The game offers diverse playing environments with randomly generated maps or map presets, ensuring no two games are the same.
  • Online Multiplayer: Players can engage with friends or newcomers in a competitive online setting for maximum fun.
  • Turn Skipping Mechanic: To keep the game flowing, inactive players can have their turn skipped after 15 seconds, maintaining engagement for all.
  • Room Owner Controls: The room owner has the power to manage the game by kicking players, helping to maintain a fair playing environment.
  • Debug Mode for Testing: A special debug mode is included for developers and testers to speed up playtesting and development phases.
svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

daisyui
daisyUI

daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.