https://github.com/simonkarman/voromulti

A multiplayer Voronoi diagram
https://github.com/simonkarman/voromulti

Last synced: 1 day ago
JSON representation

A multiplayer Voronoi diagram

• Host: GitHub
• URL: https://github.com/simonkarman/voromulti
• Owner: simonkarman
• Created: 2023-10-15T20:09:17.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-09T21:44:08.000Z (over 1 year ago)
• Last Synced: 2024-03-14T20:36:03.545Z (11 months ago)
• Language: TypeScript
• Size: 284 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Voromulti

In this interactive experience a [Voronoi diagram](https://en.wikipedia.org/wiki/Voronoi_diagram) is displayed where each site is controlled by one of the connected users.

> Created by [Simon Karman](https://www.simonkarman.nl) implemented using [Krmx](https://simonkarman.github.io/krmx) and [D3](https://github.com/d3/d3-delaunay).

![Voromulti Showcase](voromulti.png)

## Modules

- **[server](./server)** - The NodeJS application containing the server-side logic

- **[client](./client)** - The React web application contain the ui and client-side logic

## Getting Started

In the server directory run:

```bash

npm install

npm run dev

```

Keep the server process running and then, in the client directory run:

```bash

npm install

npm run dev

# open the application on localhost:3000

```

## Implementation

This application allows multiple users to interact with the Voronoi diagram in real-time. Each user's mouse location controls a site on the diagram, creating a unique and dynamic visual experience.

The application is built with a NodeJS server handling the backend and a React frontend for the user interface. It uses the [Krmx](https://simonkarman.github.io/krmx) library for the websocket based networking and [D3](https://github.com/d3/d3-delaunay) for Voronoi diagram generation.