User:Lerc/shapes - Revision history

Lerc at 10:45, 26 April 2012

2012-04-26T10:45:07Z

Lerc at 10:35, 26 April 2012

2012-04-26T10:35:05Z

Lerc at 10:26, 26 April 2012

2012-04-26T10:26:07Z

Show changes

Lerc at 11:09, 17 March 2012

2012-03-17T11:09:22Z

Lerc: clea

2012-02-28T07:40:54Z

clea

New page

<edcode>

var m;

function move() {
m=getMousePosition()

}

function drawParallelogram(x,y,tilt) {

var width =200;
var height = 150;
var halfWidth = width/2;
var halfHeight = height/2;

var bottom= y+halfHeight;
var top=bottom-height;

var bottomLeft = x-halfWidth;
var bottomRight = bottomLeft + width;

var topLeft = bottomLeft+tilt;
var topRight = topLeft+width;

drawLine(bottomLeft,bottom,bottomRight,bottom);
drawLine(topLeft,top,topRight,top);

drawLine(bottomLeft,bottom,topLeft,top);
drawLine(bottomRight,bottom,topRight,top);

}
function draw() {
clear();

drawParallelogram(300,250,m.x-300);

print(JSON.stringify(m),30,200);
}

run(move,draw);

</edcode>

@@ Line 1: / Line 1: @@
-<edcode>
+An attempt to demonstrate Pythagoras without text.
+Click run to see it happen.
-var m;
+<edcode>var m;
 var quarterTurn = Math.PI/2;
 var base=65;

@@ Line 1: / Line 1: @@
 <edcode>
 var m;
@@ Line 45: / Line 46: @@
                   {x:base,y:-height,dx:base,dy:height,angle:quarterTurn*2},
                   {x:base+height,y:-height,dx:base,dy:height,angle:quarterTurn*3} ],
                 [ {x:0,y:0,dx:base,dy:height,angle:quarterTurn*0},
@@ Line 129: / Line 140: @@
      setColour("Black");
      drawPolygon(base,0,0,-height,height,-(base+height),base+height,-(base));
      canvasRestore();
+   }
@@ Line 148: / Line 171: @@
      if (pongage > 11) {
        var s2= (pongage<12?frac:1);
-       setColour("rgba(255,255,100,"+s2+")");
+       setColour("rgba(255,255,200,"+s2+")");
        fillPolygon(height,-(base+height),  (base+height),-(base+height), (base+height), -(base+height*2));
@@ Line 170: / Line 193: @@
      if (pongage > 11) {
        var s2= (pongage<12?frac:1);
-       setColour("rgba(255,255,100,"+s2+")");
+       setColour("rgba(255,255,200,"+s2+")");
        fillPolygon(base,-height,  base+height, -height, (base+height), -(base+height));

@@ Line 1: / Line 1: @@
 <edcode>
 var m;
 function move() {
    m=getMousePosition()
+  age+=0.01;
+}
-function drawParallelogram(x,y,tilt) {
+function drawTriangle(originX,originY,dx,dy,angle) {
+   dy=-dy;
-   var width =200;
+   canvasSave();
-   var height = 150;
+   canvasTranslate(originX,originY);
-   var halfWidth = width/2;
+   canvasRotate(angle);
-   var halfHeight = height/2;
-  var bottom= y+halfHeight;
+   var pongage = age%8;
-  var top=bottom-height;
+   if (pongage > 4) pongage=8-pongage;
-  var bottomLeft = x-halfWidth;
+   var a=Math.floor(pongage);
-   var bottomRight = bottomLeft + width;
+   var frac=pongage-a;
-  var topLeft = bottomLeft+tilt;
+   for (var i in now) {
-  var topRight = topLeft+width;
+     var ta=now[i];
-   drawLine(bottomLeft,bottom,bottomRight,bottom);
+   /*
-  drawLine(topLeft,top,topRight,top);
+   drawTriangle(0,0,base,height,0);
+   drawTriangle(0,0,base,height,quarterTurn);
-  drawLine(bottomLeft,bottom,topLeft,top);
+   drawTriangle(0,0,base,height,quarterTurn*2);
-  drawLine(bottomRight,bottom,topRight,top);
+   drawTriangle(0,0,base,height,quarterTurn*3);
-−
+   drawTriangle(0,0,base,height,0);
-function draw() {
+   setColour("orange");
-    clear();
+   drawTriangle(0,-(base+height),base,height,quarterTurn);
+   setColour("blue");
-    drawParallelogram(300,250,m.x-300);
+    drawTriangle(base+height,-(base+height),base,height,quarterTurn*2);
+   setColour("green");
-    print(JSON.stringify(m),30,200);
+    drawTriangle(base+height,0,base,height,quarterTurn*3);
+}
 run(move,draw);
 </edcode>