Giter VIP home page Giter VIP logo

rre-spec's Introduction

R3E Reality GT TV Overlay

alt text

As used by:

Changelog

Language Support

  • English
  • French

Getting Started

  1. Install https://nodejs.org/download/release/v8.10.0/ (Recommended Nodejs v8.10.0, choose the .MSI file for Windows).
  2. Run start.bat.
  3. Add -broadcastUrl=http://localhost:9090 in Steam Game launch options.
  4. Open http://localhost:9090 in a browser.
  5. Join a server.

Using UI Toggles

Inside the broadcasting control panel in the browser, there is a settings icon in the top left hand corner. Clicking on this will bring up a popup with toggles and input boxes that can be used to change the appearance and functionality of the UI.

Resolution: Scaling UI Elements

The resolutionScaler.less file contains a config value which allow you to manually increase/decrease UI elements based on your resolution.

Setting the px value to a higher number will increase scaling and setting a lower number will decrease scaling.

Creating Your Own Theme

To create your own theme, its recommended to create a copy of the reality-gt.less file with your theme name. Then start the tool, select the theme from the dropdown and start modifying the less variables.

Select the theme from the dropdown to view the results on screen.

Changing Sponsors Tower Logo

This can be changed per theme by changing the path to the file using the sponsorLogo variable in any theme file in the /theme folder. By default the logos are found in public\img\sponsors. The image dimensions should be 300x80px. You can use any image format like .PNG, .GIF, .JPG etc.

License

The Unlicense.

rre-spec's People

Contributors

tomjackman avatar tommyj1994 avatar

Stargazers

Nikolai V. Chr. avatar  avatar

Watchers

James Cloos avatar Nikolai V. Chr. avatar

Forkers

nikolaivchr

rre-spec's Issues

Standings Tyre Compound Preview

What
Add a preview of the tyre compound to the standings widget.

Why
To get an easy view of which compounds as being used by which drivers,

How

  • Add a preview image of the tyre compound for each driver on their entry line in the standings.

Add Session Lengths to the Event Info Widget

What
Add Session Lengths to the Event Info Widget

Why
It would be useful to see the session lengths.

How
Added session lengths, classes with color indicators, tyre compounds using some data available from the session info API.

r3e.getSessionInfo(function(sessionInfo) {
    /*
    // type can be:
    'Unknown',
    'Practice',
    'Qualify',
    'Warmup',
    'Race 1',
    'Race 2',
    'Race 3',
    'Event Results'

    // phase can be:
    'START',
    'WALKTHROUGH',
    'GARAGE',
    'FORMATION',
    'COUNTDOWN',
    'GREEN',
    'CHECKERED',
    'END'

    // sessionInfo
    {
        "type": "string",
        "phase": "string",
        "timeTotal": "int", //seconds
        "timeLeft": "int" //seconds
    }
    */
});

UI Entry Glitch Switching between Focused Info & Compared Info Widgets

What
When the Driver Info widget is active and you choose the Compare Race widget in the widget list, the compare race UI enters and disappears multi times whilst the driver info widget remains on screen.

Steps to Reproduce

  • Join a race session.
  • Focused on one driver using the driver info widget.
  • Choose the Compare Widget.
  • The glitching should occur.

Documentation

  • How to use
  • How to customize
  • Separate unlinked dev guide for performing updates
  • Support page

Bottom Scroller of Standings

What
Feature request from the forum to add a sliding scroller of standings at the bottom instead of the regular sidebar standings list.

Add new Track Map .SVG's

What
A number of .SVG trackmaps are not available on the newer circuits. Add these to the trackmaps images folder so that the trackmap will work on the newer tracks.

Reduce of Null on Standings Widget

What
Occurs when joining mid session it appears, potentially due to standings being active by default.

Steps to Reproduce

  • Join a race mid session, in very rare cases this error can be thrown. More investigations required.

Driver Info Widget - Slow Rendering of Flag SVG's

What
The SVG's of the country flags are sometimes slow to render along with the other parts of the UI causing a plain background/shadow to be rendered in place of a flag briefly.

Steps to Reproduce

  • Join a MP Server with a larger number of drivers.
  • Turn on the Driver Info widget or Compare Race widget and change through the drivers quickly.
  • The flag of the drivers country can be noticeably slow in rare cases.

Sachsenring Trackmap - Direction of Dots are in the Wrong Direction

What
The trackmap dots are shown incorrectly. Drivers are driving the wrong way by looking at the map, so their position on track is not what it should be.

Steps to Reproduce

  • Join a race session.
  • Open the trackmap, the cars going in the reverse direction on the trackmap.

Profile Widget

What
It would be nice to pull some driver info from the portal to add in a new widget.

  • Name
  • Avatar
  • Team Name
  • Time In Session
  • Distance Driven

Add Countdown on Race Start

What
Create a UI element to show the countdown until race start.

Why
Currently there is no countdown to show when the race is going to begin.

How
Add a new UI element to the Session Info widget that shows a race start countdown indicator.

Enhance Timing UI

  • Add session type, timer to own row.
  • Add image for sponsor (default as RR logo)

Error on Session End

Caught exception: TypeError: this.ee._events.hasOwnProperty is not a function TypeError: this.ee._events.hasOwnProperty is not a function at Ultron.remove (C:\Users\user\Downloads\spectator_2018-08-24\dev\node_modules\socket.io\node_modules\engine.io\node_modules\ws\node_modules\ultron\index.js:80:27) at Ultron.destroy (C:\Users\user\Downloads\spectator_2018-08-24\dev\node_modules\socket.io\node_modules\engine.io\node_modules\ws\node_modules\ultron\index.js:116:8) at WebSocket.cleanupWebsocketResources (C:\Users\user\Downloads\spectator_2018-08-24\dev\node_modules\socket.io\node_modules\engine.io\node_modules\ws\lib\WebSocket.js:851:36) at emitOne (events.js:121:20) at Socket.emit (events.js:211:7) at emitErrorNT (internal/streams/destroy.js:64:8) at _combinedTickCallback (internal/process/next_tick.js:138:11) at process._tickCallback (internal/process/next_tick.js:180:9)

Add Auto-Director Weighting to Yellow Flag

What
Add a new weighting for yellow flags in the auto director.

Why
So the auto director will focus in on yellow flag incidents and possible offenders.

How
Poll the driverInfo pool and look for yellow flags, update the weight per driver.

Animations

What
Add animations on entry/exit for all UI widgets.

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.