Giter Club home page Giter Club logo

toonks-game's Introduction

logo

TOONKS 🕹ī¸

By Nicolas Crausaz, Lazar Pavicevic & Maxime Scharwath

TOONKS is a 3D Multiplayer Game where you can play a tiny tank against your friends. You can play on your browser without any installation.

How to play

Go to https://toonks.com/

Before playing

For the moment, please play only with Chromium-based browsers (Chrome, Edge, Opera, Brave, Vivaldi, etc.). This game is not compatible with Firefox and Safari. For the best experience, please use a powerful computer with a good internet connection. This game use WebRTC to connect players. Your IP can be leaked if you play with a VPN. We are not responsible for any damage caused by this game. Please play responsibly.

Technical details

  • 3D Game
  • Multiplayer
  • WebRTC
  • React
  • Three.js
  • TypeScript
  • Vite
  • TailwindCSS

Network protocol

The network protocol is based on WebRTC and uses the PeerJS library. There is a host and multiple clients. The host is the one who creates the game and the clients are the ones who join the game.

How to run the project

You need to have Node.js installed on your computer

# yarn install
# yarn dev

toonks-game's People

Contributors

lazzzer avatar maxscharwath avatar nicrausaz avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

toonks-game's Issues

Lags when shooting

When an explosion is spawned sometime a lag appears.

It happens at the beginning of the game and I guess it's from the lights.

Safari compatibility

The game doesn't work on Safari because the chunk system is based on WebWorkers and uses OffscreenCanvas but this is not compatible with Safari yet.

One solution is not to use WebWorker on Safari but it will add some lags when loading chunks.

Another solution is to find a polyfill to replace OffscreenCanvas

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤ī¸ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.