API tools faq
paste
Advertisement
Diquadro

TestRaw

Diquadro
Apr 27th, 2018
311
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.30 KB | None | 0 0
raw download clone embed print report diff
  1. <!DOCTYPE html>
  2.  
  3. <!-- Created with Ai->Canvas Export Plug-In Version 1.3 (PC/64) -->
  4. <!-- By Mike Swanson (http://blog.mikeswanson.com/)             -->
  5.  
  6. <html lang="en">
  7.  <head>
  8.   <meta charset="UTF-8" />
  9.   <title>15game</title>
  10.   <script>
  11.  
  12.     function init() {
  13.  
  14.       var canvas = document.getElementById("canvas");
  15.       var ctx = canvas.getContext("2d");
  16.  
  17.       draw(ctx);
  18.     }
  19.  
  20.     function draw(ctx) {
  21.  
  22.       // livello1/Gruppo
  23.       ctx.save();
  24.  
  25.       // livello1/Gruppo/Tracciato composto
  26.       ctx.save();
  27.       ctx.beginPath();
  28.  
  29.       // livello1/Gruppo/Tracciato composto/Tracciato
  30.       ctx.moveTo(27.9, 113.2);
  31.       ctx.lineTo(53.1, 113.2);
  32.       ctx.lineTo(53.1, 16.4);
  33.       ctx.lineTo(28.3, 16.4);
  34.       ctx.bezierCurveTo(26.0, 16.4, 24.1, 15.6, 22.5, 14.0);
  35.       ctx.bezierCurveTo(20.9, 12.4, 20.1, 10.5, 20.1, 8.2);
  36.       ctx.bezierCurveTo(20.1, 5.9, 20.9, 4.0, 22.5, 2.4);
  37.       ctx.bezierCurveTo(24.1, 0.8, 26.0, 0.0, 28.3, 0.0);
  38.       ctx.lineTo(69.5, 0.0);
  39.       ctx.lineTo(69.5, 113.2);
  40.       ctx.lineTo(85.9, 113.2);
  41.       ctx.lineTo(85.9, 79.0);
  42.       ctx.bezierCurveTo(85.9, 76.8, 86.7, 74.9, 88.3, 73.2);
  43.       ctx.bezierCurveTo(89.9, 71.6, 91.9, 70.8, 94.1, 70.8);
  44.       ctx.bezierCurveTo(96.4, 70.8, 98.3, 71.6, 99.9, 73.2);
  45.       ctx.bezierCurveTo(101.5, 74.8, 102.3, 76.7, 102.3, 79.0);
  46.       ctx.lineTo(102.3, 121.4);
  47.       ctx.bezierCurveTo(102.3, 123.7, 101.5, 125.6, 99.9, 127.2);
  48.       ctx.bezierCurveTo(98.3, 128.8, 96.4, 129.6, 94.1, 129.6);
  49.       ctx.lineTo(27.9, 129.6);
  50.       ctx.bezierCurveTo(25.6, 129.6, 23.7, 128.8, 22.1, 127.1);
  51.       ctx.bezierCurveTo(20.5, 125.4, 19.7, 123.5, 19.7, 121.2);
  52.       ctx.bezierCurveTo(19.7, 119.0, 20.5, 117.1, 22.1, 115.5);
  53.       ctx.bezierCurveTo(23.7, 114.0, 25.6, 113.2, 27.9, 113.2);
  54.       ctx.closePath();
  55.       ctx.fill();
  56.  
  57.       // livello1/Gruppo/Tracciato composto
  58.       ctx.beginPath();
  59.  
  60.       // livello1/Gruppo/Tracciato composto/Tracciato
  61.       ctx.moveTo(151.1, 113.2);
  62.       ctx.lineTo(189.1, 113.2);
  63.       ctx.lineTo(189.1, 72.9);
  64.       ctx.lineTo(139.5, 72.9);
  65.       ctx.lineTo(139.5, 0.0);
  66.       ctx.lineTo(197.3, 0.0);
  67.       ctx.bezierCurveTo(199.5, 0.0, 201.4, 0.8, 203.0, 2.4);
  68.       ctx.bezierCurveTo(204.7, 4.1, 205.5, 6.0, 205.5, 8.2);
  69.       ctx.bezierCurveTo(205.5, 10.5, 204.7, 12.4, 203.1, 14.0);
  70.       ctx.bezierCurveTo(201.5, 15.6, 199.6, 16.4, 197.3, 16.4);
  71.       ctx.lineTo(156.1, 16.4);
  72.       ctx.lineTo(156.1, 56.5);
  73.       ctx.lineTo(189.1, 56.5);
  74.       ctx.bezierCurveTo(193.5, 56.5, 197.3, 58.2, 200.6, 61.4);
  75.       ctx.bezierCurveTo(203.9, 64.7, 205.5, 68.5, 205.5, 72.9);
  76.       ctx.lineTo(205.5, 113.2);
  77.       ctx.bezierCurveTo(205.5, 117.7, 203.9, 121.5, 200.6, 124.8);
  78.       ctx.bezierCurveTo(197.4, 128.0, 193.6, 129.6, 189.1, 129.6);
  79.       ctx.lineTo(151.1, 129.6);
  80.       ctx.bezierCurveTo(147.7, 129.6, 144.1, 128.8, 140.2, 127.1);
  81.       ctx.lineTo(127.8, 122.0);
  82.       ctx.bezierCurveTo(124.5, 120.6, 122.9, 118.0, 122.9, 114.2);
  83.       ctx.bezierCurveTo(122.9, 111.9, 123.6, 109.9, 125.1, 108.3);
  84.       ctx.bezierCurveTo(126.6, 106.8, 128.4, 106.0, 130.6, 106.0);
  85.       ctx.bezierCurveTo(132.2, 106.0, 134.1, 106.4, 136.2, 107.4);
  86.       ctx.lineTo(147.1, 112.0);
  87.       ctx.bezierCurveTo(148.4, 112.8, 149.7, 113.2, 151.1, 113.2);
  88.       ctx.closePath();
  89.       ctx.fill();
  90.  
  91.       // livello1/Gruppo/Tracciato composto
  92.       ctx.beginPath();
  93.  
  94.       // livello1/Gruppo/Tracciato composto/Tracciato
  95.       ctx.moveTo(24.0, 149.9);
  96.       ctx.lineTo(37.6, 149.9);
  97.       ctx.bezierCurveTo(38.7, 149.9, 39.7, 150.3, 40.5, 151.1);
  98.       ctx.bezierCurveTo(41.3, 151.9, 41.7, 152.9, 41.7, 154.0);
  99.       ctx.bezierCurveTo(41.7, 155.2, 41.3, 156.2, 40.4, 157.0);
  100.       ctx.bezierCurveTo(39.5, 157.8, 38.6, 158.2, 37.6, 158.2);
  101.       ctx.lineTo(24.6, 158.2);
  102.       ctx.bezierCurveTo(23.3, 158.2, 22.2, 158.8, 21.3, 160.0);
  103.       ctx.lineTo(9.8, 174.8);
  104.       ctx.bezierCurveTo(8.8, 176.0, 8.3, 177.6, 8.3, 179.7);
  105.       ctx.lineTo(8.3, 202.4);
  106.       ctx.bezierCurveTo(8.3, 203.6, 8.7, 204.5, 9.5, 205.4);
  107.       ctx.bezierCurveTo(10.3, 206.2, 11.3, 206.6, 12.4, 206.6);
  108.       ctx.lineTo(29.1, 206.6);
  109.       ctx.bezierCurveTo(30.2, 206.6, 31.2, 206.2, 32.0, 205.4);
  110.       ctx.bezierCurveTo(32.8, 204.5, 33.2, 203.6, 33.2, 202.5);
  111.       ctx.lineTo(33.2, 193.6);
  112.       ctx.lineTo(24.7, 193.6);
  113.       ctx.bezierCurveTo(23.5, 193.6, 22.6, 193.2, 21.8, 192.4);
  114.       ctx.bezierCurveTo(21.0, 191.6, 20.6, 190.6, 20.6, 189.5);
  115.       ctx.bezierCurveTo(20.6, 188.4, 21.0, 187.4, 21.8, 186.6);
  116.       ctx.bezierCurveTo(22.6, 185.8, 23.5, 185.4, 24.7, 185.4);
  117.       ctx.lineTo(41.4, 185.4);
  118.       ctx.lineTo(41.4, 202.5);
  119.       ctx.bezierCurveTo(41.4, 205.9, 40.2, 208.8, 37.8, 211.2);
  120.       ctx.bezierCurveTo(35.4, 213.6, 32.5, 214.8, 29.1, 214.8);
  121.       ctx.lineTo(12.4, 214.8);
  122.       ctx.bezierCurveTo(9.0, 214.8, 6.1, 213.6, 3.6, 211.2);
  123.       ctx.bezierCurveTo(1.2, 208.8, 0.0, 205.9, 0.0, 202.5);
  124.       ctx.lineTo(0.0, 179.8);
  125.       ctx.bezierCurveTo(0.0, 175.7, 1.1, 172.3, 3.3, 169.5);
  126.       ctx.lineTo(15.4, 154.1);
  127.       ctx.bezierCurveTo(16.3, 152.9, 17.5, 151.9, 19.1, 151.1);
  128.       ctx.bezierCurveTo(20.6, 150.3, 22.3, 149.9, 24.0, 149.9);
  129.       ctx.closePath();
  130.       ctx.fill();
  131.  
  132.       // livello1/Gruppo/Tracciato composto
  133.       ctx.beginPath();
  134.  
  135.       // livello1/Gruppo/Tracciato composto/Tracciato
  136.       ctx.moveTo(60.8, 209.1);
  137.       ctx.lineTo(77.4, 152.9);
  138.       ctx.bezierCurveTo(78.0, 150.9, 79.4, 149.9, 81.5, 149.9);
  139.       ctx.bezierCurveTo(83.5, 149.9, 84.8, 150.8, 85.4, 152.5);
  140.       ctx.lineTo(101.7, 209.5);
  141.       ctx.bezierCurveTo(101.8, 209.9, 101.9, 210.3, 101.9, 210.7);
  142.       ctx.bezierCurveTo(101.9, 211.8, 101.5, 212.8, 100.7, 213.6);
  143.       ctx.bezierCurveTo(100.0, 214.4, 99.1, 214.8, 98.0, 214.8);
  144.       ctx.bezierCurveTo(95.9, 214.8, 94.5, 213.8, 93.9, 211.8);
  145.       ctx.lineTo(90.7, 200.7);
  146.       ctx.lineTo(71.9, 200.7);
  147.       ctx.lineTo(68.4, 212.6);
  148.       ctx.bezierCurveTo(68.3, 213.1, 67.8, 213.6, 67.1, 214.1);
  149.       ctx.bezierCurveTo(66.4, 214.6, 65.6, 214.8, 64.8, 214.8);
  150.       ctx.bezierCurveTo(63.6, 214.8, 62.6, 214.4, 61.8, 213.6);
  151.       ctx.bezierCurveTo(61.0, 212.8, 60.6, 211.8, 60.6, 210.6);
  152.       ctx.bezierCurveTo(60.6, 210.1, 60.7, 209.6, 60.8, 209.1);
  153.       ctx.closePath();
  154.  
  155.       // livello1/Gruppo/Tracciato composto/Tracciato
  156.       ctx.moveTo(81.4, 168.9);
  157.       ctx.lineTo(74.4, 192.4);
  158.       ctx.lineTo(88.3, 192.4);
  159.       ctx.lineTo(81.4, 168.9);
  160.       ctx.closePath();
  161.       ctx.fill();
  162.  
  163.       // livello1/Gruppo/Tracciato composto
  164.       ctx.beginPath();
  165.  
  166.       // livello1/Gruppo/Tracciato composto/Tracciato
  167.       ctx.moveTo(137.5, 175.4);
  168.       ctx.lineTo(137.5, 173.3);
  169.       ctx.lineTo(129.0, 161.2);
  170.       ctx.lineTo(129.0, 210.7);
  171.       ctx.bezierCurveTo(129.0, 211.8, 128.6, 212.8, 127.8, 213.6);
  172.       ctx.bezierCurveTo(127.0, 214.4, 126.0, 214.8, 124.9, 214.8);
  173.       ctx.bezierCurveTo(123.8, 214.8, 122.8, 214.4, 122.0, 213.6);
  174.       ctx.bezierCurveTo(121.2, 212.8, 120.8, 211.8, 120.8, 210.7);
  175.       ctx.lineTo(120.8, 149.9);
  176.       ctx.lineTo(131.4, 149.9);
  177.       ctx.lineTo(141.5, 164.6);
  178.       ctx.lineTo(151.9, 149.9);
  179.       ctx.lineTo(162.3, 149.9);
  180.       ctx.lineTo(162.3, 210.7);
  181.       ctx.bezierCurveTo(162.3, 211.8, 161.9, 212.8, 161.1, 213.6);
  182.       ctx.bezierCurveTo(160.2, 214.4, 159.2, 214.8, 158.1, 214.8);
  183.       ctx.bezierCurveTo(157.0, 214.8, 156.0, 214.4, 155.2, 213.6);
  184.       ctx.bezierCurveTo(154.4, 212.8, 154.0, 211.8, 154.0, 210.7);
  185.       ctx.lineTo(154.0, 161.4);
  186.       ctx.lineTo(145.7, 173.1);
  187.       ctx.lineTo(145.7, 175.4);
  188.       ctx.bezierCurveTo(145.7, 176.5, 145.3, 177.4, 144.5, 178.3);
  189.       ctx.bezierCurveTo(143.7, 179.1, 142.7, 179.5, 141.6, 179.5);
  190.       ctx.bezierCurveTo(140.5, 179.5, 139.5, 179.1, 138.7, 178.3);
  191.       ctx.bezierCurveTo(137.9, 177.4, 137.5, 176.5, 137.5, 175.4);
  192.       ctx.closePath();
  193.       ctx.fill();
  194.  
  195.       // livello1/Gruppo/Tracciato composto
  196.       ctx.beginPath();
  197.  
  198.       // livello1/Gruppo/Tracciato composto/Tracciato
  199.       ctx.moveTo(218.6, 158.2);
  200.       ctx.lineTo(189.6, 158.2);
  201.       ctx.lineTo(189.6, 178.2);
  202.       ctx.lineTo(202.1, 178.2);
  203.       ctx.bezierCurveTo(203.2, 178.2, 204.2, 178.6, 205.0, 179.4);
  204.       ctx.bezierCurveTo(205.8, 180.2, 206.2, 181.2, 206.2, 182.3);
  205.       ctx.bezierCurveTo(206.2, 183.4, 205.8, 184.4, 205.0, 185.2);
  206.       ctx.bezierCurveTo(204.2, 186.1, 203.2, 186.5, 202.1, 186.5);
  207.       ctx.lineTo(189.6, 186.5);
  208.       ctx.lineTo(189.6, 206.6);
  209.       ctx.lineTo(218.7, 206.6);
  210.       ctx.bezierCurveTo(219.8, 206.6, 220.8, 207.0, 221.6, 207.8);
  211.       ctx.bezierCurveTo(222.4, 208.6, 222.8, 209.5, 222.8, 210.7);
  212.       ctx.bezierCurveTo(222.8, 211.8, 222.4, 212.8, 221.6, 213.6);
  213.       ctx.bezierCurveTo(220.7, 214.4, 219.7, 214.8, 218.6, 214.8);
  214.       ctx.lineTo(181.4, 214.8);
  215.       ctx.lineTo(181.4, 149.9);
  216.       ctx.lineTo(218.6, 149.9);
  217.       ctx.bezierCurveTo(219.7, 149.9, 220.7, 150.3, 221.6, 151.1);
  218.       ctx.bezierCurveTo(222.4, 152.0, 222.8, 153.0, 222.8, 154.1);
  219.       ctx.bezierCurveTo(222.8, 155.2, 222.4, 156.2, 221.6, 157.0);
  220.       ctx.bezierCurveTo(220.7, 157.8, 219.7, 158.2, 218.6, 158.2);
  221.       ctx.closePath();
  222.       ctx.fill();
  223.       ctx.restore();
  224.       ctx.restore();
  225.     }
  226.   </script>
  227.  </head>
  228.  <body onload="init()">
  229.    <canvas id="canvas" width="223" height="215"></canvas>
  230.  </body>
  231. </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!