Giter Site home page Giter Site logo

essential-score's Introduction

Essential Score

A nodeCG overlay and scoreboard for teamfortress 2 and EssentialsHUD.

To use, simply mount in the bundles directory of your nodeCG instance example nodecg/bundles/essential-score

About:

essential-score is an ongoing project to graphic a production graphics package for tf2 that's free to use, open source, and when complete, be adapted to any hud. Currently, most if not all production graphics packages for tftv are close source, RGL and KritzKast use a licensed hud and both have proprietary nodeCG packages, TeamfortressTV uses a proprietary hud and nodeCG packages, CappingTV as well. The Essentials.tf team created EssentialsHUD and CastingEssentials, 2 open source projects to make it easier to produce, with CastingEssentials being based on some older camera plugins and EssentialsHUD being a somewhat simple to use casting hud that anyone can use.

The problem is that while huds and plugins are nice, there are still a lot of limitations to what you can do presentation wise in-game for a casted match. That's where NodeCG comes in, NodeCG allows for easy use of production graphics by running them as webpages, allowing for production quality that a decade ago only a few organizations and groups on the internet would be able to do without having to pay a lot of money for industry and commercial grade software, The tf2 production community uses NodeCG to this day to run graphics. However, while NodeCG is open source, most production packages for tf2 are not. Thats why I created this projec.

A TF2 production package that anyone can use, clone, edit, share, maintain. Because finding people who know how or want to produce casts is already challenging enough, but finding people to create graphics packages is even harder.

What's included:

With the current version of essential-score you recive the following features:

  • A scoreboard with the ability to customize the team names and colors on the scoreboard
  • A roster lineup graphic allowing the end-user to easily showcase rosters(6v6 only)

Plans for the future:

In future releases of essential-score I plan to include the following:

  • A very simple lower third graphic
  • The ability to add team logos and profile pictures
  • Logs.tf integration allowing the producer to easily take logIDs from logs.tf and display them on screen
  • Head 2 Head Graphics allowing to producer to show comparisions between individual players
  • Info Boxes, allowing the producer to quickly display info on stream for users to see
  • Animations for graphics to create a more Dynamic viewer experience
  • Additional Customization Options to allow the production team to more easily tailor the bundle to their hud or needs.
  • More detailed documentation so that anyone who wants to use or modify this project will be able to with ease.

Notable users of essential-score

  • Fireside Casts
  • TF2 Coaching Center(who I originally developed this overlay for)

Special Thanks

  • Special thanks to erynn who helped me in originally developing this bundle, especially with fixing me javascript and organizing the code and github to be a lot more organized.
  • Special thanks to the crew at TF2 Coaching Center for providing feedback on the initial design and color schemes
  • Special thanks to Antlers and Fireside casts who are currently using the project for their productions
  • Mitch and Wiethoofd for providing feedback while writing the CSS of this project

essential-score's People

Contributors

erynnb avatar themicrocheeze avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

erynnb

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.