<div id="container">
        <div id="content">
            <div id="background"></div>
            <h1>Happy New Year !</h1>
            <canvas id="myCanvas" width="800" height="500"></canvas>
        </div>
    </div>
  /* FONT */
        @import url(https://fonts.googleapis.com/css?family=Titan+One);
        html,
        body,
        div,
        span,
        applet,
        object,
        iframe,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        blockquote,
        pre,
        a,
        abbr,
        acronym,
        address,
        big,
        cite,
        code,
        del,
        dfn,
        em,
        img,
        ins,
        kbd,
        q,
        s,
        samp,
        small,
        strike,
        strong,
        sub,
        sup,
        tt,
        var,
        b,
        u,
        i,
        center,
        dl,
        dt,
        dd,
        ol,
        ul,
        li,
        fieldset,
        form,
        label,
        legend,
        table,
        caption,
        tbody,
        tfoot,
        thead,
        tr,
        th,
        td,
        article,
        aside,
        canvas,
        details,
        embed,
        figure,
        figcaption,
        footer,
        header,
        hgroup,
        menu,
        nav,
        output,
        ruby,
        section,
        summary,
        time,
        mark,
        audio,
        video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }
        article,
        aside,
        details,
        figcaption,
        figure,
        footer,
        header,
        hgroup,
        menu,
        nav,
        section {
            display: block;
        }
        body {
            line-height: 1;
        }
        ol,
        ul {
            list-style: none;
        }
        blockquote,
        q {
            quotes: none;
        }
        blockquote: before, blockquote: after, q: before, q: after {
            content: '';
            content: none;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        html {
            height: 100%;
            min-height: 100%;
        }
        body {
            height: 100%;
            min-height: 100%;
            margin: 0;
            background: #a3c7e5;
            background: -moz-linear-gradient(top, #a3c7e5 0%, #ffffff 58%, #ffffff 100%);
            background: -webkit-gradient(left top, left bottom, color-stop(0%, #a3c7e5), color-stop(58%, #ffffff), color-stop(100%, #ffffff));
            background: -webkit-linear-gradient(top, #a3c7e5 0%, #ffffff 58%, #ffffff 100%);
            background: -o-linear-gradient(top, #a3c7e5 0%, #ffffff 58%, #ffffff 100%);
            background: -ms-linear-gradient(top, #a3c7e5 0%, #ffffff 58%, #ffffff 100%);
            background: linear-gradient(to bottom, #a3c7e5 0%, #ffffff 58%, #ffffff 100%);
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a3c7e5', endColorstr='#ffffff', GradientType=0);
        }
        /* JUMP */
        h1 {
            cursor: default;
            position: absolute;
            top: -100px;
            left: 140px;
            right: 0;
            bottom: 0;
            height: 0px;
            margin: 0 auto;
            display: block;
            width: 800px;
            /* -webkit-animation: bounce .3s ease infinite alternate;*/
            font-family: 'Titan One', cursive;
            font-size: 70px;
            color: #FFF;
            text-align: left;
            line-height: 100px;
            text-shadow: 0 1px 0 #CCC, 0 2px 0 #CCC, 0 3px 0 #CCC, 0 4px 0 #CCC, 0 5px 0 #CCC, 0 6px 0 transparent, 0 7px 0 transparent, 0 8px 0 transparent, 0 9px 0 transparent, 0 10px 10px rgba(0, 0, 0, .6);
        }
        /* ANIMATION */
        @-webkit-keyframes bounce {
            100% {
                top: -10px;
                text-shadow: 0 1px 0 #CCC, 0 2px 0 #CCC, 0 3px 0 #CCC, 0 4px 0 #CCC, 0 5px 0 #CCC, 0 6px 0 #CCC, 0 7px 0 #CCC, 0 8px 0 #CCC, 0 9px 0 #CCC, 0 30px 30px rgba(0, 0, 0, .3);
            }
        }
        /* CONTAINER */
        #container {
            width: 100%;
            height: 100%;
        }
        /* BACKGROUND */
        #background {
            border: 2px solid #595570;
            z-index: 300;
            width: 798px;
            height: 498px;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            position: absolute;
            
        }
        #background span {
        position: absolute;
        right: 5px;
        bottom: 5px;
        color:#595570;
        font-family: 'Titan One', cursive;
            font-size: 12px;
        }
        /* CONTENT */
        #content {
            width: 800px;
            height: 500px;
            margin: auto;
        }
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var points = [];
var lgt;
var yeti = [];
var shape = [];
var width = 800;
var height = 500;
var COUNT = 300;
var snowflakes = [];
var snowflake;
var scene= {
  "g": {
    "-id": "decors",
    "polyline": [
      {
        "-fill": "#D1D1D1",
        "-points": "-0.75,600 0,321 118,600  "
      },
      {
        "-fill": "#E5E5E5",
        "-points": "118.009,599.662 0,288 0,321  "
      },
      {
        "-fill": "#E4E4E4",
        "-points": "118.009,599.662 23,263 0,288  "
      },
      {
        "-fill": "#E4E4E4",
        "-points": "118.009,599.662 112,407.5 23,263  "
      },
      {
        "-fill": "#9B9B9C",
        "-points": "166.125,600 203,448.5 124.5,362  "
      },
      {
        "-fill": "#A5A5A5",
        "-points": "166.125,600 124.5,362 118,600  "
      },
      {
        "-fill": "#CFCFCF",
        "-points": "207.917,429.331 137.5,266.5 136.569,375.299  "
      },
      {
        "-fill": "#E9E9E9",
        "-points": "207.917,429.331 221.772,375.312 137.5,266.5  "
      },
      {
        "-fill": "#E8E9EA",
        "-points": "136.569,375.299 137.5,266.5 124.5,362  "
      },
      {
        "-fill": "#E8E9EA",
        "-points": "124.5,362 137.5,266.5 112,407.5  "
      },
      {
        "-fill": "#D0D0D0",
        "-points": "299.5,507 238.333,310.75 203,448.5  "
      },
      {
        "-fill": "#D3D3D3",
        "-points": "303.955,580.878 299.5,507 229.5,553.5  "
      },
      {
        "-fill": "#D3D3D3",
        "-points": "229.5,553.5 299.5,507 203,448.5  "
      },
      {
        "-fill": "#E1E1E1",
        "-points": "229.5,553.5 203,448.033 209.5,572  "
      },
      {
        "-fill": "#CECECE",
        "-points": "209.5,572 203,448.5 166.125,600  "
      },
      {
        "-fill": "#9C9C9C",
        "-points": "225.5,600 356.5,600.2 229.5,553.5  "
      },
      {
        "-fill": "#B5B5B5",
        "-points": "225.5,600 229.5,553.5 166.125,600  "
      },
      {
        "-fill": "#CCCCCC",
        "-points": "303.955,580.878 334.5,481 297.19,508.534  "
      },
      {
        "-fill": "#B2B2B2",
        "-points": "356.5,600.2 334.5,481 303.955,580.878  "
      },
      {
        "-fill": "#959595",
        "-points": "368.5,600.2 372.5,426.5 334.5,481  "
      },
      {
        "-fill": "#959595",
        "-points": "395,600.2 372.5,426.5 367,600  "
      },
      {
        "-fill": "#8D8D8D",
        "-points": "454.5,600.2 372.5,426.5 395,600.2  "
      },
      {
        "-fill": "#B2B2B2",
        "-points": "368.5,600.2 334.5,481 356.5,600.2  "
      },
      {
        "-fill": "#8D8D8D",
        "-points": "481,572 372.5,426.5 454.5,600.2  "
      },
      {
        "-fill": "#CDCDCD",
        "-points": "464.644,550.065 458,459.5 397.108,459.5  "
      },
      {
        "-fill": "#C7C7C7",
        "-points": "464.644,550.065 506,467.164 458,459.5  "
      },
      {
        "-fill": "#CDCDCD",
        "-points": "481,572 498.5,466 464.26,549.552  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "495.5,600.2 522.5,335.5 474.5,600.2  "
      },
      {
        "-fill": "#969795",
        "-points": "645,600 582.5,369 600,600  "
      },
      {
        "-fill": "#949492",
        "-points": "601.668,600 582.5,369 495.5,600.2  "
      },
      {
        "-fill": "#949492",
        "-points": "495.5,600.2 582.5,369 522.5,335.5  "
      },
      {
        "-fill": "#969795",
        "-points": "645,600 682.75,486.125 582.5,369  "
      },
      {
        "-fill": "#969795",
        "-points": "692.5,600 682.75,486.125 645,600  "
      },
      {
        "-fill": "#848484",
        "-points": "748.5,600.2 682.75,486.125 692.5,600  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "800,537.75 760.5,369 737.5,564.5  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "800,537.75 800,600 737.5,564.5  "
      },
      {
        "-fill": "#9E9E9E",
        "-points": "737.5,564.5 752.442,437.493 695,499.746  "
      },
      {
        "-fill": "#9E9E9E",
        "-points": "695,499.746 752.442,437.493 679.5,297.5  "
      },
      {
        "-fill": "#C0C0C0",
        "-points": "752.442,437.493 757.139,397.575 679.5,297.5  "
      },
      {
        "-fill": "#E6E6E6",
        "-points": "760.5,369 800,355.648 718.319,312.5  "
      },
      {
        "-fill": "#E9E9E9",
        "-points": "645.398,443.593 679.5,297.5 652.494,344.533  "
      },
      {
        "-fill": "#E9E9E9",
        "-points": "695,499.746 679.5,297.5 645.398,443.593  "
      },
      {
        "-fill": "#D2D2D2",
        "-points": "645.398,443.593 575,267.704 651.625,359.625  "
      },
      {
        "-fill": "#D2D2D2",
        "-points": "645.398,443.593 575,267.704 582.5,369  "
      },
      {
        "-fill": "#D2D2D2",
        "-points": "563.959,358.648 575,267.704 582.5,369  "
      },
      {
        "-fill": "#D5D5D5",
        "-points": "760.5,369 718.319,312.5 757.139,397.575  "
      },
      {
        "-fill": "#D5D5D5",
        "-points": "757.139,397.575 718.319,312.5 711.568,338.835  "
      },
      {
        "-fill": "#AEAEAE",
        "-points": "800,538.5 800,355.648 760.5,369  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "748.5,600.2 800,600 737.5,564.5  "
      },
      {
        "-fill": "#848484",
        "-points": "748.5,600.2 695,499.746 682.75,486.125  "
      },
      {
        "-fill": "#848484",
        "-points": "748.5,600.2 737.5,564.5 695,499.746  "
      },
      {
        "-fill": "#E8E9EA",
        "-points": "118.009,599.662 124.5,362 112,407.5  "
      },
      {
        "-fill": "#CFCFCF",
        "-points": "207.917,429.331 136.569,375.299 203,448.5  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "474.5,600.2 481,572 454.5,600.2  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "458,459.5 474.5,307.334 498.5,466  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "522.5,335.5 498.5,466 474.5,307.334  "
      },
      {
        "-fill": "#F2F2F2",
        "-points": "448.002,459.5 474.5,307.334 458,459.5  "
      },
      {
        "-fill": "#D5D5D5",
        "-points": "334.5,481 238.333,310.75 291,513.35  "
      },
      {
        "-fill": "#CECECE",
        "-points": "468,347.5 462.25,377.5 427.75,428.094  "
      },
      {
        "-fill": "#D8D8D8",
        "-points": "427.75,428.094 462.25,377.5 452.25,435  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "326.143,466 334.5,481 344.52,466.63  "
      },
      {
        "-fill": "#D4D4D8",
        "-points": "448.002,459.5 427.75,428.094 452.25,435  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "340.835,417.524 336.312,438.544 376.125,419.625  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "334.5,445.331 350.043,458.708 372.5,426.5  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "336.312,438.544 338.25,440.125 376.125,419.625  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "334.5,445.331 372.5,426.5 376.125,419.625  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "376.125,419.625 372.5,426.5 394.381,443  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "372.5,426.5 397.108,459.5 403,450.781  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "395,441.411 391.653,417.156 376.125,419.625  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "334.375,461.498 334.5,481 346.528,463.749  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "395,441.411 394.381,443 376.125,419.625  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "394.381,443 403,450.781 372.5,426.5  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "392.875,416.25 376.125,419.625 391.653,417.156  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "403,450.781 397.108,459.5 399.938,459.5  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "338.25,440.125 334.5,445.331 376.125,419.625  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "332.875,440.125 330.5,440.125 329.335,445.331  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "338.25,440.125 332.875,440.125 329.335,445.331  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "334.5,445.331 338.25,440.125 329.335,445.331  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "332.875,440.125 338.25,440.125 334.375,436.963  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "329.335,445.331 324.125,437.875 320.335,445.331  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "330.5,440.125 329.335,445.331 324.125,437.875  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "334.375,466 327.002,461.498 334.375,461.498  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "326.143,466 327.002,461.498 334.375,466  "
      },
      {
        "-fill": "#AAA9AE",
        "-points": "332.875,440.125 338.25,417.625 340.835,417.524  "
      },
      {
        "-fill": "#AAA9AE",
        "-points": "340.835,417.524 336.312,438.544 332.875,440.125  "
      },
      {
        "-fill": "#464359",
        "-points": "387.75,218 404.875,217.5 402.156,220.281  "
      },
      {
        "-fill": "#464359",
        "-points": "367.936,220.329 387.75,218 402.156,220.281  "
      },
      {
        "-fill": "#464359",
        "-points": "367.936,220.329 368.472,218 387.75,218.25  "
      },
      {
        "-fill": "#464359",
        "-points": "367.936,220.329 368.472,218 358.625,219.625  "
      },
      {
        "-fill": "#464359",
        "-points": "343.25,219.625 358.625,219.625 367.936,220.329  "
      },
      {
        "-fill": "#464359",
        "-points": "349.716,223.062 368.472,220.25 343.25,219.625  "
      },
      {
        "-fill": "#464359",
        "-points": "335.535,221.344 344.115,219.646 334.5,217.5  "
      },
      {
        "-fill": "#464359",
        "-points": "350.375,222.964 343.25,219.625 336.115,221.141  "
      },
      {
        "-fill": "#211F2D",
        "-points": "340.688,229.999 350.375,222.964 336.115,221.141  "
      },
      {
        "-fill": "#211F2D",
        "-points": "340.688,229.999 359.911,221.534 349.716,223.062  "
      },
      {
        "-fill": "#211F2D",
        "-points": "359.911,221.534 362.75,243.832 340.688,229.999  "
      },
      {
        "-fill": "#211F2D",
        "-points": "362.75,243.832 381.591,240.602 359.911,221.534  "
      },
      {
        "-fill": "#211F2D",
        "-points": "381.591,240.602 402.416,220.25 359.911,221.534  "
      },
      {
        "-fill": "#211F2D",
        "-points": "402.416,220.25 359.911,221.534 365.417,220.329  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "374.213,242.764 371.787,242.764 372.954,239.097  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "380.508,241.293 377.245,241.77 377.771,237.375  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "390.91,232.25 388.484,234.083 388.438,230.417  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "387.361,235.583 384.935,237.417 384.889,233.75  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "384.018,238.769 381.591,240.602 381.545,236.935  "
      },
      {
        "-fill": "#B4B4B4",
        "-points": "292,236.336 260.833,179.396 302.166,229.335  "
      },
      {
        "-fill": "#2988B2",
        "-points": "260.833,179.396 302.166,229.335 260.833,179.396  "
      },
      {
        "-fill": "#A3A3A3",
        "-points": "275.333,221.003 240.5,172.396 260.833,179.396  "
      },
      {
        "-fill": "#A1A1A1",
        "-points": "271.668,241.067 240.5,172.396 275.333,221.003  "
      },
      {
        "-fill": "#AFAFAF",
        "-points": "275.333,221.003 260.833,179.396 292,236.336  "
      },
      {
        "-fill": "#A1A1A1",
        "-points": "271.668,241.067 275.333,221.003 292,236.336  "
      },
      {
        "-fill": "#9B9B9B",
        "-points": "254.833,240.93 240.5,172.396 271.668,241.067  "
      },
      {
        "-fill": "#A0A0A0",
        "-points": "233.333,216.096 240.5,172.396 254.833,240.93  "
      },
      {
        "-fill": "#A9A9AB",
        "-points": "240.5,172.396 251.335,163.781 260.833,179.396  "
      },
      {
        "-fill": "#B6B6B6",
        "-points": "235.07,178.649 233.333,216.096 239.474,178.649  "
      },
      {
        "-fill": "#CBCCCC",
        "-points": "224.25,209.228 235.07,178.649 233.333,216.096  "
      },
      {
        "-fill": "#E1DBE0",
        "-points": "235.07,178.649 229.911,169.534 224.25,209.228  "
      },
      {
        "-fill": "#CAC4C1",
        "-points": "245,239.125 224.25,209.228 233.333,216.096  "
      },
      {
        "-fill": "#A1A1A1",
        "-points": "289.5,280.5 254.833,240.93 271.668,241.067  "
      },
      {
        "-fill": "#A1A1A1",
        "-points": "290.804,290.336 254.833,240.93 289.5,280.5  "
      },
      {
        "-fill": "#B2B2B0",
        "-points": "245,239.125 233.333,216.096 254.833,240.93  "
      },
      {
        "-fill": "#BCBCBB",
        "-points": "245,239.125 290.804,290.336 254.833,240.93  "
      },
      {
        "-fill": "#A0A0A0",
        "-points": "309.94,260.783 271.668,241.067 317.75,253.25  "
      },
      {
        "-fill": "#8D8D8E",
        "-points": "317.75,253.25 302.166,229.335 313.75,237.375  "
      },
      {
        "-fill": "#9C9C9C",
        "-points": "317.75,253.25 292,236.336 302.166,229.335  "
      },
      {
        "-fill": "#A0A0A0",
        "-points": "271.668,241.067 292,236.336 317.75,253.25  "
      },
      {
        "-fill": "#CCCBD1",
        "-points": "302.166,229.335 260.833,179.396 273.25,187.043  "
      },
      {
        "-fill": "#CCCBD1",
        "-points": "260.833,179.396 251.335,163.781 273.25,187.043  "
      },
      {
        "-fill": "#8B84A5",
        "-points": "258.918,133.085 262.335,130.169 267.418,140.669  "
      },
      {
        "-fill": "#8B84A5",
        "-points": "260.833,137.419 258.918,133.085 267.418,140.669  "
      },
      {
        "-fill": "#746C8A",
        "-points": "254.792,144.062 260.833,137.419 258.042,146.752  "
      },
      {
        "-fill": "#746C8A",
        "-points": "260.833,137.419 267.418,140.669 263.168,145.085  "
      },
      {
        "-fill": "#746C8A",
        "-points": "260.833,137.419 263.168,145.085 258.042,146.752  "
      },
      {
        "-fill": "#59556D",
        "-points": "254.792,144.062 258.918,133.085 262.292,138.419  "
      },
      {
        "-fill": "#59556D",
        "-points": "250.666,139.169 258.918,133.085 254.792,144.35  "
      },
      {
        "-fill": "#322F42",
        "-points": "249.542,147.502 248.418,141.752 250.666,139.169  "
      },
      {
        "-fill": "#322F42",
        "-points": "249.542,147.085 250.666,139.169 258.042,146.752  "
      },
      {
        "-fill": "#6C6887",
        "-points": "238.209,142.377 245.335,132.169 248.418,141.752  "
      },
      {
        "-fill": "#353244",
        "-points": "251.209,139.169 245.335,132.169 250.666,132.169  "
      },
      {
        "-fill": "#5E5C7F",
        "-points": "237.464,154.336 238.209,142.377 248.418,141.752  "
      },
      {
        "-fill": "#434055",
        "-points": "238.007,161.336 232.133,154.336 237.464,154.336  "
      },
      {
        "-fill": "#9791B0",
        "-points": "232.959,170.781 227.085,163.781 232.416,163.781  "
      },
      {
        "-fill": "#9791B0",
        "-points": "224.752,160.419 229.196,149.002 230.502,163.781  "
      },
      {
        "-fill": "#9791B0",
        "-points": "230.502,163.781 229.196,149.002 232.416,163.781  "
      },
      {
        "-fill": "#9791B0",
        "-points": "231.265,158.499 229.196,149.002 231.418,149.002  "
      },
      {
        "-fill": "#797192",
        "-points": "244.083,169.547 238.007,161.336 258.042,146.752  "
      },
      {
        "-fill": "#797192",
        "-points": "251.335,163.781 244.083,169.547 258.042,146.752  "
      },
      {
        "-fill": "#7C7596",
        "-points": "232.959,139.696 235.181,129.835 238.209,142.377  "
      },
      {
        "-fill": "#7C7596",
        "-points": "243.313,129.835 245.335,132.169 235.181,129.835  "
      },
      {
        "-fill": "#7C7596",
        "-points": "238.209,142.377 235.181,129.835 245.335,132.169  "
      },
      {
        "-fill": "#6C6887",
        "-points": "248.418,141.752 245.335,132.169 251.209,139.169  "
      },
      {
        "-fill": "#5F5D7A",
        "-points": "246.358,155.866 237.464,154.336 248.418,141.752  "
      },
      {
        "-fill": "#797192",
        "-points": "258.042,146.752 246.358,155.866 249.542,147.085  "
      },
      {
        "-fill": "#6C6787",
        "-points": "249.542,147.085 246.358,155.866 248.418,141.752  "
      },
      {
        "-fill": "#8680A1",
        "-points": "238.209,142.377 231.418,149.002 232.959,139.696  "
      },
      {
        "-fill": "#5F5A76",
        "-points": "237.464,154.336 232.133,154.336 238.209,142.377  "
      },
      {
        "-fill": "#5F5A76",
        "-points": "238.209,142.377 231.418,149.002 232.133,154.336  "
      },
      {
        "-fill": "#9791B0",
        "-points": "229.196,149.002 231.418,149.002 235.181,129.835  "
      },
      {
        "-fill": "#434055",
        "-points": "232.133,154.336 238.007,161.336 231.265,158.499  "
      },
      {
        "-fill": "#434055",
        "-points": "246.358,155.866 237.464,154.336 238.007,161.336  "
      },
      {
        "-fill": "#9791B0",
        "-points": "230.502,163.781 227.085,163.781 224.752,160.419  "
      },
      {
        "-fill": "#9791B0",
        "-points": "232.133,154.336 231.265,158.499 231.418,149.002  "
      },
      {
        "-fill": "#434055",
        "-points": "238.007,161.336 231.265,158.499 232.416,163.781  "
      },
      {
        "-fill": "#736E8D",
        "-points": "239.474,178.649 237.464,171.588 240.5,172.396  "
      },
      {
        "-fill": "#736E8D",
        "-points": "237.464,171.588 235.07,178.649 239.474,178.649  "
      },
      {
        "-fill": "#5F5B75",
        "-points": "238.007,161.336 240.5,172.396 232.133,163.781  "
      },
      {
        "-fill": "#5F5B75",
        "-points": "240.5,172.396 238.007,161.336 244.083,169.547  "
      },
      {
        "-fill": "#736E8D",
        "-points": "240.5,172.396 232.959,170.781 232.133,163.781  "
      },
      {
        "-fill": "#70758E",
        "-points": "232.959,170.781 235.07,178.649 224.752,160.419  "
      },
      {
        "-fill": "#736E8D",
        "-points": "232.959,170.781 237.464,171.588 235.07,178.649  "
      },
      {
        "-fill": "#47445C",
        "-points": "253.504,120.75 250.666,132.169 246.749,118.33  "
      },
      {
        "-fill": "#423653",
        "-points": "253.792,125.25 250.666,132.169 253.504,120.75  "
      },
      {
        "-fill": "#47445C",
        "-points": "246.749,118.33 243.313,129.835 239.504,129.835  "
      },
      {
        "-fill": "#47445C",
        "-points": "246.749,118.33 245.335,132.169 243.313,129.835  "
      },
      {
        "-fill": "#47445C",
        "-points": "246.749,118.33 250.666,132.169 245.335,132.169  "
      },
      {
        "-fill": "#353244",
        "-points": "251.209,139.169 250.666,132.169 253.792,136.864  "
      },
      {
        "-fill": "#CCCCCC",
        "-points": "289.5,280.5 333,284.5 299.5,317  "
      },
      {
        "-fill": "#BEBEBE",
        "-points": "299.5,317 333,284.5 336.5,312  "
      },
      {
        "-fill": "#D0D0D0",
        "-points": "289.5,280.5 317.75,253.25 333,284.5  "
      },
      {
        "-fill": "#A0A0A0",
        "-points": "333,284.5 365,278.25 336.5,312  "
      },
      {
        "-fill": "#B4B4B4",
        "-points": "333,284.5 361,259.25 365,278.25  "
      },
      {
        "-fill": "#D0D0D0",
        "-points": "299.5,317 336.5,312 303.5,353.25  "
      },
      {
        "-fill": "#DFDFDF",
        "-points": "336.5,312 330.5,347.5 303.5,353.25  "
      },
      {
        "-fill": "#BBBBBB",
        "-points": "336.5,312 367.5,312 330.5,347.5  "
      },
      {
        "-fill": "#C8C8C8",
        "-points": "303.5,353.25 330.5,347.5 330.5,397  "
      },
      {
        "-fill": "#CBCBCB",
        "-points": "330.5,347.5 367.5,311.75 378.25,347.5  "
      },
      {
        "-fill": "#B8B8B8",
        "-points": "367.5,312 414.25,311.75 378.25,347.5  "
      },
      {
        "-fill": "#C7C7C7",
        "-points": "378.25,347.5 414.25,311.75 423,347.5  "
      },
      {
        "-fill": "#C3C3C3",
        "-points": "400,407.5 378.125,347.5 423,347.5  "
      },
      {
        "-fill": "#D3D3D3",
        "-points": "400,407.5 423,347.5 445,357.75  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "373.5,416.25 330.5,347.5 378.25,347.5  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "338.25,417.625 330.5,347.5 373.5,416.25  "
      },
      {
        "-fill": "#BEBEBE",
        "-points": "373.5,416.25 378.25,347.5 400,407.5  "
      },
      {
        "-fill": "#E2E2E2",
        "-points": "423,347.5 445,312 445,357.75  "
      },
      {
        "-fill": "#DEDCDD",
        "-points": "414.25,311.75 445,274.5 445,312  "
      },
      {
        "-fill": "#A8A8A8",
        "-points": "367.5,312 414.25,285.75 414.25,311.75  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "414.25,285.75 398.75,253.25 421,253.25  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "414.25,285.75 421,253.25 425.229,263.116  "
      },
      {
        "-fill": "#DCDCDC",
        "-points": "414.25,285.75 424.357,261.083 435.17,267.667  "
      },
      {
        "-fill": "#DCDCDC",
        "-points": "414.25,311.75 414.25,285.75 435.17,267.667  "
      },
      {
        "-fill": "#DCDCDC",
        "-points": "414.25,311.75 435.17,267.667 445,274.5  "
      },
      {
        "-fill": "#B0B0B0",
        "-points": "367.5,312 373.5,278.25 414.25,285.75  "
      },
      {
        "-fill": "#B8B8B8",
        "-points": "373.5,278.25 378.125,251.5 398.75,253.25  "
      },
      {
        "-fill": "#BBBBBB",
        "-points": "373.56,277.902 367.5,254.281 378.125,251.5  "
      },
      {
        "-fill": "#858585",
        "-points": "367.5,312 367.5,254.281 373.56,277.902  "
      },
      {
        "-fill": "#C0C0C0",
        "-points": "333,284.5 345,258.25 361,259.25  "
      },
      {
        "-fill": "#C2C2C2",
        "-points": "317.75,253.5 345,258.25 333,284.5  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "313.75,210.875 338.709,177.062 341.429,178.649  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "313.75,210.75 341.429,178.649 330.875,208.75  "
      },
      {
        "-fill": "#9A9A9A",
        "-points": "313.75,237.375 313.75,210.875 330.875,208.75  "
      },
      {
        "-fill": "#BCBCB8",
        "-points": "334.5,217.5 330.875,208.75 346.875,212.875  "
      },
      {
        "-fill": "#9C9C9B",
        "-points": "346.875,212.875 358.625,219.625 343.25,219.625  "
      },
      {
        "-fill": "#9C9C9B",
        "-points": "334.5,217.5 346.875,212.875 343.25,219.625  "
      },
      {
        "-fill": "#A6A6A5",
        "-points": "358.625,219.625 368.125,208.125 368.125,218.25  "
      },
      {
        "-fill": "#929291",
        "-points": "368.125,218.25 368.125,208.125 388.792,208.125  "
      },
      {
        "-fill": "#929291",
        "-points": "387.75,218.25 367.957,218.25 388.792,208.125  "
      },
      {
        "-fill": "#9E9D9D",
        "-points": "387.75,218.25 388.792,208.125 404.875,208.75  "
      },
      {
        "-fill": "#9E9D9D",
        "-points": "404.875,217.5 387.75,218 404.875,208.75  "
      },
      {
        "-fill": "#C0C0C0",
        "-points": "327.25,255.125 338,230.5 340.835,232.25  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "327.25,255.125 340.835,232.25 345,258.25  "
      },
      {
        "-fill": "#A6A6A5",
        "-points": "358.625,219.625 347,212.938 353.875,207.969  "
      },
      {
        "-fill": "#B2B2B1",
        "-points": "358.625,219.625 353.875,207.969 368.125,208.125  "
      },
      {
        "-fill": "#9C9D9D",
        "-points": "317.75,253.25 318.375,229.5 330.875,208.75  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "319.25,247.875 330.875,208.75 334.5,217.5  "
      },
      {
        "-fill": "#C0C0C0",
        "-points": "317.438,253.5 319.25,247.875 327.25,255.125  "
      },
      {
        "-fill": "#C0C0C0",
        "-points": "327.25,255.375 319.25,247.875 338,230.5  "
      },
      {
        "-fill": "#C0C0C0",
        "-points": "338,230.5 333.438,219.625 319.25,247.875  "
      },
      {
        "-fill": "#B1B1B0",
        "-points": "330.875,208.75 341.429,178.649 348.625,184.875  "
      },
      {
        "-fill": "#B1B1B0",
        "-points": "348.625,184.875 341.429,178.649 369.875,175.5  "
      },
      {
        "-fill": "#7A7A79",
        "-points": "341.429,178.979 345.375,170.5 373,157.25  "
      },
      {
        "-fill": "#838382",
        "-points": "341.429,178.649 373,157.25 369.875,175.5  "
      },
      {
        "-fill": "#7A7A79",
        "-points": "369.875,175.5 373,157.25 372.5,175.5  "
      },
      {
        "-fill": "#848484",
        "-points": "380.75,180.75 383.75,172.188 403.375,172.188  "
      },
      {
        "-fill": "#828281",
        "-points": "387.75,188.125 380.75,180.75 403.375,172.188  "
      },
      {
        "-fill": "#BAB9B7",
        "-points": "372.5,175.5 373,157.25 380.75,163.5  "
      },
      {
        "-fill": "#727072",
        "-points": "375.375,177.062 372.5,175.5 380.75,163.5  "
      },
      {
        "-fill": "#8A8C8C",
        "-points": "380.75,180.75 375.375,177.062 383.75,172.188  "
      },
      {
        "-fill": "#BDBCBB",
        "-points": "383.75,172.188 387.75,167.25 400.75,172.188  "
      },
      {
        "-fill": "#E3E1E2",
        "-points": "383.75,172.188 380.75,163.5 387.75,167.25  "
      },
      {
        "-fill": "#8A8C8C",
        "-points": "383.75,172.188 375.375,177.062 380.75,163.5  "
      },
      {
        "-fill": "#B2B2B3",
        "-points": "401.5,204.824 387.75,188.125 393.5,181.75  "
      },
      {
        "-fill": "#CACACA",
        "-points": "404.875,208.75 393.5,181.75 420.875,210  "
      },
      {
        "-fill": "#CACACA",
        "-points": "393.5,181.75 397.625,178.125 420.875,210  "
      },
      {
        "-fill": "#CACACA",
        "-points": "404.875,208.375 401.5,204.824 393.5,181.75  "
      },
      {
        "-fill": "#8B8B8B",
        "-points": "404.875,217.5 404.875,208.75 420.875,210  "
      },
      {
        "-fill": "#818182",
        "-points": "407.188,220.25 404.875,217.5 420.875,210  "
      },
      {
        "-fill": "#8B8B8B",
        "-points": "420.25,248.625 407.188,220.25 420.875,210  "
      },
      {
        "-fill": "#AEAEAE",
        "-points": "388.938,249.125 384.125,242.812 407.188,220.25  "
      },
      {
        "-fill": "#AFAFAF",
        "-points": "399.188,253.688 388.938,249.125 407.188,220.25  "
      },
      {
        "-fill": "#AFAFAF",
        "-points": "404.875,229.312 407.188,220.25 419.904,247.875  "
      },
      {
        "-fill": "#ADADAD",
        "-points": "400,249.125 404.875,229.312 421,253.25  "
      },
      {
        "-fill": "#ADADAD",
        "-points": "399.188,253.688 400,249.125 421,253.25  "
      },
      {
        "-fill": "#AFAFAF",
        "-points": "421,253.25 404.875,229.312 419.739,242.125  "
      },
      {
        "-fill": "#D4D4D4",
        "-points": "314.875,438.875 300,393.75 311.375,393.75  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "311.375,393.75 313,368 324.125,437.875  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "324.125,437.875 313,368 337.026,406.221  "
      },
      {
        "-fill": "#A5A5A5",
        "-points": "330.5,395.839 330.5,347.5 337.026,406.221  "
      },
      {
        "-fill": "#AAA9AE",
        "-points": "324.125,437.875 337.026,406.221 338.25,417.625  "
      },
      {
        "-fill": "#AAA9AE",
        "-points": "332.875,440.125 330.5,440.125 338.25,417.625  "
      },
      {
        "-fill": "#AAA9AE",
        "-points": "324.125,437.875 338.25,417.625 330.5,440.125  "
      },
      {
        "-fill": "#B7B6BC",
        "-points": "314.875,438.875 311.375,393.75 324.125,437.875  "
      },
      {
        "-fill": "#A0A0A0",
        "-points": "376.125,419.625 373.5,416.25 400,407.5  "
      },
      {
        "-fill": "#919093",
        "-points": "376.125,419.625 400,407.5 392.875,416.25  "
      },
      {
        "-fill": "#919093",
        "-points": "392.875,416.25 400,407.5 402.25,409.625  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "403.125,440.625 402.25,409.5 413.625,392.25  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "411.5,442.062 413.625,392.25 405.875,442.062  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "413.625,392.25 403.125,440.625 405.875,442.062  "
      },
      {
        "-fill": "#D2D2D2",
        "-points": "412.688,442.062 413.625,392.25 427,377.5  "
      },
      {
        "-fill": "#CBCBCB",
        "-points": "412.688,442.062 427,377.5 427,404  "
      },
      {
        "-fill": "#BAB9C0",
        "-points": "418.75,446.844 414.75,442.062 427,404  "
      },
      {
        "-fill": "#BAB9C0",
        "-points": "414.75,442.062 412.688,442.062 427,404  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "412.688,442.062 411.5,442.062 413.625,392.25  "
      },
      {
        "-fill": "#D6D6D6",
        "-points": "418.75,446.844 426.78,404.585 423.875,440.625  "
      },
      {
        "-fill": "#B3B6B3",
        "-points": "433.625,392.875 432.125,376.812 445,357.75  "
      },
      {
        "-fill": "#D1D1D1",
        "-points": "432.125,377.562 427,377.562 445,357.75  "
      },
      {
        "-fill": "#DEDEDE",
        "-points": "427,377.5 432.125,377.562 433.625,392.875  "
      },
      {
        "-fill": "#DEDEDE",
        "-points": "427,404 433.625,392.875 427,377.5  "
      },
      {
        "-fill": "#939393",
        "-points": "402.25,409.625 399.938,407.5 413.625,392.25  "
      },
      {
        "-fill": "#DBDBDB",
        "-points": "414.25,311.75 445,312 423,347.5  "
      },
      {
        "-fill": "#AEAEAE",
        "-points": "430.75,229.122 465.5,195.875 448.125,238.25  "
      },
      {
        "-fill": "#999999",
        "-points": "448.125,238.25 465.5,195.875 473.25,206.5  "
      },
      {
        "-fill": "#8E8E8E",
        "-points": "430.75,228.912 448.125,238.25 443.5,248.625  "
      },
      {
        "-fill": "#888888",
        "-points": "424.357,261.083 443.5,248.625 430.75,265.5  "
      },
      {
        "-fill": "#B5B5B5",
        "-points": "430.75,265.5 452.614,255.634 445,274.5  "
      },
      {
        "-fill": "#A3A3A3",
        "-points": "443.5,248.625 448.125,238.25 452.614,255.634  "
      },
      {
        "-fill": "#A3A3A3",
        "-points": "452.614,255.634 472.715,205.767 448.125,238.25  "
      },
      {
        "-fill": "#BBBBBB",
        "-points": "468,249.047 486.25,172.188 486.25,191  "
      },
      {
        "-fill": "#C3C3C3",
        "-points": "445,274.5 468,250.25 450,279.5  "
      },
      {
        "-fill": "#C3C3C3",
        "-points": "450,278.25 468,250.25 448.125,288.667  "
      },
      {
        "-fill": "#E9E5E5",
        "-points": "478.75,240.875 486.25,191 495.25,177.062  "
      },
      {
        "-fill": "#C6C6C6",
        "-points": "468,249.047 486.25,191 468,261.75  "
      },
      {
        "-fill": "#C6C6C6",
        "-points": "468,261.75 486.25,191 478.75,240.875  "
      },
      {
        "-fill": "#E9E5E5",
        "-points": "478.75,240.875 495.25,177.062 491,213.875  "
      },
      {
        "-fill": "#C3C3C3",
        "-points": "448.125,288.667 468,250.25 468,261.75  "
      },
      {
        "-fill": "#B1B1B2",
        "-points": "442.375,214.75 455.5,181.75 465.5,195.875  "
      },
      {
        "-fill": "#949494",
        "-points": "465.5,195.875 477.125,170.188 486.25,172.188  "
      },
      {
        "-fill": "#A8A8A8",
        "-points": "455.5,181.75 477.125,170.188 465.5,195.875  "
      },
      {
        "-fill": "#C7C7C6",
        "-points": "486.25,191 486.25,172.188 495.25,177.062  "
      },
      {
        "-fill": "#979797",
        "-points": "465.5,195.875 486.25,172.188 472.715,205.767  "
      },
      {
        "-fill": "#C7C7C6",
        "-points": "495.25,177.062 495.25,169.719 486.25,172.188  "
      },
      {
        "-fill": "#A4A4A5",
        "-points": "421,253.25 430.75,229.122 424.357,261.083  "
      },
      {
        "-fill": "#888888",
        "-points": "424.357,261.083 430.75,228.912 443.5,248.625  "
      },
      {
        "-fill": "#9C9C9C",
        "-points": "430.75,265.5 443.5,248.625 452.614,255.634  "
      },
      {
        "-fill": "#A8A8A8",
        "-points": "345,258.25 340.835,232.25 362.75,246.562  "
      },
      {
        "-fill": "#AEAEAE",
        "-points": "362.75,246.562 384.125,242.812 367.5,254.281  "
      },
      {
        "-fill": "#A0A0A1",
        "-points": "352.812,252.688 362.75,246.562 367.5,254.281  "
      },
      {
        "-fill": "#A0A0A1",
        "-points": "361,259.456 360.156,253.5 367.5,254.281  "
      },
      {
        "-fill": "#C0C0C0",
        "-points": "345,258.25 353,252.688 361,259.25  "
      },
      {
        "-fill": "#AFAFAF",
        "-points": "361,259.25 367.5,254.281 365,278.25  "
      },
      {
        "-fill": "#A6A6A6",
        "-points": "336.5,312 367.5,275.08 367.5,312  "
      },
      {
        "-fill": "#A0A0A1",
        "-points": "353,252.688 360.156,253.5 361,259.25  "
      },
      {
        "-fill": "#AAAAAA",
        "-points": "365,278.25 367.5,254.281 367.5,276.168  "
      },
      {
        "-fill": "#949494",
        "-points": "420.29,239.287 447.465,201.954 419.904,246.75  "
      },
      {
        "-fill": "#949494",
        "-points": "419.904,246.594 430.75,229.122 421,253.25  "
      },
      {
        "-fill": "#A8A8A8",
        "-points": "373.5,250.142 384.125,242.812 388.938,249.125  "
      },
      {
        "-fill": "#8A8A8A",
        "-points": "378.125,251.5 388.938,249.125 398.75,253.25  "
      },
      {
        "-fill": "#8A8A8A",
        "-points": "373.5,250.142 388.938,249.125 367.5,254.281  "
      },
      {
        "-fill": "#CECCCD",
        "-points": "444.17,310.75 445,274.5 450,278.25  "
      },
      {
        "-fill": "#A8A8A8",
        "-points": "430.75,229.122 447.465,201.954 442.375,214.75  "
      },
      {
        "-fill": "#AEAEAE",
        "-points": "430.75,229.122 465.5,195.875 442.375,214.75  "
      },
      {
        "-fill": "#BDBDBE",
        "-points": "328.625,167.949 345.375,170.793 341.229,179.396  "
      },
      {
        "-fill": "#CBCFD1",
        "-points": "328.625,167.949 352.151,167.25 345.375,170.793  "
      },
      {
        "-fill": "#D6D6D8",
        "-points": "372.224,195.875 373.5,190.688 388.792,208.125  "
      },
      {
        "-fill": "#D6D6D8",
        "-points": "388.792,208.125 373.5,190.688 392.062,208.375  "
      },
      {
        "-fill": "#D6D6D8",
        "-points": "392.062,208.375 373.5,190.688 385.668,193.699  "
      },
      {
        "-fill": "#D6D6D8",
        "-points": "364.668,195.062 350.499,192.306 366.207,191.171  "
      },
      {
        "-fill": "#D6D6D8",
        "-points": "344.937,205.838 350.499,192.306 364.668,195.062  "
      },
      {
        "-fill": "#D6D6D8",
        "-points": "349.671,205.838 344.937,205.838 364.668,195.062  "
      },
      {
        "-fill": "#696583",
        "-points": "335.509,208.595 349.921,186.915 344.937,205.838  "
      },
      {
        "-fill": "#696583",
        "-points": "335.509,208.595 344.937,205.838 348.304,212.024  "
      },
      {
        "-fill": "#696583",
        "-points": "348.304,212.024 344.937,205.838 349.671,205.838  "
      },
      {
        "-fill": "#696583",
        "-points": "348.304,212.024 349.671,205.838 364.668,195.062  "
      },
      {
        "-fill": "#696583",
        "-points": "348.304,212.024 364.668,195.062 358.281,204.824  "
      },
      {
        "-fill": "#696583",
        "-points": "362.173,208.125 368.673,196.915 371.438,208.125  "
      },
      {
        "-fill": "#696583",
        "-points": "358.281,204.824 364.668,195.062 368.673,196.915  "
      },
      {
        "-fill": "#696583",
        "-points": "364.668,195.062 366.207,190.957 373.5,190.688  "
      },
      {
        "-fill": "#696583",
        "-points": "364.668,195.062 373.5,190.688 371.438,199.716  "
      },
      {
        "-fill": "#696583",
        "-points": "366.207,191.171 363.531,184.219 369.875,182.915  "
      },
      {
        "-fill": "#635F7C",
        "-points": "366.207,190.957 369.875,182.915 370.107,190.957  "
      },
      {
        "-fill": "#050503",
        "-points": "353.875,207.969 368.673,196.915 362.173,208.125  "
      },
      {
        "-fill": "#050503",
        "-points": "371.438,208.125 368.673,196.915 379.736,208.125  "
      },
      {
        "-fill": "#050503",
        "-points": "348.625,191.836 366.207,191.171 350.499,192.306  "
      },
      {
        "-fill": "#050503",
        "-points": "348.714,191.497 344.937,205.838 350.499,192.306  "
      },
      {
        "-fill": "#696583",
        "-points": "348.625,191.836 349.921,186.915 363.531,184.219  "
      },
      {
        "-fill": "#58546E",
        "-points": "348.625,191.836 366.207,191.171 363.531,184.219  "
      },
      {
        "-fill": "#49455C",
        "-points": "385.668,193.699 373.5,190.688 369.875,182.915  "
      },
      {
        "-fill": "#49455C",
        "-points": "373.5,190.688 370.107,190.957 369.875,182.915  "
      },
      {
        "-fill": "#696583",
        "-points": "379.736,208.125 371.438,199.716 388.792,208.125  "
      },
      {
        "-fill": "#696583",
        "-points": "372.224,195.875 388.792,208.125 371.438,199.716  "
      },
      {
        "-fill": "#49455C",
        "-points": "404.875,208.75 392.062,208.375 385.668,193.699  "
      },
      {
        "-fill": "#BBBBBB",
        "-points": "445,274.5 486.25,172.188 468,250.25  "
      },
      {
        "-fill": "#A4A4A4",
        "-points": "289.5,280.5 271.668,241.067 297.973,271.889  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "297.973,271.889 271.668,241.067 309.94,260.783  "
      },
      {
        "-fill": "#9C9D9D",
        "-points": "317.75,253.25 313.75,237.375 318.375,229.5  "
      },
      {
        "-fill": "#B4B4B4",
        "-points": "311.375,393.75 303.5,353.25 313,368  "
      },
      {
        "-fill": "#D9D9D9",
        "-points": "300,393.75 303.5,353.25 311.375,393.75  "
      },
      {
        "-fill": "#DFE1DD",
        "-points": "314.875,438.875 294.875,393.75 300,393.75  "
      },
      {
        "-fill": "#E5E3E4",
        "-points": "294.875,393.75 303.5,353.25 300,393.75  "
      },
      {
        "-fill": "#E5E3E4",
        "-points": "297.75,353.25 303.5,353.25 294.875,393.75  "
      },
      {
        "-fill": "#E5E3E4",
        "-points": "297.75,353.25 299.5,317 303.5,353.25  "
      },
      {
        "-fill": "#B8B8B6",
        "-points": "377.615,230.5 375.278,220.25 381.471,220.25  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "352.151,232.25 349.716,223.062 355.909,222.003  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "361.274,224.352 359.911,221.534 362.173,221.003  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "367.037,223.677 365.417,220.329 367.936,220.329  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "372.585,223.677 370.964,220.329 373.484,220.329  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "384.611,224.352 382.99,221.003 385.51,221.003  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "345.736,226.026 344.115,222.003 346.875,222.003  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "341.429,225.375 340.166,221.84 342.095,222.003  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "388.798,224.352 387.178,221.003 389.697,221.003  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "392.062,222.677 390.803,221.003 393.322,221.003  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "366.676,243.832 364.25,243.832 365.417,240.166  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "370.53,242.938 368.673,242.938 369.602,239.937  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "361.274,239.572 362.173,244.793 359.654,241.77  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "357.215,236.158 356.912,241.379 354.392,238.356  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "350.938,234.083 350.824,237.298 348.304,235.583  "
      },
      {
        "-fill": "#B0B0B3",
        "-points": "345.375,231.695 346.109,233.75 343.525,231.837  "
      },
      {
        "-fill": "#49465D",
        "-points": "330.875,208.75 348.625,184.875 335.509,208.595  "
      },
      {
        "-fill": "#49465D",
        "-points": "335.509,208.595 348.625,184.875 349.921,186.915  "
      },
      {
        "-fill": "#49465D",
        "-points": "348.625,184.875 369.875,181.25 349.921,186.915  "
      },
      {
        "-fill": "#49465D",
        "-points": "349.921,186.915 369.875,181.25 369.875,182.915  "
      },
      {
        "-fill": "#49465D",
        "-points": "369.875,181.25 379.08,183.333 369.875,182.915  "
      },
      {
        "-fill": "#3C3B4C",
        "-points": "392.062,198.667 369.875,182.915 379.08,183.333  "
      },
      {
        "-fill": "#69686F",
        "-points": "369.875,175.5 369.875,181.25 348.625,184.875  "
      },
      {
        "-fill": "#69686F",
        "-points": "369.875,175.5 372.5,175.5 379.08,183.333  "
      },
      {
        "-fill": "#69686F",
        "-points": "369.875,175.5 379.08,183.333 369.875,181.25  "
      },
      {
        "-fill": "#69686F",
        "-points": "372.5,175.5 375.375,177.062 379.08,183.333  "
      },
      {
        "-fill": "#69686F",
        "-points": "375.375,177.062 380.75,180.75 379.08,183.333  "
      },
      {
        "-fill": "#69686F",
        "-points": "380.75,180.75 401.5,204.824 379.08,183.333  "
      },
      {
        "-fill": "#69686F",
        "-points": "379.08,183.333 401.5,204.824 392.062,198.667  "
      },
      {
        "-fill": "#69686F",
        "-points": "401.5,204.824 404.875,208.75 392.062,198.667  "
      },
      {
        "-fill": "#69686F",
        "-points": "380.75,180.75 387.75,188.125 401.5,204.824  "
      },
      {
        "-fill": "#49465D",
        "-points": "330.875,208.75 335.509,208.595 346.875,212.875  "
      },
      {
        "-fill": "#49465D",
        "-points": "335.509,208.595 348.304,212.024 346.875,212.875  "
      },
      {
        "-fill": "#464359",
        "-points": "338,230.5 333.438,219.625 334.5,217.5  "
      },
      {
        "-fill": "#464359",
        "-points": "340.688,229.999 338,230.5 334.5,217.5  "
      },
      {
        "-fill": "#464359",
        "-points": "362.75,246.562 338,230.5 340.688,229.999  "
      },
      {
        "-fill": "#464359",
        "-points": "362.75,243.832 362.75,246.562 340.688,229.999  "
      },
      {
        "-fill": "#464359",
        "-points": "362.75,246.562 362.75,243.832 384.125,242.812  "
      },
      {
        "-fill": "#464359",
        "-points": "384.125,242.812 362.75,243.832 381.591,240.602  "
      },
      {
        "-fill": "#464359",
        "-points": "384.125,242.812 381.591,240.602 407.188,220.25  "
      },
      {
        "-fill": "#464359",
        "-points": "404.875,217.5 407.188,220.25 381.591,240.602  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "403.125,440.625 391.653,417.156 402.25,409.625  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "395,441.411 391.653,417.156 397.108,436  "
      },
      {
        "-fill": "#ABABAB",
        "-points": "397.108,436 391.653,417.156 403.125,440.625  "
      },
      {
        "-fill": "#6A6683",
        "-points": "422.5,459.5 438.062,459.5 414.75,442.062  "
      },
      {
        "-fill": "#676380",
        "-points": "422.5,459.5 406.781,459.5 411.931,446.844  "
      },
      {
        "-fill": "#6C6686",
        "-points": "422.5,459.5 407.938,442.062 414.75,442.062  "
      },
      {
        "-fill": "#595570",
        "-points": "410.328,450.781 403,450.781 407.938,442.062  "
      },
      {
        "-fill": "#676380",
        "-points": "406.781,459.5 403,450.781 410.328,450.781  "
      },
      {
        "-fill": "#545069",
        "-points": "399.938,459.5 403,450.781 406.781,459.5  "
      },
      {
        "-fill": "#545069",
        "-points": "403,450.781 394.381,443 397.108,436  "
      },
      {
        "-fill": "#545069",
        "-points": "403,450.781 397.108,436 407.938,442.062  "
      },
      {
        "-fill": "#DFE1DD",
        "-points": "308.25,434.359 294.875,393.75 314.875,438.875  "
      },
      {
        "-fill": "#777195",
        "-points": "327.002,461.498 320.335,453.172 320.335,445.331  "
      },
      {
        "-fill": "#777195",
        "-points": "327.002,461.498 320.335,445.331 328.502,445.331  "
      },
      {
        "-fill": "#777195",
        "-points": "332.002,454.164 327.002,461.498 328.502,445.331  "
      },
      {
        "-fill": "#686380",
        "-points": "346.528,463.749 332.002,454.164 328.502,445.331  "
      },
      {
        "-fill": "#686380",
        "-points": "346.528,463.749 328.502,445.331 334.5,445.331  "
      },
      {
        "-fill": "#686380",
        "-points": "346.528,463.749 334.5,445.331 350.043,458.708  "
      },
      {
        "-fill": "#777195",
        "-points": "326.143,466 308.25,434.359 314.875,438.875  "
      },
      {
        "-fill": "#777195",
        "-points": "320.335,453.172 314.875,438.875 324.125,437.875  "
      },
      {
        "-fill": "#777195",
        "-points": "326.143,466 320.335,453.172 327.002,461.498  "
      },
      {
        "-fill": "#4E4A66",
        "-points": "334.375,461.498 332.002,454.164 346.528,463.749  "
      },
      {
        "-fill": "#AAA9AE",
        "-points": "338.25,417.625 373.5,416.25 376.125,419.625  "
      },
      {
        "-fill": "#595570",
        "-points": "410.328,450.781 407.938,442.062 411.931,446.844  "
      },
      {
        "-fill": "#777195",
        "-points": "327.002,461.498 332.002,454.164 334.375,461.498  "
      },
      {
        "-fill": "#9B9B9B",
        "-points": "460.688,171.333 477.125,170.188 455.5,181.75  "
      },
      {
        "-fill": "#706E8B",
        "-points": "493.001,153.667 499.834,151.167 493.001,168.833  "
      },
      {
        "-fill": "#5A5672",
        "-points": "484.667,167.844 493.001,153.667 493.001,168.833  "
      },
      {
        "-fill": "#5A5672",
        "-points": "484.667,160.755 493.001,153.667 484.667,168.123  "
      },
      {
        "-fill": "#59556F",
        "-points": "493.001,153.667 488.834,148.333 499.834,151.167  "
      },
      {
        "-fill": "#59556F",
        "-points": "480.667,152.667 476.667,141.333 488.834,148.333  "
      },
      {
        "-fill": "#524E67",
        "-points": "484.667,160.755 493.001,153.667 488.834,148.333  "
      },
      {
        "-fill": "#524E67",
        "-points": "484.667,160.755 488.834,148.333 480.667,152.667  "
      },
      {
        "-fill": "#524E67",
        "-points": "466.312,154.544 480.667,152.667 476.667,141.333  "
      },
      {
        "-fill": "#444156",
        "-points": "452.834,157.833 464.001,159.168 476.667,141.333  "
      },
      {
        "-fill": "#444156",
        "-points": "464.001,159.168 480.667,152.667 466.312,154.544  "
      },
      {
        "-fill": "#4D4862",
        "-points": "452.834,157.833 462.001,167.844 484.667,167.844  "
      },
      {
        "-fill": "#4E4A63",
        "-points": "463.416,159.099 484.667,160.755 480.667,152.667  "
      },
      {
        "-fill": "#4E4A63",
        "-points": "452.834,157.833 484.667,168.123 484.667,160.755  "
      },
      {
        "-fill": "#9D94B3",
        "-points": "440.168,147.5 445.752,152.249 446.167,139.667  "
      },
      {
        "-fill": "#A296BC",
        "-points": "446.167,139.667 445.752,152.249 449.938,141.333  "
      },
      {
        "-fill": "#625D7B",
        "-points": "457.688,127.833 458.834,138 470,132.582  "
      },
      {
        "-fill": "#625D7B",
        "-points": "478.75,130.333 488.834,134.167 487,123.833  "
      },
      {
        "-fill": "#9D94B3",
        "-points": "507.168,132.333 513.167,141.333 510.168,131.5  "
      },
      {
        "-fill": "#444156",
        "-points": "464.502,149.875 470,132.582 458.834,138  "
      },
      {
        "-fill": "#444156",
        "-points": "470,132.582 464.502,149.875 474.916,142.667  "
      },
      {
        "-fill": "#444156",
        "-points": "478.75,130.333 476.667,141.333 488.834,134.167  "
      },
      {
        "-fill": "#444156",
        "-points": "476.667,141.333 488.834,148.333 488.834,134.167  "
      },
      {
        "-fill": "#444156",
        "-points": "495.25,137.333 504.334,147 499.834,151.167  "
      },
      {
        "-fill": "#444156",
        "-points": "488.834,148.333 499.834,151.167 495.25,137.333  "
      },
      {
        "-fill": "#55546D",
        "-points": "495.25,137.333 504.334,147 507.168,132.333  "
      },
      {
        "-fill": "#55546D",
        "-points": "507.168,132.333 504.334,147 513.167,141.333  "
      },
      {
        "-fill": "#444156",
        "-points": "449.938,154.544 452.834,157.833 456.5,144.25  "
      },
      {
        "-fill": "#444156",
        "-points": "456.5,144.25 452.834,157.833 462.667,151.167  "
      },
      {
        "-fill": "#504E64",
        "-points": "445.752,152.249 456.5,144.25 449.938,141.333  "
      },
      {
        "-fill": "#504E64",
        "-points": "445.752,152.249 449.938,154.544 456.5,144.25  "
      },
      {
        "-fill": "#252237",
        "-points": "456.5,144.25 457.75,142.212 446.167,139.667  "
      },
      {
        "-fill": "#252237",
        "-points": "464.502,149.875 457.75,142.212 456.5,144.25  "
      },
      {
        "-fill": "#252237",
        "-points": "464.502,149.875 456.5,144.25 462.667,151.167  "
      },
      {
        "-fill": "#252237",
        "-points": "488.834,148.333 488.834,140.252 495.25,137.333  "
      },
      {
        "-fill": "#252237",
        "-points": "488.834,140.252 495.25,134.585 507.584,132.333  "
      },
      {
        "-fill": "#9B9B9B",
        "-points": "462.001,167.844 477.125,170.188 460.688,171.333  "
      },
      {
        "-fill": "#9B9B9B",
        "-points": "493.001,168.833 495.25,169.719 486.25,172.188  "
      },
      {
        "-fill": "#898989",
        "-points": "462.001,167.844 493.001,168.833 486.25,172.188  "
      },
      {
        "-fill": "#767777",
        "-points": "462.001,167.844 486.25,167.844 493.001,168.833  "
      },
      {
        "-fill": "#000000",
        "-points": "380.115,202 374.048,197.224 378.125,194.081  "
      },
      {
        "-fill": "#000000",
        "-points": "381.89,200.45 380.115,202 378.125,194.081  "
      },
      {
        "-fill": "#000000",
        "-points": "359.898,193.287 355.861,201.391 361.559,197.265  "
      },
      {
        "-fill": "#000000",
        "-points": "355.861,201.391 353.875,199.531 359.898,193.287  "
      },
      {
        "-fill": "#B7B7B7",
        "-points": "373.5,278.25 398.75,253.25 414.25,285.75  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "419.12,445.331 438.062,459.5 423.875,440.625  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "423.875,440.625 438.062,459.5 448.002,459.5  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "423.875,440.625 427.75,428.094 448.002,459.5  "
      },
      {
        "-fill": "#FFFFFF",
        "-points": "444.17,398.623 426.78,404.585 423.875,440.625  "
      }
    ]
  }
} ;  
    
initStage();

  function initStage(){
 
 for(var t=0;t<scene['g']['polyline'].length;t++){
     
     yeti.push({
                            'x0': scene['g']['polyline'][t]['-points'].split(' ')[0].split(',')[0],
                            'y0': scene['g']['polyline'][t]['-points'].split(' ')[0].split(',')[1],
                            'x1':scene['g']['polyline'][t]['-points'].split(' ')[1].split(',')[0],
                            'y1': scene['g']['polyline'][t]['-points'].split(' ')[1].split(',')[1],
                            'x2': scene['g']['polyline'][t]['-points'].split(' ')[2].split(',')[0],
                            'y2': scene['g']['polyline'][t]['-points'].split(' ')[2].split(',')[1],
                            'color': hex2rgb(scene['g']['polyline'][t]['-fill'])
                        });
     
 }
   initSnowflake();
    lgt =scene["g"]["polyline"].length;
         
                
                for (var j = 0; j < lgt; j++) {
                    var _tri = new Triangle(j, yeti);
                    shape.push(_tri);
                }
                

                for (var k = 0; k < lgt; k++) {
                    shape[k].update();
                }
    
    TweenLite.ticker.addEventListener("tick", drawAll);
 
  } 



/*
class Snowflake
*/

 function Snowflake() {
        this.x = 0;
        this.y = 0;
        this.vy = 0;
        this.vx = 0;
        this.r = 0;
       
    
    this.reset = function () {
        this.x = Math.random() * width;
        this.y = Math.random() * -height;
        this.vy = 1 + Math.random() * 3;
        this.vx = 0.5 - Math.random();
        this.r = 1 + Math.random() * 2;
        this.o = 0.5 + Math.random() * 0.5;
    }
    
   
    this.update= function () {
    
            this.y += this.vy;
            this.x += this.vx;
            ctx.fillStyle = "rgba(255, 255, 255, " + snowflake.o + ")";
            ctx.beginPath();
            ctx.arc(this.x, this.y, this.r, 0, Math.PI * 2, false);
            ctx.closePath();
            ctx.fill();

            if (this.y > height) {
               this.reset();
            }
        }
    }
    /*
class Point
*/
    function Point(x, y) {
        this.x = x;
        this.y = y;
    };
  /*
Méthod calculGravityCenter
*/
    function calculGravityCenter(x1, x2, y1, y2) {
        var x = x1 + (2 * (x2 - x1)) / 3;
        var y = y1 + (2 * (y2 - y1)) / 3;
        return {
            'x': x,
            'y': y
        };
    };

/*
class Triangle
*/
    function Triangle(j, _array) {
        this.points = [];
        this.color = _array[j]['color'];
        this.n = j;
        for (var i = 0; i < 3; i++) {
        this.points.push(new Point(calculGravityCenter(Number(_array[j]['x0']), Number(_array[j]['x1']), Number(_array[j]['y0']), Number(_array[j]['y1'])).x, calculGravityCenter(Number(_array[j]['x0']), Number(_array[j]['x1']), Number(_array[j]['y0']), Number(_array[j]['y1'])).y));
          
        }


        this.update = function () {
            var _t = Math.floor(Math.random() * 10) / 10 + 1;
           for (var i = 0; i < 3; i++)

            {
                TweenLite.to(this.points[i], _t, {
                    x: Number(_array[j]['x' + i]),
                    y: Number(_array[j]['y' + i]),
                    delay: j / 80,
                    ease: Elastic.easeOut,
                    onComplete : countTweenShape
                });
            }

        }
       
        this.draw = function () {
            ctx.fillStyle = this.color;
            ctx.beginPath();
            ctx.moveTo(this.points[0].x, this.points[0].y);
            ctx.lineTo(this.points[1].x, this.points[1].y);
            ctx.lineTo(this.points[2].x, this.points[2].y);
            ctx.lineTo(this.points[0].x, this.points[0].y);
            ctx.closePath();
            ctx.fill();
        };
    }
    var countTween=0;
function countTweenShape() {
countTween+=1;

    if(countTween==1200){
    $("h1").animate({

top: "20",
}, 800, function () {
// Animation complete.
}); 
    
    }
}
/*
Method initSnowflake 
*/
function initSnowflake () {
    for (var i = 0; i < COUNT; i++) {
        snowflake = new Snowflake();
        snowflakes.push(snowflake);
        snowflakes[i].reset();  
    }
    
    
}
/*
Method drawAll
* draw all shape
*/ 
    function drawAll() {
        ctx.clearRect(0, 0, 800, 500);
        for (var j = 0; j < lgt; j++) {
            shape[j].draw();

        }
         for (var k = 0; k < COUNT; k++) {
            snowflakes[k].update();

        }
        
      
    }
/*
Method hex2rgb
*/    
    function hex2rgb(hex, opacity) {
        var rgb = hex.replace('#', '').match(/(.{2})/g);

        var i = 3;
        while (i--) {
            rgb[i] = parseInt(rgb[i], 16);
        }

        if (typeof opacity == 'undefined') {
            return 'rgb(' + rgb.join(', ') + ')';
        }
          return 'rgba(' + rgb.join(', ') + ', ' + opacity + ')';
    };
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/gsap/1.11.2/TweenMax.min.js