N-gones - Slow version: Difference between revisions
From JSXGraph Wiki
A WASSERMANN (talk | contribs) No edit summary  | 
				A WASSERMANN (talk | contribs) No edit summary  | 
				||
| (35 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
<html>  | <html>  | ||
<link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />  | <link rel="stylesheet" type="text/css" href="http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css" />  | ||
<form><textarea id="inputtext" rows=5 cols=35 wrap="off" style="width:600px;">  | |||
speed=25;  | |||
<form><textarea id="inputtext" rows=  | t.cs().hideTurtle().setProperty({strokeWidth:4,strokeOpacity:0.6,fillOpacity:0.3});  | ||
ngon(10,60);  | |||
</textarea><br />  | </textarea><br />  | ||
<input type="button" value="run" onClick="runturtle()">  | <input type="button" value="run" onClick="runturtle()">  | ||
| Line 24: | Line 11: | ||
</html>  | </html>  | ||
<jsxgraph width="600" height="600">  | |||
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-300, 300, 300, -300]});  | |||
var t = brd.create('turtle',[],{fillColor:'yellow'});  | |||
var speed;  | |||
var brd = JXG.JSXGraph.initBoard('jxgbox', {  | function innerloop(i,j,ne,sz) {  | ||
var t = brd.  |    if (i>0) {  | ||
     if (j==ne) { t.rt(360/ne); }  | |||
     t.rt(360/ne);  | |||
     t.fd(sz);  | |||
     j--;  | |||
     if (j<=0) {  | |||
       j=ne;  | |||
       i--;  | |||
     }  | |||
     var st = 'innerloop('+(i)+','+(j)+','+(ne)+','+(sz)+')';  | |||
     setTimeout(st,speed);  | |||
   }  | |||
}  | |||
function ngon(ne,sz) {  | |||
  innerloop(ne,ne,ne,sz);  | |||
}  | |||
function runturtle() {  | function runturtle() {  | ||
   brd.  |    var code = document.getElementById('inputtext').value;  | ||
  if (code=='') { return; }  | |||
  eval(code);  | |||
}  | |||
function clearturtle() {  | |||
  t.cs();  | |||
}  | |||
</jsxgraph>  | |||
== Sourcecode ==  | |||
<source lang="javascript">  | |||
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-300, 300, 300, -300]});  | |||
var t = brd.create('turtle',[],{fillColor:'yellow'});  | |||
var speed;  | |||
function innerloop(i,j,ne,sz) {  | |||
   if (i>0) {  | |||
     if (j==ne) { t.rt(360/ne); }  | |||
     t.rt(360/ne);  | |||
     t.fd(sz);  | |||
     j--;  | |||
     if (j<=0) {  | |||
       j=ne;  | |||
       i--;  | |||
     }  | |||
     var st = 'innerloop('+(i)+','+(j)+','+(ne)+','+(sz)+')';  | |||
     setTimeout(st,speed);  | |||
   }  | |||
}  | |||
   var code =   | function ngon(ne,sz) {  | ||
  innerloop(ne,ne,ne,sz);  | |||
}  | |||
function runturtle() {  | |||
   var code = document.getElementById('inputtext').value;  | |||
   if (code=='') { return; }  |    if (code=='') { return; }  | ||
   eval(code);  |    eval(code);  | ||
}  | }  | ||
function clearturtle() {  | function clearturtle() {  | ||
   t.cs();  |    t.cs();  | ||
}  | }  | ||
</source>  | |||
</  | |||
[[Category:Examples]]  | [[Category:Examples]]  | ||
[[Category:Turtle Graphics]]  | [[Category:Turtle Graphics]]  | ||
Latest revision as of 13:34, 3 March 2021
Sourcecode
var brd = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-300, 300, 300, -300]});
var t = brd.create('turtle',[],{fillColor:'yellow'});
var speed;
function innerloop(i,j,ne,sz) {
   if (i>0) {
     if (j==ne) { t.rt(360/ne); }
     t.rt(360/ne);
     t.fd(sz);
     j--;
     if (j<=0) {
       j=ne;
       i--;
     }
     var st = 'innerloop('+(i)+','+(j)+','+(ne)+','+(sz)+')';
     setTimeout(st,speed);
   }
}
function ngon(ne,sz) {
  innerloop(ne,ne,ne,sz);
}
function runturtle() {
  var code = document.getElementById('inputtext').value;
  if (code=='') { return; }
  eval(code);
}
function clearturtle() {
  t.cs();
}