Giter Club home page Giter Club logo

elemental4's Introduction

Elemental 4 is a fan made recreation of Elemental 3, built on modern web technologies, and with many client customization features.

Play Live Build

elemental4.net
dev.elemental4.net (development branch)

Development

The game is separated onto two parts: server (server folder) and client (game folder). They are almost two separate projects, but the server is required to be running for the game to work.

The build system was changed last minute, separating the client and server, so it's a crazy mess. I also didn't keep an old copy of this repository, so the first commit is a lot. I also didn't commit useful names. I just want this project out. As of the release, Everything is sloppy. Good luck figuring out anything.

Run the your own server

  • Get node.js & npm
  • npm install -D
  • npm run build-server
  • node gen-env
  • Edit .env with your stuff
  • Run node . to start the server

Develop Server Side

  • Folders: shared, server
  • setup a build of the server
  • npm run watch-server
  • you still have to restart it every time of course
  • As of the client/server separation, the local dev server wont appear in the dropdown by default. You have to add it manually.

Develop Client Side:

  • Folders: everything but ./server
  • ./client.sh: Starts a server on localhost:8000
  • node build-client: builds the client at dist_client, for publishing.

The live server uses voting equations similar to but i change it every so often.

VOTE_THRESHOLD_EQUATION=(5-0.1*voters)+(100^(-hours+1.5)+1.03^(-hours+48))
VOTE_SCORES_EQUATION=-2^(-hours*1.8)+1

SVG stuff designed in figma, see project here

elemental4's People

Contributors

filip-kin avatar nv7-github avatar zolo101 avatar

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.