Skip to content

Instantly share code, notes, and snippets.

@dsaffo

dsaffo/README.md

Last active October 15, 2020 19:23
Show Gist options
  • Save dsaffo/489cabbb7a6ae4c26f9bdd5b473e8d5b to your computer and use it in GitHub Desktop.
Save dsaffo/489cabbb7a6ae4c26f9bdd5b473e8d5b to your computer and use it in GitHub Desktop.
Download ZIP
Collaborative game by Micha Schwab using VisConnect
Raw
README.md

Fire Fighters

This VisConnect game was created by Micha Schwad to creatively demonstrate a collaberative task. Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!

Raw
index.html
<!DOCTYPE html>
<head>
<title>Collaborative Fire Fighters</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
</head>
<body collaboration="live">
<h2>Firefighters, Catch Falling People Without Damaging the Net!</h2>
<svg width="960" height="600">
<g id="scene">
<rect id="background" fill="#ccc"></rect>
<g id="flames" transform="scale(0.5)">
<g transform="translate(-20,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(70,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(160,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(250,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(340,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(430,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(520,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(610,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(700,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(790,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(880,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(970,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1060,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1150,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1240,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1330,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1420,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1510,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1600,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1690,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1780,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
<g transform="translate(1870,0)">
<path d="M98.59,51.16c-4.23,0.92-7.88,3.28-9.59,7.35c-1.03,2.47-2.47,8.85-6.42,7.2 c-1.89-0.78-1.86-3.49-1.64-5.18c0.47-3.47,2.03-6.64,3.1-9.94c1.1-3.42,2.05-6.86,2.73-10.4c2.28-11.72,1.65-25.22-6.64-34.59 c-1.4-1.6-4.93-5.3-7.26-5.38c-1.44-0.04-0.02,1.66,0.38,2.23c0.81,1.17,1.49,2.44,2.01,3.77c6.13,15.64-8.98,27.55-18.91,36.82 c-4.76,4.45-8.56,9.17-11.98,14.68c-0.34,0.53-1.09,2.31-2.06,1.94c-1.15-0.44-1.27-3.07-1.63-4.05c-0.68-1.88-1.73-3.93-3.08-5.4 c-2.61-2.86-6.26-4.79-10.21-4.53c-0.15,0.01-0.58,0.08-1.11,0.2c-0.83,0.18-3.05,0.47-2.45,1.81c0.31,0.69,1.22,0.63,1.87,0.82 c8.34,2.56,8.15,11.3,6.8,18.32c-2.44,12.78-9.2,24.86-4.4,38c5.66,15.49,23.38,25.16,39.46,22.5c4.39-0.72,9.45-2.14,13.39-4.26 c4.19-2.26,8.78-5.35,12.05-8.83c4.21-4.47,6.89-10.2,7.68-16.27c0.93-7.02-1.31-13.64-3.35-20.27c-2.46-8-5.29-21.06,4.93-24.97 c0.5-0.2,1.5-0.35,1.85-0.88C105.41,49.91,99.17,51.04,98.59,51.16z" style="fill:#ED6C30;"/>
<path d="M68,106 c 2,1, 5,0,7 0 c 1 0,1 -1,2 -3 c 0 0, 0 -1,0 -1 c 0 0 -0 -1 0 -2 c 1 0,3.76,4.5,3.97,5.62c1.68,8.83-6.64,16.11-14.67,17.52 c-13.55,2.37-21.34-9.5-19.78-20.04c0.97-6.56,5.37-11.07,9.85-15.57c3.71-3.73,7.15-6.93,8.35-11.78 c0.21-0.86,0.16-2.18-0.09-3.03c-0.21-0.73-0.61-1.4-0.63-2.19c-0.06-1.66,1.55,0,1,0 c 4,5, 5,12, 4,18 c 0,4 -3,7 -4,11 C66,102,66,104,68,106 z" style="fill:#FCC21B;"/>
</g>
</g>
</g>
</svg>
<p>
Health of Net: <span id="health">3</span><br />
People Saved: <span id="saved" style="color: green">0</span><br />
People Fallen: <span id="fallen" style="color: red">0</span><br />
</p>
<button id="restart">Start over</button>
<script src="https://d3js.org/d3.v5.js"></script>
<script src="https://unpkg.com/peerjs@1.0.4/dist/peerjs.min.js"></script>
<script src="https://unpkg.com/visconnect@latest/visconnect-bundle.js"></script>
<script src="main.js"></script>
</body>
Raw
main.js
var svg = d3.select('svg');
var svgPos = svg.node().getBoundingClientRect();
var width = 1000;
var height = 600;
var groundHeight = 100;
var minLength = 100;
var fallingObjects = [];
svg.attr('width', width)
.attr('height', height);
// Size background
svg.select('#background')
.attr('width', width)
.attr('height', height);
// Add ground
svg.append('rect')
.attr('fill', '#875131')
.attr('width', width)
.attr('height', groundHeight)
.attr('y', height - groundHeight);
var net = svg.append('line').attr('stroke', '#000000');
var collaboratorIds = new Set();
var started = false;
svg.on('mousemove', function () {
var index = getCollaboratorIndex(d3.event.collaboratorId);
if (!index) {
return;
}
net.attr('x' + String(index), d3.event.x - svgPos.left);
net.attr('y' + String(index), d3.event.y - svgPos.top);
var startPos = { x: parseFloat(net.attr('x1')) || 0, y: parseFloat(net.attr('y1')) || 0 };
var end = { x: parseFloat(net.attr('x2')) || 0, y: parseFloat(net.attr('y2')) || 0 };
var length = dist(startPos, end);
net.attr('opacity', length > minLength ? 1 : 0);
if (!started && (index === 2 || location.search.includes('single'))) {
started = true;
start();
}
});
var addRandomFallingObject = function () {
if (stopped) {
return;
}
fallingObjects.push({
id: String(vc.random()),
type: vc.random() > 0.7 ? 'rock' : 'person',
position: { x: vc.random() * width, y: -100 },
speed: 0.1 + vc.random() * 0.2,
timeSinceLanding: 0,
intersected: false
});
};
var lastFrame = Date.now();
var rockPath = 'm 20,135 20,-10 60,10 30,-10 10,20 -20,25 -60,10 z';
var personPath = 'm 42,165 c 0,0 -10,6 -12,-3 -1,-8 14,-6 20,-4 5,1 8,-2 24,-3 15,-0 66,-6 66,-6 0,0 12,0 1,6 -13,2 -28,3 -28,3 l 27,1 c 0,0 18,3 0,5 -17,-0 -44,-0 -44,-0 l -21,1 -19,0 c 0,0 -15,20 -19,22 -4,2 -8,0 -2,-6 6,-7 10,-11 10,-11 l -19,7 c 0,0 -11,1 -3,-4 10,-2 20,-8 20,-8 z';
var health = 3;
var saved = 0;
var fallen = 0;
var start = function () {
raf();
setInterval(function () {
addRandomFallingObject();
}, 1000);
};
var continueFalling = function () {
fallingObjects.forEach(function (falling) {
if (falling.position.y < height - groundHeight) {
falling.position.y += falling.speed * (Date.now() - lastFrame);
}
else {
if (falling.timeSinceLanding === 0) {
// Just landed.
if (falling.type === 'person' && !falling.intersected) {
fallen++;
}
}
falling.timeSinceLanding += Date.now() - lastFrame;
}
});
fallingObjects = fallingObjects.filter(function (falling) { return falling.timeSinceLanding < 3000; });
};
var checkIntersect = function () {
var start = { x: parseFloat(net.attr('x1')) || 0, y: parseFloat(net.attr('y1')) || 0 };
var end = { x: parseFloat(net.attr('x2')) || 0, y: parseFloat(net.attr('y2')) || 0 };
var length = dist(start, end);
if (length <= minLength) {
return;
}
fallingObjects.forEach(function (falling) {
if (falling.intersected || falling.timeSinceLanding > 0) {
return;
}
var d = distToSegment(start, end, falling.position);
if (d < 10) {
falling.intersected = true;
if (falling.type === 'rock') {
health--;
if (health === 0) {
stopped = true;
}
}
else {
saved++;
}
}
});
};
var dist = function (v, w) {
return Math.sqrt(Math.pow(v.x - w.x, 2) + Math.pow(v.y - w.y, 2));
};
var distToSegment = function (v, w, p) {
var segmentLength = dist(v, w);
if (segmentLength == 0)
return dist(p, v);
var t = ((p.x - v.x) * (w.x - v.x) + (p.y - v.y) * (w.y - v.y)) / Math.pow(segmentLength, 2);
t = Math.max(0, Math.min(1, t));
var closestPoint = { x: v.x + t * (w.x - v.x), y: v.y + t * (w.y - v.y) };
return dist(p, closestPoint);
};
var stopped = false;
var raf = function () {
if (stopped) {
return;
}
checkIntersect();
continueFalling();
document.getElementById('health').innerText = String(health);
document.getElementById('saved').innerText = String(saved);
document.getElementById('fallen').innerText = String(fallen);
var falling = svg.selectAll('.falling').data(fallingObjects, function (d) { return d.id; });
falling.exit().remove();
var fallingEnter = falling.enter()
.append('g')
.attr('class', 'falling');
fallingEnter.append('path')
.attr('d', function (d) { return d.type === 'rock' ? rockPath : personPath; })
.attr('fill', function (d) { return d.type === 'rock' ? '#666' : '#0c0'; });
// To check alignment
/*fallingEnter.append('circle')
.attr('r', 5)
.attr('fill', '#000')
.attr('cx', 80)
.attr('cy', 150);*/
fallingEnter.merge(falling)
.attr('transform', function (d) { return "translate(" + (d.position.x - 40) + ", " + (d.position.y - 75) + ")scale(0.5)"; })
.attr('opacity', function (d) { return d.intersected ? 0 : 1; });
lastFrame = Date.now();
requestAnimationFrame(raf);
};
document.getElementById('restart').addEventListener('click', function () {
health = 3;
saved = 0;
fallen = 0;
stopped = false;
fallingObjects = [];
raf();
});
var getCollaboratorIndex = function (id) {
if (!id) {
return;
}
if (!collaboratorIds.has(id)) {
collaboratorIds.add(id);
}
return Array.from(collaboratorIds.values()).indexOf(id) + 1; // 1 or 2
};
Raw
style.css
body {
margin: 0;
}
h2 {
font-size: 22pt;
margin: 15px 20px;
}
p {
font-size: 16pt;
margin-left: 20px;
}
#restart {
background: #fff;
border: 1px solid #875131;
border-radius: 5px;
font-size: 16px;
padding: 10px 20px;
position: relative;
top: -100px;
left: 890px;
}
#restart:hover {
background: #eee;
}
@dsaffo
Copy link
Author

dsaffo commented Jul 22, 2020

fire

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment