test.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <html>
  2. <head>
  3. <script type="application/ecmascript" src="../../src/lib/turtle/__init__.js"></script>
  4. </head>
  5. <body>
  6. <canvas id="mycanvas" width="500" height="500"/>
  7. <script type="application/ecmascript">
  8. TurtleGraphics.defaults = {
  9. canvasID: "mycanvas",
  10. animate: false,
  11. degrees: true
  12. };
  13. var t = new TurtleGraphics.Turtle();
  14. //t.speed(10);
  15. t.set_fill_color("red");
  16. t.set_pen_color("red");
  17. t.set_pen_width(10);
  18. t.forward(90);
  19. t.left(90);
  20. t.forward(90);
  21. t.shape('square')
  22. t.backward(10);
  23. t.clear();
  24. t.left(-10);
  25. t.forward(100);
  26. t.hideturtle();
  27. t.circle(200, 360);
  28. t.showturtle();
  29. t.pen_up();
  30. t.goto(100,100);
  31. t.pen_down();
  32. t.dot(5,"blue");
  33. t.pen_up();
  34. t.goto(100,50);
  35. t.pen_down();
  36. t.dot(5,"blue");
  37. t.pen_up();
  38. t.goto(100,25);
  39. t.pen_down();
  40. t.dot(5,"blue");
  41. t.pen_up();
  42. t.goto(10,10);
  43. t.pen_down();
  44. t.begin_fill();
  45. t.forward(50);
  46. t.right(90);
  47. t.forward(50);
  48. t.right(90);
  49. t.forward(50);
  50. t.right(90);
  51. t.forward(50);
  52. t.end_fill();
  53. t.pen_up();
  54. t.goto(10,-10);
  55. t.clear();
  56. t.shape('classic');
  57. t.set_pen_width(2);
  58. for (var i = -100; i < 100; i += 20){
  59. for (var j = -100; j< 100; j += 20) {
  60. t.goto(i,j);
  61. t.stamp();
  62. t.set_fill_color(j,i,i+j);
  63. t.set_pen_color(j,i,i+j);
  64. }
  65. }
  66. </script>
  67. </body>
  68. </html>