ncase.me-trust/lang/en.html

<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - - INTRO! - - - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="intro">
During the trench warfare<br>of World War I, peace broke out.
<br><br>

It was Christmas 1914.
Despite strict orders not to chill<br>
with the enemy, British and German soldiers left their trenches,<br>
and gathered to bury their dead, exchange gifts, and sing.
This wasn't unique. Even long before Christmas,
soldiers already had an unspoken system of "live and let live" --
a small peace in a Great War.
<br><br>

Meanwhile, the West is now at peace, and yet,
we distrust our governments, media, and <i>each other</i> more and more.
So, we gotta ask:
<b>
Why, even in the best of times, do friends become enemies?
But also why, even in the worst of times, why do enemies become friends?
</b>
<br><br>

These are complex questions, but a simple idea from game<br>
theory can help shed some light! So, to understand<br>our epidemic of distrust...
</p>
<p id="intro_button">
...let's play a game. &rarr;
</p>

<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - - ONE OFF! - - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="oneoff_0_top">
<b>THE GAME OF TRUST:</b>
<br>
There's a machine. If one player puts a coin in the machine, the <i>other</i> player gets three coins.
A player can either choose to <b>COOPERATE</b> (put in one coin), or <b>CHEAT</b> (keep their coin).
</p>
<p id="oneoff_0_btm">
But there's a problem. Think about it: if the other player CHEATS, what should you do?
</p>

<p id="oneoff_1_cheated">
Fair enough – if the other player won't cooperate, why should you?
</p>
<p id="oneoff_1_cooperated">
Alas, turning the other cheek just gets you slapped on that cheek.
</p>
<p id="oneoff_1_top">
Cooperating while the other person cheats means you lose a coin while they get three. (-1 vs +3)
However, both of you cheating means you both neither gain nor lose anything. (0 vs 0)
Therefore, you should <b>CHEAT</b>.
</p>
<p id="oneoff_1_btm">
But if the other player <b>COOPERATES</b>, what should you do now?
</p>

<p id="oneoff_2_cheated">
Wow, that's mean. And also the correct answer!
</p>
<p id="oneoff_2_cooperated">
Yeah, seems like the right thing to do... but is it the *correct* thing to do?
</p>
<p id="oneoff_2_top">
Because, if you both cooperate, you both lose one coin and gain three (+2 vs +2).
But you can do <i>even better</i> – if you cheat while they cooperate,
<i>you</i> can gain three coins at no cost, while they lose a coin. (+3 vs -1)
Therefore, you should <i>still</i> <b>CHEAT</b>.
</p>
<p id="oneoff_2_btm">
blah blah blah blah. But what if...
</p>
<p id="oneoff_button_next">
...we play more than once? &rarr;
</p>

<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - - ITERATED - - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="iterated_info_1">
opponent: 
</p>
<p id="iterated_info_2">
your total score: 
</p>

<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - TOURNAMENT! - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="characters">
COPYCAT: I start with Cooperate, and then, I just copy whatever move you did last time. Meow
<br><br>
ALWAYS CHEAT: i hate you
<br><br>
ALWAYS COOPERATE: I love you! &lt;3
<br><br>
GRUDGER: "Listen y'all – I start Cooperatin', and I'll keep on Cooperatin'... but if you ever Cheat me once, pardner, I AIN'T EVER FORGIVIN' YOU."
<br><br>
DETECTIVE: "First: I analyze you. I start: Cooperate, Cheat, Cooperate, Cooperate. Then: if you retaliated with a Cheat, I switch to playing Copycat. But: if you never fight back, I switch to Always Cheat. My dear Watson: elementary."
<br><br>
now what if these characters were to play...
</p>
<p id="characters_button">
...against each other? &rarr;
</p>

<p id="place_your_bets">
It's tournament time!
These five characters will now play against each other – 10 paired games, 10 rounds per game.
<br><br>
Place your bets: who do you think will get the highest *total* score?
</p>

<p id="next_match">
next match
</p>

