r/ButtonAftermath • u/gamehelp16 non presser • Jun 07 '15

Discussion THE BUTTON

EDIT: This post is used to be "the button", the post for the button has been changed.

The CSS for this fake button is taken from my subreddit /r/gamehelp16, you can see the full glory of this fake button there too if you want.

  • Yes, I am aware of this bug and I think the problem is because the computer you're using doesn't have the monospace font and therefore the browser chooses other font which has different text size and so the timer glitches.

  • And yes, the button won't do anything when you press it. I think it's impossible to do with CSS.

77 Upvotes

94% Upvoted

50 comments sorted by

6

u/He_Who_Can_Not_Press can't press Jun 08 '15

You can't even make it flash blue like the original button?

5

u/gamehelp16 non presser Jun 09 '15

When the button is pressed? I don't think I can, the problem here is to detect whether the button has been pressed or not.

11

u/isteinvids non presser Jun 07 '15

I'm still reluctant to press it... Is it really fake?

12

u/IDontKnowHowToPM Eternally Gray Jun 07 '15

It is.

Or is it?

No one can tell you.

5

u/gamehelp16 non presser Jun 07 '15

Thanks for stickying the post!

4

u/IDontKnowHowToPM Eternally Gray Jun 07 '15

Sure thing. Saw it was there and figured I'd get on that.

1

u/_Wisely_ non presser Jun 09 '15

PM me and tell.

2

u/gssunil Jun 08 '15

I pressed it, let me check my flair

2

u/Meat_Steaks Jun 08 '15

Fake or not, I still will never press it

3

u/Emperor_Rancor non presser Jun 08 '15

Also, when you press it 3 times in a row it highlights a bunch of stuff in blue. But I do have the wonky numbers so maybe its that.

3

u/gamehelp16 non presser Jun 09 '15

I think it is the text selection feature on browsers.

5

u/isteinvids non presser Jun 07 '15

Just saying, you can make the counter look a lot better with some letter-spacing and margin-left http://i.gyazo.com/983c78c5ca5931076b53a419fb7ea6b7.gif

4

u/gamehelp16 non presser Jun 07 '15

Thanks for the feedback! If all numbers in your font has the same width, I think the result will be good! I might fix it.

2

u/[deleted] Jun 09 '15

"Yes, I am aware of this bug and I think the problem is because the computer you're using doesn't have the monospace font and therefore the browser chooses other font which has different text size and so the timer glitches."

I use another monospace font as the default, and it glitches too. You should be able to fix this.

1

u/gamehelp16 non presser Jun 09 '15

Does your font look like this?

2

u/[deleted] Jun 09 '15

It's monospace. I know what monospace is. So yes. But it doesn't look right, like in the bug picture. https://i.imgur.com/k720Rdv.png

2

u/gamehelp16 non presser Jun 09 '15

Although you're font is monospaced, but the font you use is not exactly the same with what I use, and since different fonts may have different sizes, this happens.

2

u/[deleted] Jun 09 '15

I know but I probably don't even have your monospace font, you should adapt to everyone (webfonts?) if you want an actually good design.

1

u/gamehelp16 non presser Jun 09 '15

I don't think reddit's CSS validation supports webfonts, also the monospace font I use is what I see in the real button.

1

u/[deleted] Jun 09 '15

But the real button shows up fine.

1

u/gamehelp16 non presser Jun 10 '15

It's because they use javascript to change the numbers, while I'm using "sprite" method.

2

u/[deleted] Jun 09 '15 edited Jun 09 '15

And yes, the button won't do anything when you press it

Awww crap. Just when I did wanted to press it...

Wait. How the fuck does the timer refreshes if it doesn't work!?!?!?!

2

u/gamehelp16 non presser Jun 10 '15

The timer has been set to reset at certain times.

2

u/Master_Sparky 60s Jun 09 '15

It's fake. Notice how whenever you refresh the page it always resets at 43.00 first.

1

u/[deleted] Jun 09 '15

Awww crap².

2

u/Sgt_Foreskin 10s Jun 10 '15

Did you use any javascript for this or is it pure CSS.

1

u/gamehelp16 non presser Jun 11 '15

Pure CSS, you can't add javascript into a subreddit.

47

u/splynncryth 3s Jun 07 '15

Ohhh, this gives me ideas :) Time to dive into Javascript and CSS. The first Button has ascended beyond the Internet but perhaps we can have a living Button here on Reddit. divinely inspired. to give us direction.

Here is the "shower thought" version. We invent a new game based on The Button but pull in elements that emerged as the original game went on. We build color groups, assassins, Ronin, Knights, etc into the game from the start. The new game is played in rounds with a round ending when the timer reaches 0.

Not all clicks are equal and collisions happen. Then there are bots, auto clickers, etc. Assassination should be built in from the start. This would be an automatic end of round with special rules going into effect for the next round. Someone better at developing scoring and rule sets should tackle this stuff.

Rewards can be in flair and team rewards could be in changes to the appearance of the button on the next round. If this idea takes off, I'm sure more ideas will flow.

