diff --git a/ch1.html b/ch1.html index 8148eed..ba36aad 100644 --- a/ch1.html +++ b/ch1.html @@ -64,8 +64,7 @@ Let me know your honest feedback, thanks!) Here’s a playable simulation of the Forgetting Curve. -
- Change the rate of “memory decay”. What happens? + Change the rate of memory decay. What happens to the curve?
@@ -109,7 +108,7 @@ But, in general, a memory’s “rate of decay” slows down each time you ac
(grey line: what memory would've been without the recall)
- Change the timing of the recall. What happens? + Change the recall timing to see how it affects the curve: @@ -133,7 +132,7 @@ But, in general, a memory’s “rate of decay” slows down each time you ac There is! The trick to remembering... - ...is to forget. + ...is to almost forget. @@ -174,8 +173,7 @@ You need desirable difficulty: the sweet spot of just-hard-enough. Same simulation as before, but now it shows the sweet spot – where you’ve forgotten just a little bit. -
- Change the timing of the recall. What happens now? + Put the recall in the middle of the sweet spot. What happens?
@@ -223,6 +221,7 @@ then when you’re ready, flip the card over ↓ + @@ -232,7 +231,7 @@ then when you’re ready, flip the card over ↓ Which is very counter-intuitive! You can prove to yourself this is true, by playing with the sim below. - Get all recalls into the sweet spot. + Get all recalls into the middle of the sweet spot. What spacing do you get? diff --git a/pics/sci0.png b/pics/sci0.png index c7a4e18..e977fff 100644 Binary files a/pics/sci0.png and b/pics/sci0.png differ diff --git a/pics/sci1.png b/pics/sci1.png index 59ab781..51889e8 100644 Binary files a/pics/sci1.png and b/pics/sci1.png differ diff --git a/pics/sci2.png b/pics/sci2.png index 0856442..f1e55bd 100644 Binary files a/pics/sci2.png and b/pics/sci2.png differ diff --git a/sims/ebbinghaus/ebbinghaus.css b/sims/ebbinghaus/ebbinghaus.css index 44d5786..0fb875d 100644 --- a/sims/ebbinghaus/ebbinghaus.css +++ b/sims/ebbinghaus/ebbinghaus.css @@ -99,16 +99,16 @@ input[fullw]{ .decay_slider::-webkit-slider-thumb{ -webkit-appearance: none; appearance: none; - width: 25px; - height: 25px; - border-radius: 50%; + width: 15px; + height: 35px; + border-radius: 8px; background: #333; cursor: pointer; } .decay_slider::-moz-range-thumb{ - width: 25px; - height: 25px; - border-radius: 50%; + width: 15px; + height: 35px; + border-radius: 8px; background: #333; cursor: pointer; } @@ -118,16 +118,16 @@ input[fullw]{ .sweet_slider::-webkit-slider-thumb{ -webkit-appearance: none; appearance: none; - width: 30px; - height: 30px; - border-radius: 50%; + width: 15px; + height: 35px; + border-radius: 8px; background: #ffDD00; cursor: pointer; } .sweet_slider::-moz-range-thumb{ - width: 30px; - height: 30px; - border-radius: 50%; + width: 15px; + height: 35px; + border-radius: 8px; background: #ffDD00; cursor: pointer; } diff --git a/sims/ebbinghaus/ebbinghaus.js b/sims/ebbinghaus/ebbinghaus.js index 65ca7d2..b280af1 100644 --- a/sims/ebbinghaus/ebbinghaus.js +++ b/sims/ebbinghaus/ebbinghaus.js @@ -439,6 +439,8 @@ function update(){ } // DRAW THE MAIN THICK CURVES + var theLastPoint = null; + var theCircles = []; ctx.lineWidth = 5; // For each curve, draw until cut. for(var c=0; c