API tools faq
paste
Advertisement
476179

8.1Act3Robot

476179
Dec 10th, 2018
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.42 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <title>"Robots" by Mitchell.P and Emily.F</title>
  7. </head>
  8. <canvas id="myCanvas" width="640" height="480" style="border: 1px solid black";></canvas>
  9.  
  10. <body>
  11.  
  12. <script>
  13.  
  14. var canvas = document.getElementById("myCanvas");
  15. var drawingTools = canvas.getContext("2d");
  16.  
  17.  
  18. // Function calls to draw flowers.
  19. rbt(50, 100, "rgb(255, 0, 0)");
  20. rbt(250, 100, "rgb(0,255, 0)");
  21. rbt(450, 100, "rgb(0, 0,255)");
  22.  
  23. function rbt(xPos, yPos, colour)
  24. {
  25. //head
  26. drawingTools.strokeStyle = colour;
  27. drawingTools.lineWidth = 3;
  28. drawingTools.strokeRect(xPos,yPos,110,60);
  29.  
  30. //neck
  31. drawingTools.fillStyle = colour;
  32. drawingTools.fillRect(xPos+40,yPos+60,30,15);
  33.  
  34. //body
  35. drawingTools.strokeStyle =colour;
  36. drawingTools.strokeRect(xPos+15,yPos+75,80,80);
  37.  
  38. //inside square
  39. drawingTools.strokeStyle = "black";
  40. drawingTools.strokeRect(xPos+30,yPos+90,50,50);
  41.  
  42. //floating bar 1
  43. drawingTools.fillStyle = colour;
  44. drawingTools.fillRect(xPos+30,yPos+160,50,10);
  45.  
  46. //floating bar 2
  47. drawingTools.fillStyle = colour;
  48. drawingTools.fillRect(xPos+40,yPos+175,30,10);
  49.  
  50. //heartbeat
  51. drawingTools.strokeStyle = colour;
  52. drawingTools.lineWidth = 1;
  53. drawingTools.beginPath();
  54. drawingTools.moveTo(xPos+30,yPos+115);
  55. drawingTools.lineTo(xPos+40,yPos+115);
  56. drawingTools.lineTo(xPos+45,yPos+100);
  57. drawingTools.lineTo(xPos+50,yPos+115);
  58. drawingTools.lineTo(xPos+55,yPos+115);
  59. drawingTools.lineTo(xPos+60,yPos+125);
  60. drawingTools.lineTo(xPos+70,yPos+115);
  61. drawingTools.lineTo(xPos+80,yPos+115);
  62. drawingTools.stroke();
  63.  
  64. //large eye
  65. drawingTools.fillStyle = colour;
  66. drawingTools.beginPath();
  67. drawingTools.arc(xPos+30, yPos+27.5, 15, 0, 2*Math.PI);
  68. drawingTools.fill();
  69.  
  70. drawingTools.fillStyle = colour;
  71. drawingTools.beginPath();
  72. drawingTools.arc(xPos+75, yPos+27.5, 15, 0, 2*Math.PI);
  73. drawingTools.fill();
  74.  
  75. //sclera
  76. drawingTools.fillStyle = "white";
  77. drawingTools.beginPath();
  78. drawingTools.arc(xPos+25, yPos+30, 10, 0, 2*Math.PI);
  79. drawingTools.fill();
  80.  
  81. drawingTools.fillStyle = "white";
  82. drawingTools.beginPath();
  83. drawingTools.arc(xPos+80, yPos+30, 10, 0, 2*Math.PI);
  84. drawingTools.fill();
  85.  
  86. //pupil
  87. drawingTools.fillStyle = "black";
  88. drawingTools.beginPath();
  89. drawingTools.arc(xPos+83, yPos+33, 5, 0, 2*Math.PI);
  90. drawingTools.fill();
  91.  
  92. drawingTools.fillStyle = "black";
  93. drawingTools.beginPath();
  94. drawingTools.arc(xPos+24, yPos+34, 5, 0, 2*Math.PI);
  95. drawingTools.fill();
  96.  
  97. //traiangle on head
  98. drawingTools.strokeStyle = colour;
  99. drawingTools.fillStyle = colour;
  100. drawingTools.lineWidth = 3;
  101. drawingTools.beginPath();
  102. drawingTools.moveTo(xPos+40,yPos);
  103. drawingTools.lineTo(xPos+55,yPos-10);
  104. drawingTools.lineTo(xPos+70,yPos);
  105. drawingTools.stroke();
  106. drawingTools.fill();
  107.  
  108. //circle on head
  109. drawingTools.fillStyle = colour;
  110. drawingTools.beginPath();
  111. drawingTools.arc(xPos+55, yPos-18, 8, 0, 2*Math.PI);
  112. drawingTools.fill();
  113.  
  114. //mouth
  115. drawingTools.strokeStyle = colour;
  116. drawingTools.strokeRect(xPos+43,yPos+45,23,11);
  117.  
  118. //left arm
  119. drawingTools.strokeStyle = "colour";
  120. drawingTools.lineWidth = 3;
  121. drawingTools.strokeRect(xPos-20,yPos+100,35,10);
  122.  
  123. drawingTools.strokeStyle = "colour";
  124. drawingTools.lineWidth = 3;
  125. drawingTools.strokeRect(xPos-20,yPos+70,10,30);
  126.  
  127. drawingTools.strokeStyle = "colour";
  128. drawingTools.lineWidth = 3;
  129. drawingTools.strokeRect(xPos-25,yPos+60,5,10);
  130.  
  131. drawingTools.strokeStyle = "colour";
  132. drawingTools.lineWidth = 3;
  133. drawingTools.strokeRect(xPos-15,yPos+65,5,5);
  134.  
  135. //right arm
  136. drawingTools.strokeStyle = "colour";
  137. drawingTools.lineWidth = 3;
  138. drawingTools.strokeRect(xPos+95,yPos+100,35,10);
  139.  
  140. drawingTools.strokeStyle = "colour";
  141. drawingTools.lineWidth = 3;
  142. drawingTools.strokeRect(xPos+120,yPos+70,10,30);
  143.  
  144. drawingTools.strokeStyle = "colour";
  145. drawingTools.lineWidth = 3;
  146. drawingTools.strokeRect(xPos+130,yPos+60,5,10);
  147.  
  148. drawingTools.strokeStyle = "colour";
  149. drawingTools.lineWidth = 3;
  150. drawingTools.strokeRect(xPos+120,yPos+65,5,5);
  151. }
  152.  
  153.  
  154.  
  155. </script>
  156.  
  157. </body>
  158. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!