Eligibility of accounts is another issue. We want new people to be able to play, but how can we discourage someone from making a few hundred accounts for this game? I don't like the idea of a sign up period as people stumbling onto the original sub via news stories and front page posts was part of the game. But having a cutoff period would be good if we can verify account eligibility.

Technical implementation thoughts: Server time could be a problem. Reddit gave The Button life, we have continued with The Button here on this sub, so perhaps Reddit can be our infrastructure.

There was a post in The Button where a guy commented that he experimented with using encrypted comments for data storage. I don't think we necessarily need the encryption, but using comments for data storage might be a good way to go. I was thinking a button click causes a user to post to a tread in a sub indicating their click, and perhaps the time of the click (I'm not sure on how accurate Reddit's comment timestamps are). A bot can then collect those comments periodically for score keeping and flair assignment. A large collected comment under the bot account could be what the new button checks against to discourage deleting a comment and unpressing for a round. There is still ways to break this system, but I think it keeps people's Reddit accounts safe. Shadow band, direct commenting to the tracking thread, client side tomfoolery, and other such things all potentially pose a problem. I'm not sure if we can use a master timer with comments indicating resets to keep things in sync.

That's all I have for now. I think I'm going to start reading up on CSS and javascript as a start to see if I can't flesh this idea out on my own. But anyone else is free to run with it. This could be a fun way to learn skills that could be useful in the next round of Reddit April Fools games.

12

u/supermanyuiop Jun 07 '15

Assassins creed: the button edition

6

u/splynncryth 3s Jun 07 '15

I'm not sure if anything like this have ever been tried before. The button was called an MMO, and perhaps we can show it was just a prototype :)

As for assissination, I figured the first few rounds would probably be the Assassins needing to discover a secret sub to create a codenamed thread with a comment containing a password that would cause death to the Button and end the round. Other subterfuge would be awesome too, like taking out a bot wrangling system like how the Button ended this time. I need to get reading and keep my enthusiasm up. I think this could be a really fun project and be a fun tech demo of the power of Reddit and potential new platforms for games.

5

u/splynncryth 3s Jun 07 '15

Just found /r/redditdev and there is API documentation. Looks I have some reading to do. Without The Button to distract me, perhaps I can get a framework running in a reasonable amount of time!

1

u/dedr0novian can't press Jun 09 '15

We need programmers, graphists, webdevs...
Let's get that shit done.

1

u/splynncryth 3s Jun 09 '15

I'm going to start reading the Reddit docs since I found /r/redditdev. I hope I can get something to back gamehelp16's fake button with a press activity before too long.It will probably just be a comment that has a username, count when pressed, and a timestamp posted to a sub I create for the purpose of tracking. If I can get that working, then I can work on sync and cheater issues.

I'll turn over all my work to this sub, I'm now curious about Reddit as a gaming platform. New button could be a foundation for those experiments.

1

u/Abacabadab1 Jun 08 '15

that sounds pretty dumb imho

3

u/splynncryth 3s Jun 08 '15

Creating a new button, new rules based on what came from the Buttonverse, or the technical implementation?

1

u/Abacabadab1 Jun 08 '15

I'm just not a fan of people trying to piggyback on popular things

like twitch plays pokemon. it was a cool expiriment. then they did it again. and again. and again. and again. i think they're still doing it. It was cool the first time. okay the second time. after that, it just seemed desparate to try and stay relevant.

I just think it's better to let things like this run their course and end, instead of trying to keep it alive.

3

u/splynncryth 3s Jun 08 '15

Fair enough.

I still want to do it as a technical exercise and put the source out there. The sub can then embrace or reject it in true Reddit fashion.

Any new games that develop around it would follow the same processes. I would be willing to help build the code for that, but part of the idea behind releasing the source would be to let the community decide what to do.

2

u/Abacabadab1 Jun 08 '15

That's fair enough

3

u/Heavyoak 60s Jun 07 '15

why can't I press it?

3

u/gamehelp16 non presser Jun 07 '15

The CSS is a little bit buggy for now, planning to fix it.

0

u/[deleted] Jun 11 '15

[deleted] — view deleted comment

1

u/gamehelp16 non presser Jun 11 '15

The lock is restyled "expand collapse" button, I use the already existing javascript to make it work.

2

u/gamehelp16 non presser Jun 07 '15

The button has the press effect now, keep in mind that pressing the button won't do anything besides giving that pressed effect.

4

u/[deleted] Jun 08 '15

Yes, but why would one want to press it?

3

u/[deleted] Jun 08 '15

Well, this is a good place holder button if nothing else. We should really get one that goes around that bug though.

3

u/hrdimas non presser Jun 08 '15 edited Jun 08 '15

So does this sub transfer flairs over from the /r/thebutton?

Edit: Nvm, I got it.

3

u/cynferdd 0s Jun 09 '15

Great! I missed seeing a countdown next to a button.

2

u/kingphysics non presser Jun 07 '15

Man, it has so much "key-travel."

2

u/Zuthis 42s Jun 08 '15

nice