ESEA Match Stats on stream

#1

atmo

38 Frags – +

blah blah browser source plugin blah

Removes all the crap from the ESEA page apart from the title and main stats table. Centres the content horizontally.

CSS: http://pastebin.com/8CPk48b3

Result:

http://i.imgur.com/Q4a7tUJ.png

Edit:

latest

http://omg.wthax.org/tftv_css_jq_4.png

[url=/forum/thread/8513/1]blah blah browser source plugin blah[/url]

Removes all the crap from the ESEA page apart from the title and main stats table. Centres the content horizontally.

CSS: http://pastebin.com/8CPk48b3

Result:

[img]http://i.imgur.com/Q4a7tUJ.png[/img]

Edit:

latest

[img]http://omg.wthax.org/tftv_css_jq_4.png[/img]

#2

tehh4ck3r

2 Frags – +

Your 1st link is broken

#3

alec_

0 Frags – +

looks nice

#4

freakin

3 Frags – +

love it

#5

jodd

1 Frags – +

atmo carrying

#6

atmo

19 Frags – +

Haven't tested it in OBS, but it should look something like this on the TFTV stream if you line it up right (set browser to 1280x480 displaced 120px from top)

http://i5.minus.com/iS2tbNro5Rebo.png

Somebody confirm if it works for them so this doesn't end up like that twitch chat thing :( sorry lange

Haven't tested it in OBS, but it should look something like this on the TFTV stream if you line it up right (set browser to 1280x480 displaced 120px from top)

[img]http://i5.minus.com/iS2tbNro5Rebo.png[/img]

Somebody confirm if it works for them so this doesn't end up like that twitch chat thing :( sorry lange

#7

foster

3 Frags – +

wow that looks pretty

#8

dan_c

3 Frags – +

based atmo

#9

KAMO

0 Frags – +

Any way this can be integrated into the casts for select, live updating stats?

#10

truktruk

7 Frags – +

thanks a bunch for this! i'll test it out when i get home

#11

atmo

0 Frags – +

KAMOAny way this can be integrated into the casts for select, live updating stats?

I'm sure it can. The Browser plugin is so powerful with its custom CSS ability.

Btw the way that I tested this was using Firefox's Web Developer Tools. I'm sure Chrome has something similar, and it would probably be better to work on these kind of things using Chrome since the web browser plugin is based on Webkit much like Chrome (well, Blink).

In FF, right click the page object that you want to modify, select Inspect Element, then create a new style in the Style Editor.

I used the Responsive Design Viewer to set my window to 1280x720 to emulate a 720P stream.

[quote=KAMO]Any way this can be integrated into the casts for select, live updating stats?[/quote]
I'm sure it can. The Browser plugin is so powerful with its custom CSS ability.

Btw the way that I tested this was using Firefox's Web Developer Tools. I'm sure Chrome has something similar, and it would probably be better to work on these kind of things using Chrome since the web browser plugin is based on Webkit much like Chrome (well, Blink).

In FF, right click the page object that you want to modify, select Inspect Element, then create a new style in the Style Editor.

I used the Responsive Design Viewer to set my window to 1280x720 to emulate a 720P stream.

#12

Scholar

0 Frags – +

sexy

#13

MR_SLIN

-15 Frags – +

excellent!

p.s. use xsplit for casts atmo :p

excellent!

p.s. use xsplit for casts atmo :p

#14

Jas

0 Frags – +

Perhaps get rid of some of the columns? Like PPM, FPM, DPM, CPC, CPB, DOM, REV?

As a non-ESEA player I'm not used to the stats layout so it always takes me a while to figure out what each column is, and adding extra columns that doesn't really add anything to the game just complicates matters.

Perhaps with less columns you can put the team stats side by side and make it bigger, as it can be hard to read if you can't stream at 720p (again as an overseas viewer I have this problem quite frequently).

Perhaps get rid of some of the columns? Like PPM, FPM, DPM, CPC, CPB, DOM, REV?

As a non-ESEA player I'm not used to the stats layout so it always takes me a while to figure out what each column is, and adding extra columns that doesn't really add anything to the game just complicates matters.

Perhaps with less columns you can put the team stats side by side and make it bigger, as it can be hard to read if you can't stream at 720p (again as an overseas viewer I have this problem quite frequently).

#15

Snowy

-2 Frags – +

JasPerhaps get rid of some of the columns? Like PPM, FPM, DPM, CPC, CPB, DOM, REV?

As a non-ESEA player I'm not used to the stats layout so it always takes me a while to figure out what each column is, and adding extra columns that doesn't really add anything to the game just complicates matters.

Perhaps with less columns you can put the team stats side by side and make it bigger, as it can be hard to read if you can't stream at 720p (again as an overseas viewer I have this problem quite frequently).

I know why you're minus-fragging his suggestion, but it does occur to me that points and ppm stats are pretty useless indicators. Perhaps just those can go?

[quote=Jas]Perhaps get rid of some of the columns? Like PPM, FPM, DPM, CPC, CPB, DOM, REV?