<p id="tournament_winner">
COPYCAT! (Note: this play-style is also known in game theory as "Tit For Tat")
<br><br>
Congrats, you placed your bet on the right horse.
<br><br>
Sorry, //////.
<br><br>
Now, here's the strange thing: Copycat can _never_ beat another player in the trust game (because it never tries to take advantage of others), it can only ever do _as well as_ the other player. And yet overall, Copycat wins! This, despite being simpler than Detective, nicer than Always Cheat, and more forgiving than Grudger. It almost seems to imply that the Golden Rule is not just a moral truth, but a *mathematical* truth:
<br><br>
*Do unto others as you would have them do unto you.* ~Copycat
<br><br>
And *that's* why "peace" broke out in the trenches of World War I. Each side was playing a deadly game of trust with each other, but because the nature of trench warfare means they have to face the same group of soldiers over and over again, that allowed a Copycat-like strategy – the unspoken law of "live and let live" – to evolve.
</p>

<p id="tournament_teaser">
...but does Copycat *always* win? &rarr;
</p>


<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - EVOLUTION! - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="evolution_intro">
</p>

<p id="evolution_intro_button">
</p>

<p id="button_step">
step
</p>

<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - NOISE! - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - - SANDBOX! - - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="sandbox_population">
Start off with this distribution of players:
</p>

<p id="sandbox_payoffs">
The payoffs in a one-on-one game are:
</p>
<p id="sandbox_reset_payoffs">
reset payoffs
</p>

<!--
When translating the following, keep the "[N]", with square brackets,
as a placeholder for the number. Some of these need double-translations,
one for the plural version, one for the singular version.
-->

<p id="sandbox_rules_1">
Play [N] rounds per one-on-one game
</p>
<p id="sandbox_rules_1_single">
Play [N] round per one-on-one game
</p>

<p id="sandbox_rules_2">
After each tournament, eliminate the bottom [N] players &amp; reproduce the top [N] players
</p>
<p id="sandbox_rules_2_single">
After each tournament, eliminate the bottom [N] player &amp; reproduce the top [N] player
</p>

<p id="sandbox_rules_3">
In each round of a one-on-one game, there's a [N]% chance a player makes a mistake
</p>


<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - CONCLUSION! - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="conclusion">
blah blah blah blah 
blah blah blah blah<br> 
blah blah blah blah
blah blah blah blah<br> 
blah blah blah blah 
blah blah blah blah<br>
blah blah blah blah 
blah blah blah blah<br>
</p>

<p id="conclusion_button">
&lt;3
</p>

<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - CREDITS! - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->


<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - THE PLAYERS - - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="label_tft">
Copycat
</p>
<p id="label_short_tft">
copycat
</p>

<p id="label_all_d">
Always Cheat
</p>
<p id="label_short_all_d">
cheater
</p>

<p id="label_all_c">
Always Cooperate
</p>
<p id="label_short_all_c">
cooperater
</p>

<p id="label_grudge">
Grudger
</p>
<p id="label_short_grudge">
grudger
</p>

<p id="label_prober">
Detective
</p>
<p id="label_short_prober">
detective
</p>

<p id="label_tf2t">
Copykitten
</p>
<p id="label_short_tf2t">
copykitten
</p>

<p id="label_pavlov">
Simpleton
</p>
<p id="label_short_pavlov">
simpleton
</p>

<p id="label_random">
Lol So Random
</p>
<p id="label_short_random">
random
</p>


<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - - SMALL LABELS! - - - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="label_cooperate">
cooperate
</p>

<p id="label_cheat">
cheat
</p>

<p id="label_play">
play
</p>

<p id="label_stop">
stop
</p>

<p id="label_step">
step
</p>

<p id="label_reset">
reset
</p>

<p id="label_population">
population
</p>

<p id="label_payoffs">
payoffs
</p>

<p id="label_rules">
rules
</p>

<p id="label_play_tournament">
1) play tournament
</p>

<p id="label_eliminate_bottom_5">
2) eliminate bottom 5
</p>

<p id="label_reproduce_top_5">
3) reproduce top 5
</p>

<p id="label_next">
next
</p>


<!-- - - - - - - - - - - - - - - - - -->
<!-- - - - NAVIGATING CHAPTERS - - - -->
<!-- - - - - - - - - - - - - - - - - -->

<p id="chapter_intro">
0. Introduction
</p>
<p id="chapter_oneoff">
1. One Game
</p>
<p id="chapter_iterated">
2. Repeated Game
</p>
<p id="chapter_tournament">
3. One Tournament
</p>
<p id="chapter_evolution">
4. Repeated Tournament
</p>
<p id="chapter_noise">
5. Making Mistaeks
</p>
<p id="chapter_sandbox">
6. Sandbox Mode
</p>
<p id="chapter_conclusion">
7. Conclusion
</p>
<p id="chapter_credits">
Credits
</p>