This project is obsolete.
It has been superseeded by NesTrisChamps
NesTrisStatsUI is a project to render NES Tetris. It runs by processing Tetris data reported by NESTrisOCR.
When we have Tetris data, the tetris game can be re-rendered with custom layouts, and various statistics can be computed. When multiple player data are used, a competition UI can be built with score differential, etc.
NEStrisStatsUI provides many templates implemented in HTML+CSS+JavaScript at 720p resolution. This allows the templates to be dropped easily in OBS or StreamLabs as browser sources, and then adding player video stream or other sources on top of it.
Documentation for sections of that UI is here
1 game demo video here
Includes score differentials, difference in number of tetrises, tetris rate computation, and running tetris rate.
UI "inspired" from, and improving on, CTJC's layout.
1 game demo video here
Here's a demo of my playing from the renderer itself (it's harder than it looks because rendering runs 2 frame behind)
The 2 semi finals and the final match of CTWC 2019's Invisible Tetris Competition have also been rendered with this renderer for demo, as seen from the links below:
- Historical game score tracking in local sqlite3 DB
- Connection to twitch channel to extract chat in real time, (optionally with voice)
- Connection to google voice or OSX
sayto speak chat entries- Voices are assigned randomly to a chat user and reused for that user for consistent conversation
- Lots of stats for the ongoing game:
- Lines/Scores
- Transition Score (first level change)
- Tetris Rate / Burn counter
- Efficiency
- Running Tetris rate which indicate the singles/doubles/triples/tetris taken
- Drought counter
- Piece distribution with drought representation for all pieces
- Occurence rates for Singles/Doubles/Tripes/Tetris (Last one being Tetris Rate)
- Point tracking per SoftDrop/Single/Doubles/Triples/tetris with their percentage contribution to the total score
- Height and state or board (Clean Slope, Tetris-ready, Double Well)
- git clone project
npm install- copy
config.example.jstoconfig.jsand edit the values according to what you need
You need a twitch oauth token to be able to connect to chat. Get started here
To use Google Voice, you need a Google account and you need to export your google credentials as an environment variable before runnng the server.
Install and configure NESTrisOCR to capture your local Tetris gameplay (window for emulators, openCV preferably for NES video capture)
Notes:
- The current
NEStrisStatsUIworks with a custom fork ofNESTrisOCRto support Das Trainer. That version is no yet public - A version of
NEStrisStatsUIto work with VanillaNESTrisOCRis in the works
Make sure you configure NEsTrisOCR to send th
- Run NESTrisStatsUI:
npm run start - Run NesTrisOCR:
python3 main.py - Open in Browser
http://localhost:3000/skin_das_trainer.html
You should be able to verify see the tetris gaeplay being re-rendered
The 2 layouts skin_das_trainer.html and competition_layout1.html are designed to be displayed at exacly 1280x720 (i.e. 720p).
In OBS:
- set the canva size fo 1280x720
- Add a browser component, at exactly 1280x720, make it load the resource
http://localhost:3000/skin_das_trainer.html
If you have a webcam, set a video overlay to match the layout slot.
To run and stream, repeat the steps 1, and 2 above, but replace step 3 by
- Run OBS
TODO
Note: This repo is built by myself for myself. Meaning it works, but setting up and troubleshooting is a pain, much of the code is copy/pasted between templates, and there's no documentation on the servers, ports, etc. At some point I will make it clean to allow people to use it easily, and to contribute to it easily, but there's no ETA for that.
The project contains a competition layout where 2 OCR streams can be sent to individual ports and rerendered.
So far only the score differential, tetris rate and running tetris rate are supported for both players
- Capture device: EasierCap