josch/ncase.me-trust
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

mobile fix and copycat glitch fixed

Browse source
This commit is contained in:
Nicky Case 2017-07-27 11:55:25 -04:00
parent f9ae228b72
commit 361fb0ed58
9 changed files with 1750 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -4,7 +4,7 @@
*The Evolution of Trust* is dedicated to the public domain, and is made thanks to the many Creative Commons & open source resources out there! Here is a full list of music, sounds, and code used:
**Music:** "Bleu" by Komiku (CC Zero). Download their full album on [Free Music Archive](http://freemusicarchive.org/music/Komiku/Its_time_for_adventure_/)
**Music:** "Bleu" by Komiku (CC Zero). [Download their full album on Free Music Archive](http://freemusicarchive.org/music/Komiku/Its_time_for_adventure_/)
**Sound Effects:**

107
en/index.html Normal file
View file

@ -0,0 +1,107 @@
<!doctype>
<html>
<head>
<!-- META -->
<title>The Evolution of Trust</title>
<meta name="description" content="an interactive guide to the game theory of why &amp; how we trust each other"/>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta charset="utf-8">
<!--meta name="viewport" content="width=640"-->
<link rel="icon" type="image/png" href="favicon.png">
<!-- Facebook Shtuff -->
<meta itemprop="name" content="The Evolution of Trust">
<meta itemprop="description" content="an interactive guide to the game theory of why &amp; how we trust each other">
<meta itemprop="image" content="http://ncase.me/trust/social/thumbnail.png">
<!-- Twitter Shtuff -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ncasenmare">
<meta name="twitter:title" content="The Evolution of Trust">
<meta name="twitter:description" content="an interactive guide to the game theory of why &amp; how we trust each other">
<meta name="twitter:creator" content="@ncasenmare">
<meta name="twitter:image" content="http://ncase.me/trust/social/thumbnail.png">
<!-- Shmoogle Shtuff -->
<meta property="og:title" content="The Evolution of Trust">
<meta property="og:type" content="website">
<meta property="og:url" content="http://ncase.me/trust/">
<meta property="og:image" content="http://ncase.me/trust/social/thumbnail.png">
<meta property="og:description" content="an interactive guide to the game theory of why &amp; how we trust each other">
<!-- Styles -->
<link rel="stylesheet" href="css/slides.css">
<link rel="stylesheet" href="css/balloon.css">
</head>
<body>
<div id="preloader">loading...</div>
<div style="display:none" id="main">
<div id="slideshow_container">
<div id="slideshow"></div>
<div id="scratcher"></div>
</div>
</div>
<div style="display:none" id="footer">
<div id="sound" sound="on" class="no-select">
<div id="sound_icon"></div>
<div id="sound_on">ON</div>
<div id="sound_off">OFF</div>
</div>
<div id="select"></div>
<sharing text="People no longer trust each other. Why? And how can we fix it? An interactive guide to the game theory of trust:"
link="http://ncase.me/trust/"></sharing>
</div>
</body>
</html>
<!-- Libraries -->
<script src="js/lib/helpers.js"></script>
<script src="js/lib/pegasus.js"></script>
<script>var c_ = {};</script>
<script src="js/lib/minpubsub.src.js"></script>
<script src="js/lib/q.js"></script>
<script src="js/lib/pixi.min.js"></script>
<script src="js/lib/howler.js"></script>
<script>var createjs = window;</script>
<script src="js/lib/tweenjs-0.6.2.min.js"></script>
<script>Ticker.framerate=60; Ticker.paused=true;</script>
<script src="js/lib/sharing.js"></script>
<!-- Core Engine -->
<script src="js/core/Loader.js"></script>
<script src="js/core/Slideshow.js"></script>
<script src="js/core/SlideSelect.js"></script>
<script src="js/core/Button.js"></script>
<script src="js/core/TextBox.js"></script>
<script src="js/core/Words.js"></script>
<script src="js/core/IncDecNumber.js"></script>
<script src="js/core/Slider.js"></script>
<script src="js/core/Scratcher.js"></script>
<script src="js/core/Background.js"></script>
<script src="js/core/ImageBox.js"></script>
<script src="js/core/PayoffsUI.js"></script>
<!-- Simulations -->
<script src="js/sims/Splash.js"></script>
<script src="js/sims/PD.js"></script>
<script src="js/sims/Iterated.js"></script>
<script src="js/sims/Tournament.js"></script>
<script src="js/sims/SandboxUI.js"></script>
<!-- Slides -->
<script src="js/slides/0_Slides_Intro.js"></script>
<script src="js/slides/1_Slides_OneOff.js"></script>
<script src="js/slides/2_Slides_Iterated.js"></script>
<script src="js/slides/3_Slides_Tournament.js"></script>
<script src="js/slides/4_Slides_Evolution.js"></script>
<script src="js/slides/5_Slides_Distrust.js"></script>
<script src="js/slides/6_Slides_Noise.js?v=2"></script>
<script src="js/slides/7_Slides_Sandbox.js"></script>
<script src="js/slides/8_Slides_Conclusion.js"></script>
<script src="js/slides/9_Slides_Credits.js"></script>
<!-- Main Code -->
<script src="js/main.js"></script>

108
en/notes.html Normal file
View file

@ -0,0 +1,108 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>The Evolution of Trust: Feetnotes</title>
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="notes.css">
</head>
<body>
<div id="notes">
<h1>NOTES:</h1>
<h3>"The Evolution of Trust"</h3>
<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>
<p>yes i'm a bookworm nerd, plz don't bully me</p>
<h3>"Fewer and fewer people say they trust each other"</h3>
<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>
<h3>"The Game of Trust"</h3>
<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>
<h3>"You won't know in advance when the last round is"</h3>
<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>
<h3>"Copycat"</h3>
<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>
<h3>"You may be skeptical about the Christmas Truce"</h3>
<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>
<p>That man was Adolf Hitler.</p>
<p>You can't make this sh*t up.</p>
<h3>"For culture to evolve"</h3>
<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>
<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>
<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>
<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>
<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>
<h3>"[Always Cheat's] exploitativeness was its downfall"</h3>
<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>
<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>
<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>
<h3>"We have fewer friends -- period."</h3>
<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>
<h3>"Non-zero-sum game" / "Win-Win"</h3>
<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>
<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>
<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>
<h3>"Copykitten"</h3>
<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>
<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>
<h3>"Simpleton"</h3>
<p>Also known as Pavlov, or Win-Shift-Lose-Stay.</p>
<h3>"Our modern media [...] has increased our miscommunication"</h3>
<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>
<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>
<h3>"Build relationships. Find win-wins. Communicate clearly."</h3>
<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>
<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>
<p>And that's why it's worth it. &lt;3</p>
</div>
</body>
</html>

350
en/peeps.html Normal file
View file

@ -0,0 +1,350 @@
<!doctype html>
<html>
<head>
<!-- META -->
<title>The Evolution of Trust: Supporters!</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="favicon.png">
<!-- Styles -->
<link href="peeps.css" rel="stylesheet"/>
</head>
<body>
<div id="credits">
<!-- Created by Nicky Case, & patreon link -->
<div class="credit_intro">
<p>
“The Evolution of Trust” was created thanks to the generosity
of my supporters <a target="_blank" href="https://www.patreon.com/ncase">on Patreon!</a>
Speaking of whom, here they are. THE COOLEST PEEPS:
</p>
</div>
<hr>
<!-- peep patreons -->
<div class="credits_peeps">
<div>
<img src="peep/aimee.png"/>
<img src="polygon/aimee-j.png"/>
<span>Aimee Jarboe</span>
</div>
<div>
<img src="peep/alex-d.png"/>
<img src="polygon/alex-d.png"/>
<span>Alex Dytrych</span>
</div>
<div>
<img src="peep/andy.png"/>
<img src="polygon/andy-e.png"/>
<span>Andy Ellis</span>
</div>
<div>
<img src="peep/chad.png"/>
<img src="polygon/chad-s.png"/>
<span>Chad Sansing</span>
</div>
<div>
<img src="peep/dylan-f.png"/>
<img src="polygon/dylan-f.png"/>
<span>Dylan Field</span>
</div>
<div>
<img src="peep/jared-c.png"/>
<img src="polygon/jared-c.png"/>
<span>Jared Cosulich</span>
</div>
<div>
<img src="peep/josef.png"/>
<img src="polygon/josef-k.png"/>
<span>Josef Komenda</span>
</div>
<div>
<img src="peep/kate.png"/>
<img src="polygon/kate-f.png"/>
<span>Kate Fractal</span>
</div>
<div>
<img src="peep/ljt.png"/>
<img src="polygon/ljt.png"/>
<span>LJ Teitelbaum</span>
</div>
<div>
<img src="peep/mark.png"/>
<img src="polygon/mark-m.png"/>
<span>Mark McCartney</span>
</div>
<div>
<img src="peep/matt.png"/>
<img src="polygon/matt-h.png"/>
<span>Matt Hughes</span>
</div>
<div>
<img src="peep/michael_duke.png"/>
<img src="polygon/michael-d.png"/>
<span>Michael Duke</span>
</div>
<div>
<img src="peep/michael_huff.png"/>
<img src="polygon/michael-h.png"/>
<span>Michael Huff</span>
</div>
<div>
<img src="peep/natalie.png"/>
<img src="polygon/natalie-s.png"/>
<span>Natalie Sun</span>
</div>
<div>
<img src="peep/noel.png"/>
<img src="polygon/noel-l.png"/>
<span>Noel Lehmann</span>
</div>
<div>
<img src="peep/pablo.png"/>
<img src="polygon/pablo-m.png"/>
<span>Pablo Molins</span>
</div>
<div>
<img src="peep/phil.png"/>
<img src="polygon/phil-d.png"/>
<span>Phil Dougherty</span>
</div>
<div>
<img src="peep/sean-r.png"/>
<img src="polygon/sean-r.png"/>
<span>Sean Riley</span>
</div>
<div>
<img src="peep/serena.png"/>
<img src="polygon/serena-c.png"/>
<span>Serena Casanova</span>
</div>
<div>
<img src="peep/toph-t.png"/>
<img src="polygon/toph-t.png"/>
<span>Toph Tucker</span>
</div>
<div>
<img src="peep/travis.png"/>
<img src="polygon/travis-r.png"/>
<span>Travis Ross</span>
</div>
<div>
<img src="peep/yu-han.png"/>
<img src="polygon/yuhan-k.png"/>
<span>Yu-Han Kuo</span>
</div>
</div>
<!-- polygon patreons -->
<div class="credits_polygons">
<div><img src="polygon/bob-w.png"/><span>Bob Wise</span></div>
<div><img src="polygon/brianna-b.png"/><span>Brianna Bergen</span></div>
<div><img src="polygon/cedric-r.png"/><span>Cedric Rossi</span></div>
<div><img src="polygon/chris-h.png"/><span>Chris Hallacy</span></div>
<div><img src="polygon/david-m.png"/><span>David McMullin</span></div>
<div><img src="polygon/dominopivot.png"/><span>DominoPivot</span></div>
<div><img src="polygon/eli-j.png"/><span>Eli Jeschke</span></div>
<div><img src="polygon/eli-l.png"/><span>Eli Levine</span></div>
<div><img src="polygon/fred-t.png"/><span>Fred Tschepp</span></div>
<div><img src="polygon/freddie-f.png"/><span>Freddie Firth</span></div>
<div><img src="polygon/glen-i.png"/><span>Glen E. Ivey</span></div>
<div><img src="polygon/green.png"/><span>Green</span></div>
<div><img src="polygon/iago-c.png"/><span>Iago Medeiros Cordeiro</span></div>
<div><img src="polygon/jack.png"/><span>Jack</span></div>
<div><img src="polygon/joe-s.png"/><span>Joe Shumaker</span></div>
<div><img src="polygon/karen-c.png"/><span>Karen Cooper</span></div>
<div><img src="polygon/klemen-s.png"/><span>Klemen Slavic</span></div>
<div><img src="polygon/kuerqing1024.png"/><span>kuerqing1024</span></div>
<div><img src="polygon/leslie-r.png"/><span>Leslie Robinson</span></div>
<div><img src="polygon/linda-l.png"/><span>Linda Liukas</span></div>
<div><img src="polygon/macdiva.png"/><span>MacDiva</span></div>
<div><img src="polygon/mark-p.png"/><span>Mark Poko</span></div>
<div><img src="polygon/matt.png"/><span>Matt</span></div>
<div><img src="polygon/nelson-c.png"/><span>Nelson Crespo</span></div>
<div><img src="polygon/nimrod-k.png"/><span>Nimrod Kimhi</span></div>
<div><img src="polygon/olivia-b.png"/><span>Olivia Brode-Roger</span></div>
<div><img src="polygon/peter-k.png"/><span>Peter Kadlot</span></div>
<div><img src="polygon/philippe-v.png"/><span>Philippe Vallotti</span></div>
<div><img src="polygon/rob-n.png"/><span>Rob Napier</span></div>
<div><img src="polygon/the-a.png"/><span>The Arkadia</span></div>
<div><img src="polygon/thomas-r.png"/><span>Thomas de Rego</span></div>
<div><img src="polygon/tom-l.png"/><span>Tom Lieber</span></div>
<div><img src="polygon/william-o.png"/><span>William O'Hanley</span></div>
<div><img src="polygon/zach-s.png"/><span>Zach Smith</span></div>
</div>
<!-- name patreons -->
<div class="credits_names">
3Blue1Brown <br>
Adam M. Smith<br>
Andrew <br>
Andy <br>
Ansh Patel<br>
Aria Minaei<br>
Artemiy Solopov<br>
Aschelon <br>
ben fei<br>
Benjamin Wasty<br>
Bill <br>
Billy Madison<br>
Boondoggle <br>
Brandon <br>
Brent Werness<br>
Brian Wu<br>
Brie Code<br>
Bruno Chagas Macedo Carvalho<br>
Bruno Guerrero<br>
Buster Benson<br>
Casey Ross<br>
Charlie McIlwain<br>
Christopher <br>
Colin <br>
Colin #2<br>
Cort Stratton<br>
Craig Protzel<br>
Craig Steele<br>
Daniel Horowitz<br>
Daniel Shiffman<br>
Dave Tu<br>
David Smit<br>
Dylan Meconis<br>
emily hutchison<br>
Eric Willisson<br>
Fabio Utzig<br>
Fahrstuhl <br>
Forrest Oliphant<br>
Frank Leon Rose<br>
Grimy <br>
Heather Weaver<br>
Hed Bar-Nissan<br>
Henry Reich<br>
iphenox <br>
J. Hu<br>
Jacob Christian Munch-Andersen<br>
Jacques Frechet<br>
James Hogan<br>
Jamie Gilyazetdinov<br>
Jan Kölling<br>
Janusz Leidgens<br>
Jason Brennan<br>
Jeanne Kramer-Smyth<br>
Jeff Lindsay<br>
Jeff Long<br>
JMyong <br>
Joel <br>
Johannes Wärn<br>
John Hergenroeder<br>
John Stout<br>
John_Ca <br>
Johnny Owens<br>
Jonathan <br>
Joshua Horowitz<br>
Julia Karmo<br>
Justin <br>
Karishma Bhatia<br>
Kat Suricata<br>
Kathryn Long<br>
Keith Olson<br>
Kevin McGillivray<br>
Kevin <br>
Landy Manderson<br>
Lawrence <br>
Linda Booth Sweeney<br>
Luming Hao<br>
Maic Lopez Saenz<br>
Malcolm Ocean<br>
Margaret Monahan<br>
Mark Trexler<br>
Mark Wilson<br>
Matt ""Kupo" Roszak"<br>
May-Li Khoe<br>
Mekki MacAulay<br>
Memo Akten<br>
Michael Sargent<br>
Miguel Sicart<br>
Milan Pingel<br>
Monika Denes<br>
Mustafa Alic<br>
Nick Ketter<br>
Nick Schrag<br>
Nikita <br>
Noah Swartz<br>
Orta Therox<br>
Pat Mächler<br>
Peter McEvoy<br>
Piotr Migdal<br>
Rachel Nabors<br>
Rajen Savjani<br>
Raphael D'Amico<br>
Rebecca Niles<br>
Richard Hackathorn<br>
Roland Tanglao<br>
Ryan Barker<br>
SailEars <br>
Sam Anderson<br>
Sam Maynard<br>
Sam Thompson<br>
Samira Nedungadi<br>
Sarah Barbour<br>
sarah mathys<br>
SB Sigma<br>
Seanny123 <br>
Serguei Filimonov<br>
Shaun Lee<br>
Shawn Douglas<br>
Sigpipe <br>
Sina Khanifar<br>
Slava Romanovsky<br>
Sylvain Francis<br>
Syria Carys Sirlay<br>
Tara Zuber<br>
Thembers <br>
Thibaut Renaux<br>
Tony Onodi<br>
Traci Lawson<br>
Vanessa <br>
Wick Perry<br>
Woo-Kyeong Choi<br>
Yona <br>
Zack Thornton<br>
Zoe Bogner
</div>
<hr>
<!-- Playtesters -->
<div>
<p style="text-align:center; font-size:25px; line-height:1.5em; margin-top:45px;">
and a special thanks to my friends who let me pester them to do playtests...
</p>
<div class="credits_names">
Alex Dytrych<br>
Amit Patel<br>
Dan Cook<br>
Dan Salz<br>
Dan Zajdband<br>
EmilyKate McDonough<br>
Hamish Todd<br>
Jack Schaedler<br>
Jessie Salz<br>
Kayle Sawyer<br>
Kiara Vincent<br>
Pat Rowan<br>
Pietro Passarelli<br>
Scarlett Shiloh<br>
Toph Tucker<br>
Tanya Short<br>
Vanessa Shen<br>
Yohan John
</div>
</div>
</div>
</body>
</html>

1145
en/words.html Normal file
View file

File diff suppressed because it is too large Load diff

40
js/core/Slider.js
View file

@ -80,23 +80,49 @@ function Slider(config){
}
};
dom.addEventListener("mousedown",function(event){
var _onDomMouseDown = function(event){
if(config.onselect) config.onselect();
_mouseToParam(event);
_isDragging = true;
_offsetX = 0;
},false);
knob.addEventListener("mousedown",function(event){
};
var _onKnobMouseDown = function(event){
_isDragging = true;
if(config.onselect) config.onselect();
_offsetX = event.clientX - knob.getBoundingClientRect().left;
},false);
window.addEventListener("mousemove",function(event){
};
var _onWindowMouseMove = function(event){
if(_isDragging) _mouseToParam(event);
},false);
window.addEventListener("mouseup",function(){
};
var _onWindowMouseUp = function(){
_isDragging = false;
};
dom.addEventListener("mousedown",_onDomMouseDown,false);
knob.addEventListener("mousedown",_onKnobMouseDown,false);
window.addEventListener("mousemove",_onWindowMouseMove,false);
window.addEventListener("mouseup",_onWindowMouseUp,false);
// FOR TOUCH
var _fakeEventWrapper = function(event){
var fake = {};
fake.clientX = event.changedTouches[0].clientX;
fake.clientY = event.changedTouches[0].clientY;
return fake;
};
dom.addEventListener("touchstart",function(event){
event = _fakeEventWrapper(event);
_onDomMouseDown(event);
},false);
knob.addEventListener("touchstart",function(event){
event = _fakeEventWrapper(event);
_onKnobMouseDown(event);
},false);
window.addEventListener("touchmove",function(event){
event = _fakeEventWrapper(event);
_onWindowMouseMove(event);
},false);
window.addEventListener("touchend",_onWindowMouseUp,false);
////////////////////////////////////////

2
js/slides/1_Slides_OneOff.js
View file

@ -5,6 +5,8 @@ SLIDES.push({
onstart: function(self){
Tournament.resetGlobalVariables();
// Iterated Simulation
self.add({id:"iterated", type:"Iterated", x:130, y:133});

2
js/slides/2_Slides_Iterated.js
View file

@ -4,6 +4,8 @@ SLIDES.push({
onjump: function(self){
Tournament.resetGlobalVariables();
// Iterated Simulation
self.add({id:"iterated", type:"Iterated", x:130, y:133});
self.objects.iterated.dehighlightPayoff();

2
js/slides/6_Slides_Noise.js
View file

@ -7,6 +7,8 @@ SLIDES.push({
var o = self.objects;
Tournament.resetGlobalVariables();
// Iterated Simulation
self.add({id:"iterated", type:"Iterated", x:130, y:133});
o.iterated.dehighlightPayoff();