Giter VIP home page Giter VIP logo

pubg-ui's People

Contributors

danalexander avatar mizx avatar

Stargazers

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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

pubg-ui's Issues

Design Play screen

  • List all regions
    • it's possible for regions to be locked/disabled/not show
  • List squad sizes: Solo, Duo, Squad
    • squad sizes should disable if your party exceeds the number of players
  • Perspective: TPP/FPP
    • icons for third person/first person?
    • one or the other always
  • Play button

Here's current:

image

Design main menu buttons

Need to know how main menu buttons should look.

Different states:

  • normal
  • active/hover
  • disabled (with Coming Soon icon #16)

Future:

  • New icon, eg, new items.

Here's picture of current buttons:

image

Has been installed on the server.

47.52.102.58 front.battlegroundsgame.com
47.52.102.58 prod-live-front.playbattlegrounds.com

Has been installed on the server.
I went into the game and tried it. The effect is not bad.

The author refueling, this is really good.

Display friends list

List of friends will show on the "Friends List" page.

Each friend component will have:

  • Friend's name
  • Steam avatar
  • Invite button
  • Eventually a stats link

Friends list will auto refresh and not require the user to manually refresh.

Mock Websockets Server

We'll be using the debug-server to reverse engineer what's being sent and received with websockets. We should use that information and make a mock websockets server for local development. This will allow us to simulate things like profile data, matchmaking, leaderboards, and whatever else is sent through websockets.

Debug Server

  • Proxy live UI
  • Inject javascript to relay JS logging
  • Integrated Websockets

Update Profile and Party

Minimalize Profile and Party and move to top right corner.

Profile will show your avatar, name, and battle points. Each party member will only have an avatar. If a party member is ready their will be a checkmark overlaying the avatar, and a crown overlaying if leader.

This will persist on all main menu screens.

Installer

Create an app that edits the hosts file.

We'll have 2 options for installing the UI. Editing the hosts file yourself or using a simple installer.

Icons for disabled Main Menu screen buttons

The main menu will have links to routes like /character or /crates but the routes won't be implemented for the initial release. We will either need to disable these buttons or have the routed component have "Coming Soon" of some variation. Regardless of which route we go, we should make sure it's obvious that it's an unimplemented feature and hopefully coming in the near future. If the button is disabled, perhaps have a coming soon icon next to it.

Display versions

Display game version and UI version.

Logo will be moved to top left with version # below it.

Integrate Rewards/Crates

  • Purchase crates using battle points
  • List owned crates
  • Open crates
    • List potential contents
    • Crate opening sequence?

Integrate Character Customization

Required:

  • List character's items
  • Group character's items by type: hat, eyes, mask, torso, outer, hands, belt, legs, feet
  • Equip items
  • Show duplicates in some way

Maybe:

  • Implement link to Crates page

Future:

  • Will need a "Change appearance" screen that allows you to change your gender, skin color, face, and hair. You will want to start that process by opening this screen.

Matchmaking

  • Create matchmaking UI (choose fp or tp, and choose solo/duo/squad, and play button).
  • Find out how current matchmaking works and communicates with websockets and re-create.

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.