As a non-ESEA player I'm not used to the stats layout so it always takes me a while to figure out what each column is, and adding extra columns that doesn't really add anything to the game just complicates matters.

Perhaps with less columns you can put the team stats side by side and make it bigger, as it can be hard to read if you can't stream at 720p (again as an overseas viewer I have this problem quite frequently).[/quote]

I know why you're minus-fragging his suggestion, but it does occur to me that points and ppm stats are pretty useless indicators. Perhaps just those can go?

#16

Sideshow

0 Frags – +

I still don't know what all the columns mean, can I get a translation from someone kind please?

#17

m

10 Frags – +

uhhhhhhhhhhhhhh

points
points per minute
damage
damage dealt per minute
frags
frags per minute
assists
assists per minute
deaths
deaths per minute
control point captures
control point blocks
dominations (4 kills/assists against a dude without dying to the dude)
revenges (breaking a dom)
ubercharges
ubercharge drops

i think thats it

uhhhhhhhhhhhhhh

points
points per minute
damage
damage dealt per minute
frags
frags per minute
assists
assists per minute
deaths
deaths per minute
control point captures
control point blocks
dominations (4 kills/assists against a dude without dying to the dude)
revenges (breaking a dom)
ubercharges
ubercharge drops

i think thats it

#18

flippers

0 Frags – +

SideshowI still don't know what all the columns mean, can I get a translation from someone kind please?

points per minute, frags per minute, damage per minuite, capture points caps?, dominations, revenge kills.

listen to mason

[quote=Sideshow]I still don't know what all the columns mean, can I get a translation from someone kind please?[/quote]

points per minute, frags per minute, damage per minuite, capture points caps?, dominations, revenge kills.

listen to mason

#19

defy

10 Frags – +

MR_SLINexcellent!

p.s. use xsplit for casts atmo :p

sline vagine aren't you on vacation? get off the forums nerd

[quote=MR_SLIN]excellent!

p.s. use xsplit for casts atmo :p[/quote]

sline vagine aren't you on vacation? get off the forums nerd

#20

MR_SLIN

0 Frags – +

sorry :3

also it's my fault but I meant that xsplit is what we use for casts. I wasn't telling atmo to use Xsplit but in a previous post I think he assumed most of the TFTV cameramen use OBS

love you defy

sorry :3

also it's my fault but I meant that xsplit is what we use for casts. I wasn't telling atmo to use Xsplit but in a previous post I think he assumed most of the TFTV cameramen use OBS

love you defy

#21

MR_SLIN

-2 Frags – +

Really? I thought it was only Skyride

#22

atmo

9 Frags – +

can't fool me Slin

#23

atmo

2 Frags – +

http://omg.wthax.org/tftv_stats_css_jq.png

brought to you by the magic of jQuery

$('acronym').each
(
    function (i,e){
        $(e).replaceWith($(e).attr('title'));
    }
); $('.acronym').css('text-transform', 'lowercase');

Not really a fan of how this looks, but the option is there anyway :)

[IMG]http://omg.wthax.org/tftv_stats_css_jq.png[/IMG]

brought to you by the magic of jQuery

[code]$('acronym').each
(
function (i,e){
$(e).replaceWith($(e).attr('title'));
}
); $('.acronym').css('text-transform', 'lowercase');[/code]

Not really a fan of how this looks, but the option is there anyway :)

#24

truktruk

1 Frags – +

^ Is it possible to remove some of the stats that don't really matter at all (ie capture points blocked)? If so I think the above one would look better with just the core stats.

#25

atmo

0 Frags – +

Yeah, should be doable. If you give me a list of which ones you want to show I can give it a try.

#26

wareya

0 Frags – +

You could always rotate it.

#27

truktruk

2 Frags – +

In my opinion you could easily remove:
Capture Points Blocked
Dominations
Revenges
Deaths per Minute
Assists per Minute
Points per Minute
and maybe even Frags per Minute

As someone who really likes stats, I think it's best to remove a few just so it's simple and easy for viewers. The ones that really care can just go to the ESEA page.

In my opinion you could easily remove:
Capture Points Blocked
Dominations
Revenges
Deaths per Minute
Assists per Minute
Points per Minute
and maybe even Frags per Minute

As someone who really likes stats, I think it's best to remove a few just so it's simple and easy for viewers. The ones that really care can just go to the ESEA page.

#28

atmo

0 Frags – +

wareyaYou could always rotate it.

Mm doesn't look like it would be easy at all.

[quote=wareya]You could always rotate it.[/quote]
Mm doesn't look like it would be easy at all.

#29

Alleal

1 Frags – +

While we're making it pretty, can we reorganize the column order?

Something like: Points, Damage, DPM, Frags, Assists, Deaths, etc

While we're making it pretty, can we reorganize the column order?

Something like: Points, Damage, DPM, Frags, Assists, Deaths, etc

#30

wareya

1 Frags – +

Mockup time:
https://dl.dropboxusercontent.com/u/1811521/areg23fd.png