added ARROWHEADS

Philip Guo · Philip Guo · commit 65cb820f66d6 · 2011-10-04T11:01:55.000-04:00
diff --git a/TODO b/TODO
@@ -96,6 +96,7 @@ line of code immediately below each annotation.
   pre-computed.  e.g., list local stack variables by their order of
   definition in the original program execution.
 
+
 ---
 2011-09-24
 
@@ -124,9 +125,6 @@ display ... that one is easy --- always auto-scroll to BOTTOM!)
 A subset of the suggestions from MIT folks (see more in my private notes
 file):
 
-- people thought that it's important to draw arrowheads at the end of
-  pointers ... try to make them relatively 'clean-looking', though
-
 - what if the user accidentally (or purposefully) creates a HUGE list or
   other data structure?  how will the visualization handle this?  right
   now it might croak.
diff --git a/edu-python.js b/edu-python.js
@@ -1151,6 +1151,9 @@ function eduPythonCommonInit() {
   jsPlumb.Defaults.Connector = [ "Bezier", { curviness:15 }]; /* too much 'curviness' causes lines to run together */
   jsPlumb.Defaults.PaintStyle = {lineWidth:1, strokeStyle: lightGray};
 
+  // experiment with arrows ...
+  jsPlumb.Defaults.Overlays = [[ "Arrow", { length: 14, width:10, foldback:0.55, location:0.35 }]]
+
   jsPlumb.Defaults.EndpointHoverStyle = {fillStyle: pinkish};
   jsPlumb.Defaults.HoverPaintStyle = {lineWidth:2, strokeStyle: pinkish};
 
diff --git a/index.html b/index.html
@@ -51,6 +51,16 @@
 
 <div id="titlePane">
 
+<h1>Online Python Tutor</h1>
+
+<img src="alias-screenshot.png"/>
+
+<pre>
+x = ["Alice", "Bob", "Charlie"]
+y = x
+z = ["Alice", "Bob", "Charlie"]
+</pre>
+
 </div>
 
 <div class="activityPane" id="solvePane">
@@ -93,14 +103,6 @@ <h2>existing programs to run using fewer instructions</h2>
 
 </div>
 
-<img src="alias-screenshot.png"/>
-
-<pre>
-x = ["Alice", "Bob", "Charlie"]
-y = x
-z = ["Alice", "Bob", "Charlie"]
-</pre>
-
 <!-- TODOs
 
 Include links to original source files of questions for more detailed
