Skip to content

Commit 0256bee

Browse files
committed
IT'S FUCKING DONE
1 parent 61682b3 commit 0256bee

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

108 files changed

+793
-57
lines changed

README.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
\[README IN PROGRESS\]
2+
3+
\[ARGH I'M PULLING EVERYTHING TOGETHER SO LAST MINUTE\]
4+
5+
\["LICENSE": THIS THING IS PUBLIC DOMAIN, DO WHATEVER YOU WANT\]

assets/ui/sound.png

665 Bytes
Loading

css/slides.css

+23
Original file line numberDiff line numberDiff line change
@@ -500,3 +500,26 @@ s{
500500
background: #fff;
501501
}
502502

503+
/*************************/
504+
/***** CREDITS ******/
505+
/*************************/
506+
507+
.credits{
508+
color: #888;
509+
}
510+
.credits .big{
511+
font-size:40px;
512+
line-height: 42px;
513+
color:#fff;
514+
}
515+
.credits .divider{
516+
display: block;
517+
height: 45px;
518+
}
519+
.credits a{
520+
color:#dd4040;
521+
}
522+
.credits a:hover{
523+
color:#ee5151;
524+
}
525+

js/core/IncDecNumber.js

+2
Original file line numberDiff line numberDiff line change
@@ -48,6 +48,7 @@ function IncDecNumber(config){
4848
up.onclick = function(){
4949
self.setValue(self.value+1);
5050
self.onchange(self.value);
51+
Loader.sounds.button2.play(); // higher pitch
5152
};
5253
dom.appendChild(up);
5354

@@ -57,6 +58,7 @@ function IncDecNumber(config){
5758
down.onclick = function(){
5859
self.setValue(self.value-1);
5960
self.onchange(self.value);
61+
Loader.sounds.button1.play(); // lower pitch
6062
};
6163
dom.appendChild(down);
6264

js/main.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ window.onload = function(){
44
// PRELOADER
55
Q.all([
66
Loader.loadAssets(Loader.manifestPreload),
7-
Words.convert("lang/en.html")
7+
Words.convert("words.html")
88
]).then(function(){
99

1010
// CHANGE DOM
@@ -29,7 +29,7 @@ window.onload = function(){
2929

3030
// [FOR DEBUGGING]
3131
publish("slideshow/next");
32-
//publish("slideshow/scratch", ["conclusion"]);
32+
//publish("slideshow/scratch", ["credits"]);
3333

3434
});
3535

js/sims/Iterated.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -123,7 +123,7 @@ function Iterated(config){
123123
});
124124
self.introMachine = function(){
125125
_introMachine = 40;
126-
Loader.sounds.machine_start.volume(0.8).play();
126+
Loader.sounds.machine_start.volume(0.65).play();
127127
};
128128

129129
///////////////////////////////////////////////

js/slides/1_Slides_OneOff.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -50,8 +50,8 @@ SLIDES.push({
5050

5151
},
5252
onend: function(self){
53-
self.remove("labelYou");
54-
self.remove("labelThem");
53+
//self.remove("labelYou");
54+
//self.remove("labelThem");
5555
}
5656

5757
},{

js/slides/2_Slides_Iterated.js

+17-1
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,20 @@ SLIDES.push({
77
// Iterated Simulation
88
self.add({id:"iterated", type:"Iterated", x:130, y:133});
99
self.objects.iterated.dehighlightPayoff();
10+
11+
// Labels
12+
self.add({
13+
id:"labelYou", type:"TextBox",
14+
x:211, y:201, width:50, height:50,
15+
align:"center", color:"#aaa", size:17,
16+
text_id:"label_you"
17+
});
18+
self.add({
19+
id:"labelThem", type:"TextBox",
20+
x:702, y:189, width:50, height:50,
21+
align:"center", color:"#aaa", size:17,
22+
text_id:"label_them"
23+
});
1024

1125
},
1226

@@ -54,6 +68,8 @@ SLIDES.push({
5468
onend: function(self){
5569
self.remove("topWords");
5670
self.remove("btmWords");
71+
self.remove("labelYou");
72+
self.remove("labelThem");
5773
}
5874

5975
});
@@ -87,7 +103,7 @@ SLIDES.push({
87103
//////////////////////////
88104

89105
// Move it
90-
self.objects.iterated.dom.style.top = 183;
106+
o.iterated.dom.style.top = 183;
91107

92108
// Scoreboard!
93109
self.add({id:"scoreboard", type:"IteratedScoreboard", x:378, y:85});

js/slides/3_Slides_Tournament.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -209,7 +209,7 @@ SLIDES.push({
209209
});
210210

211211
// DRUMROLL
212-
Loader.sounds.drumroll.play();
212+
Loader.sounds.drumroll.volume(0.8).play();
213213
_hide(o.text);
214214
_hide(o.button);
215215
setTimeout(function(){

js/slides/6_Slides_Noise.js

+2-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,8 @@ SLIDES.push({
99

1010
// Iterated Simulation
1111
self.add({id:"iterated", type:"Iterated", x:130, y:133});
12-
self.objects.iterated.dehighlightPayoff();
12+
o.iterated.dehighlightPayoff();
13+
o.iterated.playerA.chooseHat("tft");
1314

1415
// Words on top & bottom
1516
self.add({

js/slides/7_Slides_Sandbox.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,12 @@ SLIDES.push({
1313
// Label & Button for next...
1414
self.add({
1515
id:"label_next", type:"TextBox",
16-
x:40, y:481, width:550, align:"right",
16+
x:55, y:481, width:535, align:"right",
1717
text_id: "sandbox_end"
1818
});
1919
self.add({
2020
id:"button_next", type:"Button",
21-
x:605, y:465, size:"long",
21+
x:605, y:485, size:"long",
2222
text_id:"sandbox_end_btn",
2323
message: "slideshow/scratch"
2424
});

js/slides/9_Slides_Credits.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -6,8 +6,8 @@ SLIDES.push({
66
// Circular Wordbox
77
self.add({
88
id:"text", type:"TextBox",
9-
x:160, y:70, width:640, height:500, align:"center",
10-
text_id:"credits_beta", color:"#fff"
9+
x:0, y:35, width:960, height:400, align:"center",
10+
text_id:"credits", color:"#fff"
1111
});
1212
}
1313
});

notes/favicon.png

810 Bytes
Loading

notes/index.html

+108
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
6+
<meta charset="utf-8">
7+
<title>The Evolution of Trust: Feetnotes</title>
8+
<link rel="icon" type="image/png" href="favicon.png">
9+
<link rel="stylesheet" href="notes.css">
10+
11+
</head>
12+
13+
<body>
14+
<div id="notes">
15+
16+
<h1>NOTES:</h1>
17+
18+
<h3>"The Evolution of Trust"</h3>
19+
20+
<p>This interactive guide is heavily based off Robert Axelrod's groundbreaking 1984 book, <a href="https://www.amazon.com/Evolution-Cooperation-Revised-Robert-Axelrod/dp/0465005640">The Evolution of Cooperation</a>! I was also heavily inspired by his 1997 sequel, <a href="http://press.princeton.edu/titles/6144.html">The Complexity of Cooperation</a>, and Robert Putnam's 2000 book on America's declining "social capital", <a href="http://bowlingalone.com/">Bowling Alone</a>.</p>
21+
22+
<p>yes i'm a bookworm nerd, plz don't bully me</p>
23+
24+
<h3>"Fewer and fewer people say they trust each other"</h3>
25+
26+
<p>To see a thorough statistical take on this, check out <a href="https://ourworldindata.org/trust">Our World In Data</a>. Mmmm stats</p>
27+
28+
<h3>"The Game of Trust"</h3>
29+
30+
<p>This game is also known in game theory as the infamous <em>Prisoner's Dilemma</em>. The Prisoner's Dilemma is named after a story where two suspects can either squeal on their partner-in-crime ("cheat"), or stay silent ("cooperate"). I chose not to do this story because 1) in this case, both players "cooperating" would be bad for society, and 2) it's unrealistic, everyone knows that snitches get stitches</p>
31+
32+
<h3>"You won't know in advance when the last round is"</h3>
33+
34+
<p>In the repeated game of trust (also known as <em>Iterated Prisoner's Dilemma</em>), it's important that neither player knows <em>when</em> the last round is. Why? Think about it - on the last round, both players would know their action has no consequence, so they'd both cheat. But that means in the second-last round, their actions can't change the next round, so they'd also both cheat. But that means in the third-last round... etc etc.</p>
35+
36+
<h3>"Copycat"</h3>
37+
38+
<p>This strategy is better known in game theory as <em>Tit For Tat</em>. It was created by Anatol Rapoport in 1980, for Robert Axelrod's game theory tournament. I chose not to use the name "Tit For Tat" because 1) it <em>sounds</em> mean, although it's a nice &amp; fair strategy, and 2) a lot of the public have already heard about Tit For Tat, so if I used that name, players might just place their bets on this character because they've already heard of "Tit For Tat".</p>
39+
40+
<h3>"You may be skeptical about the Christmas Truce"</h3>
41+
42+
<p>There was another guy who was skeptical, too. During the truce, a German corporal remarked with disgust, <a href="http://time.com/3643889/christmas-truce-1914/">"Such a thing should not happen in wartime. Have you no German sense of honor?"</a></p>
43+
44+
<p>That man was Adolf Hitler.</p>
45+
46+
<p>You can't make this sh*t up.</p>
47+
48+
<h3>"For culture to evolve"</h3>
49+
50+
<p>There's a new, super-young interdisciplinary field that I'm really <em>excited</em> by, called <em>Cultural Evolution</em>. Admittedly, it's a bad name, not least because it sounds uncomfortably close to "Social Darwinism". Which it's not. Pinky promise.</p>
51+
52+
<p>One core part of Cultural Evolution Theory is culture evolves the same way life does: through variation &amp; selection. Variation: people differ in beliefs &amp; behaviors, and invent new ones almost every day. Selection: people try to imitate their heroes &amp; elders, and adopt their beliefs/behaviors.</p>
53+
54+
<p>(Note: this is <em>not</em> quite Richard Dawkin's "meme" theory. "Meme" implies, that, like genes, ideas come in discrete chunks &amp; replicate with high fidelity. This is obviously untrue. Also you can't say "meme" with a straight face these days, so whatever)</p>
55+
56+
<p>The reason why I think Cultural Evolution is so promising, is that it could integrate <em>all</em> the human sciences: psychology, sociology, economics, anthropology, political science, neuroscience, biology. The greatest problems of our time do not obey conventional academic boundaries -- so, it's about dang time we created a common language between the sciences and humanities.</p>
57+
58+
<p>If you want to learn more about Cultural Evolution Theory, I highly recommend Joseph Heinlich's 2015 book, <a href="http://press.princeton.edu/titles/10543.html">The Secret of Our Success</a>!</p>
59+
60+
<h3>"[Always Cheat's] exploitativeness was its downfall"</h3>
61+
62+
<p>You may have heard that someone found a player strategy that can "exploit evolution". From the <a href="https://www.scientificamerican.com/article/game-theory-calls-cooperation-into-question1/">Scientific American</a>: "[Press &amp; Dyson's results] suggested the best strategies were selfish ones that led to extortion, not cooperation."</p>
63+
64+
<p>Press &amp; Dyson's findings <em>are</em> really important, but Scientific American confused two different uses of the word "evolutionary". The first use, the way this interactive guide used it, was to mean that the <em>tournament's population</em> changes over time. The second use, the way P&amp;D meant it, was that the <em>player's rules</em> changes over time. For example: Detective is "evolutionary" since it changes its own rules, while Copycat is <em>not</em> "evolutionary" since it sticks to its principles.</p>
65+
66+
<p>So, P&amp;D found strategies that could exploit "evolutionary" <em>players</em> like Detective, but their strategies <em>still could not exploit the evolution of the tournament</em>, because in the long run, fair &amp; nice strategies still win. </p>
67+
68+
<h3>"We have fewer friends -- period."</h3>
69+
70+
<p>Seriously, go read Robert Putnam's 2000 book, <a href="http://bowlingalone.com/">Bowling Alone</a>. Yeah it's a bit outdated by now, 17 years later, but its core findings and lessons are still true as ever -- probably even more so.</p>
71+
72+
<h3>"Non-zero-sum game" / "Win-Win"</h3>
73+
74+
<p>This is kinda cheesy, but I still adore the 1989 book, <a href="https://www.amazon.com/Habits-Highly-Effective-People-Powerful/dp/0743269519">The Seven Habits of Highly Effective People</a> -- especially Habit #4: Think Win-Win.</p>
75+
76+
<p>Because, contrary to popular belief, coming up with Win-Win solutions is hard, takes lots of effort, and is emotionally painful. Heck, I'd go even further – I'd say our culture's default stance of Win-Lose "us versus them" is the easy path, the lazy path, the equivalent of activism junk food.</p>
77+
78+
<p>Anyway. Exaggerations aside, I strongly believe "Win-Win" / "Non-Zero-Sum" is something we all urgently need -- in our personal lives, social lives, and <em>definitely</em> political lives.</p>
79+
80+
<h3>"Copykitten"</h3>
81+
82+
<p>Just like how Copycat's original name was Tit For Tat, Copykitten's original name is <em>Tit For Two Tats</em>. Same rule: Cooperate, unless the other players cheats <em>twice</em> in a row.</p>
83+
84+
<p>There's another forgiving variant of Tit For Tat called <em>Generous Tit For Tat</em>. It's got a similar but slightly different rule: Cooperate, but when the other player cheats, forgive them with a X% chance. This design, with the variable "X", lets you set different "forgiveness" levels for the player.</p>
85+
86+
<h3>"Simpleton"</h3>
87+
88+
<p>Also known as Pavlov, or Win-Shift-Lose-Stay.</p>
89+
90+
<h3>"Our modern media [...] has increased our miscommunication"</h3>
91+
92+
<p>I'm only in my twenties, I don't know why I always sound like an old grump shaking my fist at a cloud. But, yeah, anyway, go read Neil Postman's 1985 book, <a href="https://www.amazon.com/Amusing-Ourselves-Death-Discourse-Business/dp/014303653X">Amusing Ourselves To Death</a>. It's about how the communications technology we use subtly shapes our culture ("the medium is the message") and how technology that is biased towards quick &amp; fast information (TV in 1985, social media now) turns us all into trivial, short-term thinkers.</p>
93+
94+
<p>Although I don't agree with <em>everything</em> in his book, it's a real eye-opener, and surprisingly prescient for 1985. His rant against Sesame Street is kinda weird, though.</p>
95+
96+
<h3>"Build relationships. Find win-wins. Communicate clearly."</h3>
97+
98+
<p>Giving advice can come off as condescending, so let me be perfectly honest: I do <em>not</em> have any of this figured out, personally. I'm bad at developing friendships, especially with people of different political views than me. I occasionally forget about win-wins, and lapse into "us versus them" thinking. And judging by this rambling, I'm also still terrible at communicating clearly.</p>
99+
100+
<p>But I want to get better. This stuff is <em>hard</em>. Building peace &amp; trust in the world, from the bottom up, is <em>hard</em>.</p>
101+
102+
<p>And that's why it's worth it. &lt;3</p>
103+
104+
105+
</div>
106+
</body>
107+
108+
</html>

notes/notes.css

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
@font-face{
2+
font-family: 'FuturaHandwritten';
3+
font-style: normal;
4+
src: url('../css/FuturaHandwritten.ttf') format('truetype');
5+
}
6+
7+
body{
8+
background: #fff;
9+
font-family: "FuturaHandwritten";
10+
font-size: 20px;
11+
color: #222;
12+
margin: 0;
13+
}
14+
15+
/* fake bold */
16+
b, strong{
17+
font-weight: normal;
18+
text-shadow:1px 0 0 currentColor;
19+
}
20+
21+
#notes{
22+
width: 800px;
23+
margin: 80px auto;
24+
line-height: 1.7em;
25+
}
26+
27+
h3{
28+
margin-top: 2.5em;
29+
margin-bottom: -0.2em;
30+
}

0 commit comments

Comments
 (0)