Permalink
Browse files

pythag folding

  • Loading branch information...
1 parent 080d7dd commit b0ed2ff16a37ff3a957044c4122133c5b81c9500 Steve Howell committed Nov 7, 2011
Showing with 61 additions and 7 deletions.
  1. +25 −2 client.coffee
  2. +9 −1 client.htm
  3. +27 −4 client.js
View
@@ -149,13 +149,36 @@ PythagFolding = ->
segment "green", I, M
segment "green", M, F
+ x_offset = 50
+ canvas = Canvas $("#pythag_fold3"), "pythag_fold3_canvas", 600, height
+
+ for i in [1..2]
+ draw_poly "lightgreen", A, B, C
+ draw_poly "yellow", A, C, D
+ segment "blue", A, C
+ x_offset += 100
+
+ draw_poly "black", A, B, M, K, N, D
+ draw_poly "cyan", M, C, N, K
+ segment "blue", E, F
+
+ blue = "#AAAADD"
+ for i in [1..2]
+ x_offset += 100
+ D = [a, 0]
+ P = [a * a / b, a]
+ draw_poly blue, A, P, F, D
+ draw_poly "lightblue", P, F, C
+ draw_poly "red", A, E, P
+ draw_poly "pink", E, B, C, P
+
PythagProof = ->
- canvas = Canvas $("#pythag_proof"), "pythag_canvas"
+ canvas = Canvas $("#pythag_proof"), "pythag_canvas", 350, 350
rescale = (point) ->
[x, y] = point
y -= 4
- [x * 8 + 300, -y * 8 + 150]
+ [x * 10 + 150, -y * 10 + 170]
draw_poly = (poly, color, points) ->
coords = (points[poly.charAt(i)] for i in [0...poly.length])
View
@@ -27,14 +27,22 @@
</p>
<div id="pythag_fold2">
</div>
+ <p>
+ Next, color in the five sheets of paper as shown below, following the creases. Then cut out the pieces.
+ </b>
+ <div id="pythag_fold3">
+ </div>
+ <p>
+ Finally, take all the non-black shapes and arrange them like the original diagram!
+ </p>
<hr>
<h3>Twelve Triangles</h3>
<p>
The twelve triangles below all have the same area. Triangles of the same color are also congruent.
</p>
<p>
- The triangle outline in black has six triangles inside it that share a common corner, which is the centroid.
+ The triangle outlined in black has six triangles inside it that share a common corner, which is the centroid.
As you click the buttons below, the shapes will change, but the area of all shapes will be preserved, and the
centroid will stay in the same spot.
</p>
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit b0ed2ff

Please sign in to comment.