writing halfway done wow
This commit is contained in:
Nicky Case
parent
94f3a6541f
commit
abd475653f
54
index.html
54
index.html
|
|
@ -164,18 +164,19 @@ let's play! →
|
|||
the <i>madness</i> of crowds.
|
||||
And yet, just when you lose hope in humanity,
|
||||
you see citizens rescuing each other in hurricanes,
|
||||
communities banding together after tragedy,
|
||||
communities creating solutions after tragedy,
|
||||
movements of ordinary people fighting for a better world:
|
||||
the <i>wisdom</i> of crowds!
|
||||
|
||||
<br><br>
|
||||
|
||||
<b>But <i>why</i> do some crowds become wise or mad?</b>
|
||||
Can we calculate the madness, or wisdom, of people?
|
||||
<b>But <i>why</i> do some crowds turn to madness, or wisdom?</b>
|
||||
// tease future stories
|
||||
And how can we, collectively, get more of the latter?
|
||||
According to the new field of <b>network science</b>,
|
||||
the answer is not in the <i>individual people</i>, but in...
|
||||
|
||||
<next>...their <i>connections</i> →</next>
|
||||
<next>...their <i>connections.</i> →</next>
|
||||
|
||||
</span></div>
|
||||
</words>
|
||||
|
|
@ -385,7 +386,7 @@ let's play! →
|
|||
just because an idea/behavior is "complex" doesn't mean it's good,
|
||||
(e.g. conspiracy theories)
|
||||
and just because it's "simple" doesn't mean it's bad!
|
||||
(e.g. "floss daily")
|
||||
(e.g. cute cat videos)
|
||||
|
||||
<br><br>
|
||||
|
||||
|
|
@ -405,26 +406,55 @@ let's play! →
|
|||
So, how <i>do</i> we make sure our social ecosystem is healthy?
|
||||
Let's revisit...
|
||||
|
||||
<next wiggle>...the cascade!</next>
|
||||
|
||||
<next wiggle>...the cascade puzzle!</next>
|
||||
|
||||
</words>
|
||||
|
||||
<words id="_3_cascade">
|
||||
blah blah complex cascade
|
||||
You did this before, but now, with a <i>complex</i> contagion (img), it'll be tougher...
|
||||
<br>
|
||||
(note: feel free to just hit 'start' and <i>try</i> as many solutions as you want)
|
||||
<br>
|
||||
<b>"Infect" everyone with complex wisdom! ↓</b>
|
||||
</words>
|
||||
|
||||
<words id="_3_cascade_end">
|
||||
<next wiggle>fweeee</next>
|
||||
<next wiggle>HOT DANG →</next>
|
||||
</words>
|
||||
|
||||
<words id="_3_post_cascade">
|
||||
Now, you may think: so what, complex contagions () are just simple contagions ()
|
||||
but you need to add more connections?
|
||||
Not so fast!
|
||||
The difference between "complex" and "simple" is not apples vs more apples, but apples vs pineapples.
|
||||
I think this'll be clearer if we revisit...
|
||||
</words>
|
||||
<words id="_3_post_cascade_end">
|
||||
<next wiggle>...yet another puzzle! →</next>
|
||||
</words>
|
||||
|
||||
<words id="_3_prevent">
|
||||
blah blah complex prevention
|
||||
Now, let's do the <i>opposite</i> of everything we've done before.
|
||||
If you hit "start" below now, the contagion will just spread to everyone.
|
||||
No surprise there.
|
||||
But now, here's your challenge:
|
||||
<b>draw a network to <i>prevent</i> the contagion from spreading to everyone! ↓</b>
|
||||
</words>
|
||||
|
||||
<words id="_3_prevent_end">
|
||||
herp derp blah blah
|
||||
<next wiggle>next</next>
|
||||
That's right...
|
||||
<next wiggle><i>More</i> connections hurt! →</next>
|
||||
</words>
|
||||
|
||||
<words id="_3_nasa">
|
||||
|
||||
// adding more HURTS
|
||||
// groupthink: NASA story.
|
||||
// internet
|
||||
// tease bond and bridging: what IS the design for effective thinking?
|
||||
|
||||
<next>next</next>
|
||||
|
||||
</words>
|
||||
|
||||
<!-- 4. Bonding & Bridging -->
|
||||
|
|
|
|||
|
|
@ -80,10 +80,20 @@ SLIDES.push(
|
|||
|
||||
add:[
|
||||
|
||||
// Intro text
|
||||
{
|
||||
type:"box",
|
||||
id:"_3_cascade",
|
||||
text:"_3_cascade",
|
||||
x:60, y:0, w:840, h:100,
|
||||
align: "center"
|
||||
},
|
||||
|
||||
// Sim
|
||||
{
|
||||
type:"sim",
|
||||
x:0, y:-140,
|
||||
id:"contagion",
|
||||
x:0, y:-40,
|
||||
fullscreen: true,
|
||||
network: {
|
||||
"contagion":0.25,
|
||||
|
|
@ -100,23 +110,17 @@ SLIDES.push(
|
|||
// UI for the simulation
|
||||
{
|
||||
type:"box",
|
||||
x:380, y:290,
|
||||
id:"ui",
|
||||
x:380, y:370,
|
||||
sim_ui:"red"
|
||||
},
|
||||
|
||||
// Intro text
|
||||
{
|
||||
type:"box",
|
||||
text:"_3_cascade",
|
||||
x:0, y:400, w:600, h:140
|
||||
},
|
||||
|
||||
// End text
|
||||
{
|
||||
id:"end",
|
||||
type:"box",
|
||||
text:"_3_cascade_end",
|
||||
x:660, y:440, w:300, h:100,
|
||||
x:330, y:460, w:300, h:100,
|
||||
hidden:true
|
||||
},
|
||||
|
||||
|
|
@ -143,6 +147,30 @@ SLIDES.push(
|
|||
|
||||
},
|
||||
|
||||
{
|
||||
remove:[
|
||||
{type:"box", id:"_3_cascade"},
|
||||
{type:"box", id:"end"}
|
||||
],
|
||||
move:[
|
||||
{type:"box", id:"ui", y:360-80},
|
||||
{type:"sim", id:"contagion", y:-140}
|
||||
],
|
||||
add:[
|
||||
{
|
||||
type:"box",
|
||||
text:"_3_post_cascade",
|
||||
x:0, y:390, w:650, h:150,
|
||||
align: "right"
|
||||
},
|
||||
{
|
||||
type:"box",
|
||||
text:"_3_post_cascade_end",
|
||||
x:660, y:450, w:300, h:90
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
{
|
||||
chapter: "Complex-Prevent",
|
||||
clear:true,
|
||||
|
|
@ -152,8 +180,10 @@ SLIDES.push(
|
|||
// Intro text
|
||||
{
|
||||
type:"box",
|
||||
id:"_3_prevent",
|
||||
text:"_3_prevent",
|
||||
x:0, y:0, w:350, h:200
|
||||
x:80, y:0, w:800, h:140,
|
||||
align: "center"
|
||||
},
|
||||
|
||||
// Lil' contagion
|
||||
|
|
@ -176,6 +206,7 @@ SLIDES.push(
|
|||
// UI for the simulation
|
||||
{
|
||||
type:"box",
|
||||
id:"ui",
|
||||
x:380, y:140,
|
||||
sim_ui:"red"
|
||||
},
|
||||
|
|
@ -212,10 +243,10 @@ SLIDES.push(
|
|||
if(countInfected!=sim.peeps.length){
|
||||
|
||||
// WIN
|
||||
state.ended = true;
|
||||
var boxes = slideshow.boxes;
|
||||
setTimeout(function(){
|
||||
boxes.showChildByID("end", true);
|
||||
state.ended = true;
|
||||
sim.win();
|
||||
},500);
|
||||
|
||||
|
|
|
|||
|
|
@ -29,6 +29,6 @@ window.onload = function(){
|
|||
window.requestAnimationFrame(update);
|
||||
|
||||
// First slide!
|
||||
slideshow.gotoChapter("Complex");
|
||||
slideshow.gotoChapter("Complex-Prevent");
|
||||
|
||||
}
|
||||
Loading…
Reference in New Issue