Coder Social home page Coder Social logo

valorant_randomizer's Introduction

Valorant_Randomizer

It's for educational purpose, I swear! (he lied).

Author: ErosM04

Old version contributors: TmsRvl and Fran4end

What is this?

To run open Randomize.html.

This home-made project is a program that can be used to create on-time random squads for exciting Valorant custom games. The data used by the program, such as agents and maps names and images, are always up to date as they are fetched from the non-official valorant-api.

Home page

The home page Randomize.html consist in a player number selector which is used to specify the amount of players (0 up to 10). For each player an input text form will appear, and the user can then inser the name of the player. Duplicate or empty names can't be inserted (Generate button won't work).

Then there is the agents and maps selection menus. To avoid using an agent or a map, just deselect it. Pay attention! because the amount of agents must be at least half of the length of the players number (e.g. players = 3, length required = 2 or players = 6, length required = 3), each name mustn't be longer then 18 characters and it has to be at least one map (or Generate button won't work).

Using the Generate button the data will be saved in the session and then the browser is redirected to the second page pages/play.html.

Second page

After loading the second page play.html, all the data are randomized.

This page has a central subtitle with the name of the map, the backgroud image is the map image and the center image is the map layout.

Then there are to squads, Defenders (blue on the left) and Attackers (red on the right). Each squad will have the same amount of player (one more if the total is odd), and for each palyer there is a row with the image of the agent and the name of the player.

Finally in the bottom of the page there are 3 buttons, one to re-randomize the squads (and so the agents), one to re-randomize the agents and one to re-randomize the map.

Example when having an odd total amount of players:

Re-randomizing it the squads players number may also change:

valorant_randomizer's People

Contributors

erosm04 avatar tmsrvl avatar

Watchers

 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.