The Milk Glass

Developer
Gianluca Guarini
Size
26,300 Kb
Views
40,480
  1. The Milk Glass Previews
  2. The Milk Glass HTML Codes
  3. The Milk Glass CSS Codes
  4. The Milk Glass JS Codes

How do I make an the milk glass?

It's just a jelly milk glass. What is a the milk glass? How do you make a the milk glass? This script and codes were developed by Gianluca Guarini on 04 November 2022, Friday.

The Milk Glass Previews
IQ Test

The Milk Glass - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>The Milk Glass</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ body { margin: 0; overflow: hidden; background: black; font-family: Georgia; font-weight: normal; font-style: oblique;
}
canvas { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); cursor: move;
}
aside { position: absolute; color: #fff; text-align: right; bottom: 5px; right: 25px;
}
h1 { font-weight: normal; font-size: 20px; line-height: 10px;
}
h2, p { color: #666; font-weight: normal; font-size: 13px;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <aside>	<h1>The Milk Glass</h1>	<h2>by @gianlucaguarini</h2>
</aside>
<script>
/**
* matter.min.js edge-master 2015-05-22
* http://brm.io/matter-js/
* License: MIT
*/
!function(){var a={},b={};!function(){b._inertiaScale=4;var a=1,c=-1,d=1;b.create=function(a){var b={id:p.nextId(),type:"body",label:"Body",parts:[],angle:0,vertices:B.fromPath("L 0 0 L 40 0 L 40 40 L 0 40"),position:{x:0,y:0},force:{x:0,y:0},torque:0,positionImpulse:{x:0,y:0},constraintImpulse:{x:0,y:0,angle:0},totalContacts:0,speed:0,angularSpeed:0,velocity:{x:0,y:0},angularVelocity:0,isStatic:!1,isSleeping:!1,motion:0,sleepThreshold:60,density:.001,restitution:0,friction:.1,frictionStatic:.5,frictionAir:.01,collisionFilter:{category:1,mask:4294967295,group:0},slop:.05,timeScale:1,render:{visible:!0,sprite:{xScale:1,yScale:1},lineWidth:1.5}},c=p.extend(b,a);return e(c,a),c},b.nextGroup=function(b){return b?c--:a++},b.nextCategory=function(){return d<<=1};var e=function(a,c){b.set(a,{bounds:a.bounds||y.create(a.vertices),positionPrev:a.positionPrev||A.clone(a.position),anglePrev:a.anglePrev||a.angle,vertices:a.vertices,parts:a.parts||[a],isStatic:a.isStatic,isSleeping:a.isSleeping,parent:a.parent||a}),B.rotate(a.vertices,a.angle,a.position),x.rotate(a.axes,a.angle),y.update(a.bounds,a.vertices,a.velocity),b.set(a,{axes:c.axes||a.axes,area:c.area||a.area,mass:c.mass||a.mass,inertia:c.inertia||a.inertia});var d=a.isStatic?"#eeeeee":p.choose(["#556270","#4ECDC4","#C7F464","#FF6B6B","#C44D58"]),e=p.shadeColor(d,-20);a.render.fillStyle=a.render.fillStyle||d,a.render.strokeStyle=a.render.strokeStyle||e};b.set=function(a,c,d){var e;"string"==typeof c&&(e=c,c={},c[e]=d);for(e in c)if(d=c[e],c.hasOwnProperty(e))switch(e){case"isStatic":b.setStatic(a,d);break;case"isSleeping":u.set(a,d);break;case"mass":b.setMass(a,d);break;case"density":b.setDensity(a,d);break;case"inertia":b.setInertia(a,d);break;case"vertices":b.setVertices(a,d);break;case"position":b.setPosition(a,d);break;case"angle":b.setAngle(a,d);break;case"velocity":b.setVelocity(a,d);break;case"angularVelocity":b.setAngularVelocity(a,d);break;case"parts":b.setParts(a,d);break;default:a[e]=d}},b.setStatic=function(a,b){for(var c=0;c<a.parts.length;c++){var d=a.parts[c];d.isStatic=b,b&&(d.restitution=0,d.friction=1,d.mass=d.inertia=d.density=1/0,d.inverseMass=d.inverseInertia=0,d.positionPrev.x=d.position.x,d.positionPrev.y=d.position.y,d.anglePrev=d.angle,d.angularVelocity=0,d.speed=0,d.angularSpeed=0,d.motion=0)}},b.setMass=function(a,b){a.mass=b,a.inverseMass=1/a.mass,a.density=a.mass/a.area},b.setDensity=function(a,c){b.setMass(a,c*a.area),a.density=c},b.setInertia=function(a,b){a.inertia=b,a.inverseInertia=1/a.inertia},b.setVertices=function(a,c){a.vertices=c[0].body===a?c:B.create(c,a),a.axes=x.fromVertices(a.vertices),a.area=B.area(a.vertices),b.setMass(a,a.density*a.area);var d=B.centre(a.vertices);B.translate(a.vertices,d,-1),b.setInertia(a,b._inertiaScale*B.inertia(a.vertices,a.mass)),B.translate(a.vertices,a.position),y.update(a.bounds,a.vertices,a.velocity)},b.setParts=function(a,c,d){var e;for(c=c.slice(0),a.parts.length=0,a.parts.push(a),a.parent=a,e=0;e<c.length;e++){var g=c[e];g!==a&&(g.parent=a,a.parts.push(g))}if(1!==a.parts.length){if(d="undefined"!=typeof d?d:!0){var h=[];for(e=0;e<c.length;e++)h=h.concat(c[e].vertices);B.clockwiseSort(h);var i=B.hull(h),j=B.centre(i);b.setVertices(a,i),B.translate(a.vertices,j)}var k=f(a);a.area=k.area,a.parent=a,a.position.x=k.centre.x,a.position.y=k.centre.y,a.positionPrev.x=k.centre.x,a.positionPrev.y=k.centre.y,b.setMass(a,k.mass),b.setInertia(a,k.inertia),b.setPosition(a,k.centre)}},b.setPosition=function(a,b){var c=A.sub(b,a.position);a.positionPrev.x+=c.x,a.positionPrev.y+=c.y;for(var d=0;d<a.parts.length;d++){var e=a.parts[d];e.position.x+=c.x,e.position.y+=c.y,B.translate(e.vertices,c),y.update(e.bounds,e.vertices,a.velocity)}},b.setAngle=function(a,b){var c=b-a.angle;a.anglePrev+=c;for(var d=0;d<a.parts.length;d++){var e=a.parts[d];e.angle+=c,B.rotate(e.vertices,c,a.position),x.rotate(e.axes,c),y.update(e.bounds,e.vertices,a.velocity),d>0&&A.rotateAbout(e.position,c,a.position,e.position)}},b.setVelocity=function(a,b){a.positionPrev.x=a.position.x-b.x,a.positionPrev.y=a.position.y-b.y,a.velocity.x=b.x,a.velocity.y=b.y,a.speed=A.magnitude(a.velocity)},b.setAngularVelocity=function(a,b){a.anglePrev=a.angle-b,a.angularVelocity=b,a.angularSpeed=Math.abs(a.angularVelocity)},b.translate=function(a,c){b.setPosition(a,A.add(a.position,c))},b.rotate=function(a,c){b.setAngle(a,a.angle+c)},b.scale=function(a,c,d){for(var e=0;e<a.parts.length;e++){var g=a.parts[e];B.scale(g.vertices,c,d,a.position),g.axes=x.fromVertices(g.vertices),a.isStatic||(g.area=B.area(g.vertices),b.setMass(g,a.density*g.area),B.translate(g.vertices,{x:-g.position.x,y:-g.position.y}),b.setInertia(g,B.inertia(g.vertices,g.mass)),B.translate(g.vertices,{x:g.position.x,y:g.position.y})),y.update(g.bounds,g.vertices,a.velocity)}if(!a.isStatic){var h=f(a);a.area=h.area,b.setMass(a,h.mass),b.setInertia(a,h.inertia)}},b.update=function(a,b,c,d){var e=Math.pow(b*c*a.timeScale,2),f=1-a.frictionAir*c*a.timeScale,g=a.position.x-a.positionPrev.x,h=a.position.y-a.positionPrev.y;a.velocity.x=g*f*d+a.force.x/a.mass*e,a.velocity.y=h*f*d+a.force.y/a.mass*e,a.positionPrev.x=a.position.x,a.positionPrev.y=a.position.y,a.position.x+=a.velocity.x,a.position.y+=a.velocity.y,a.angularVelocity=(a.angle-a.anglePrev)*f*d+a.torque/a.inertia*e,a.anglePrev=a.angle,a.angle+=a.angularVelocity,a.speed=A.magnitude(a.velocity),a.angularSpeed=Math.abs(a.angularVelocity);for(var i=0;i<a.parts.length;i++){var j=a.parts[i];B.translate(j.vertices,a.velocity),i>0&&(j.position.x+=a.velocity.x,j.position.y+=a.velocity.y),0!==a.angularVelocity&&(B.rotate(j.vertices,a.angularVelocity,a.position),x.rotate(j.axes,a.angularVelocity),i>0&&A.rotateAbout(j.position,a.angularVelocity,a.position,j.position)),y.update(j.bounds,j.vertices,a.velocity)}},b.applyForce=function(a,b,c){a.force.x+=c.x,a.force.y+=c.y;var d={x:b.x-a.position.x,y:b.y-a.position.y};a.torque+=(d.x*c.y-d.y*c.x)*a.inverseInertia};var f=function(a){for(var b={mass:0,area:0,inertia:0,centre:{x:0,y:0}},c=1===a.parts.length?0:1;c<a.parts.length;c++){var d=a.parts[c];b.mass+=d.mass,b.area+=d.area,b.inertia+=d.inertia,b.centre=A.add(b.centre,A.mult(d.position,1/0!==d.mass?d.mass:1))}return b.centre=A.div(b.centre,1/0!==b.mass?b.mass:a.parts.length),b}}();var c={};!function(){c.create=function(a){return p.extend({id:p.nextId(),type:"composite",parent:null,isModified:!1,bodies:[],constraints:[],composites:[],label:"Composite"},a)},c.setModified=function(a,b,d,e){if(a.isModified=b,d&&a.parent&&c.setModified(a.parent,b,d,e),e)for(var f=0;f<a.composites.length;f++){var g=a.composites[f];c.setModified(g,b,d,e)}},c.add=function(a,b){var d=[].concat(b);r.trigger(a,"beforeAdd",{object:b});for(var e=0;e<d.length;e++){var f=d[e];switch(f.type){case"body":if(f.parent!==f){p.log("Composite.add: skipped adding a compound body part (you must add its parent instead)","warn");break}c.addBody(a,f);break;case"constraint":c.addConstraint(a,f);break;case"composite":c.addComposite(a,f);break;case"mouseConstraint":c.addConstraint(a,f.constraint)}}return r.trigger(a,"afterAdd",{object:b}),a},c.remove=function(a,b,d){var e=[].concat(b);r.trigger(a,"beforeRemove",{object:b});for(var f=0;f<e.length;f++){var g=e[f];switch(g.type){case"body":c.removeBody(a,g,d);break;case"constraint":c.removeConstraint(a,g,d);break;case"composite":c.removeComposite(a,g,d);break;case"mouseConstraint":c.removeConstraint(a,g.constraint)}}return r.trigger(a,"afterRemove",{object:b}),a},c.addComposite=function(a,b){return a.composites.push(b),b.parent=a,c.setModified(a,!0,!0,!1),a},c.removeComposite=function(a,b,d){var e=p.indexOf(a.composites,b);if(-1!==e&&(c.removeCompositeAt(a,e),c.setModified(a,!0,!0,!1)),d)for(var f=0;f<a.composites.length;f++)c.removeComposite(a.composites[f],b,!0);return a},c.removeCompositeAt=function(a,b){return a.composites.splice(b,1),c.setModified(a,!0,!0,!1),a},c.addBody=function(a,b){return a.bodies.push(b),c.setModified(a,!0,!0,!1),a},c.removeBody=function(a,b,d){var e=p.indexOf(a.bodies,b);if(-1!==e&&(c.removeBodyAt(a,e),c.setModified(a,!0,!0,!1)),d)for(var f=0;f<a.composites.length;f++)c.removeBody(a.composites[f],b,!0);return a},c.removeBodyAt=function(a,b){return a.bodies.splice(b,1),c.setModified(a,!0,!0,!1),a},c.addConstraint=function(a,b){return a.constraints.push(b),c.setModified(a,!0,!0,!1),a},c.removeConstraint=function(a,b,d){var e=p.indexOf(a.constraints,b);if(-1!==e&&c.removeConstraintAt(a,e),d)for(var f=0;f<a.composites.length;f++)c.removeConstraint(a.composites[f],b,!0);return a},c.removeConstraintAt=function(a,b){return a.constraints.splice(b,1),c.setModified(a,!0,!0,!1),a},c.clear=function(a,b,d){if(d)for(var e=0;e<a.composites.length;e++)c.clear(a.composites[e],b,!0);return b?a.bodies=a.bodies.filter(function(a){return a.isStatic}):a.bodies.length=0,a.constraints.length=0,a.composites.length=0,c.setModified(a,!0,!0,!1),a},c.allBodies=function(a){for(var b=[].concat(a.bodies),d=0;d<a.composites.length;d++)b=b.concat(c.allBodies(a.composites[d]));return b},c.allConstraints=function(a){for(var b=[].concat(a.constraints),d=0;d<a.composites.length;d++)b=b.concat(c.allConstraints(a.composites[d]));return b},c.allComposites=function(a){for(var b=[].concat(a.composites),d=0;d<a.composites.length;d++)b=b.concat(c.allComposites(a.composites[d]));return b},c.get=function(a,b,d){var e,f;switch(d){case"body":e=c.allBodies(a);break;case"constraint":e=c.allConstraints(a);break;case"composite":e=c.allComposites(a).concat(a)}return e?(f=e.filter(function(a){return a.id.toString()===b.toString()}),0===f.length?null:f[0]):null},c.move=function(a,b,d){return c.remove(a,b),c.add(d,b),a},c.rebase=function(a){for(var b=c.allBodies(a).concat(c.allConstraints(a)).concat(c.allComposites(a)),d=0;d<b.length;d++)b[d].id=p.nextId();return c.setModified(a,!0,!0,!1),a},c.translate=function(a,d,e){for(var f=e?c.allBodies(a):a.bodies,g=0;g<f.length;g++)b.translate(f[g],d);return c.setModified(a,!0,!0,!1),a},c.rotate=function(a,d,e,f){for(var g=Math.cos(d),h=Math.sin(d),i=f?c.allBodies(a):a.bodies,j=0;j<i.length;j++){var k=i[j],l=k.position.x-e.x,m=k.position.y-e.y;b.setPosition(k,{x:e.x+(l*g-m*h),y:e.y+(l*h+m*g)}),b.rotate(k,d)}return c.setModified(a,!0,!0,!1),a},c.scale=function(a,d,e,f,g){for(var h=g?c.allBodies(a):a.bodies,i=0;i<h.length;i++){var j=h[i],k=j.position.x-f.x,l=j.position.y-f.y;b.setPosition(j,{x:f.x+k*d,y:f.y+l*e}),b.scale(j,d,e)}return c.setModified(a,!0,!0,!1),a}}();var d={};!function(){d.create=function(a){var b=c.create(),d={label:"World",gravity:{x:0,y:1},bounds:{min:{x:-1/0,y:-1/0},max:{x:1/0,y:1/0}}};return p.extend(b,d,a)}}();var e={};!function(){e.create=function(a){return{id:e.id(a),vertex:a,normalImpulse:0,tangentImpulse:0}},e.id=function(a){return a.body.id+"_"+a.index}}();var f={};!function(){f.collisions=function(a,b){for(var c=[],d=b.pairs.table,e=0;e<a.length;e++){var g=a[e][0],i=a[e][1];if((!g.isStatic&&!g.isSleeping||!i.isStatic&&!i.isSleeping)&&f.canCollide(g.collisionFilter,i.collisionFilter)&&y.overlaps(g.bounds,i.bounds))for(var j=g.parts.length>1?1:0;j<g.parts.length;j++)for(var k=g.parts[j],l=i.parts.length>1?1:0;l<i.parts.length;l++){var n=i.parts[l];if(k===g&&n===i||y.overlaps(k.bounds,n.bounds)){var o,p=h.id(k,n),q=d[p];o=q&&q.isActive?q.collision:null;var r=m.collides(k,n,o);r.collided&&c.push(r)}}}return c},f.bruteForce=function(a,b){for(var c=[],d=b.pairs.table,e=0;e<a.length;e++)for(var g=e+1;g<a.length;g++){var i=a[e],j=a[g];if((!i.isStatic&&!i.isSleeping||!j.isStatic&&!j.isSleeping)&&f.canCollide(i.collisionFilter,j.collisionFilter)&&y.overlaps(i.bounds,j.bounds)){var k,l=h.id(i,j),n=d[l];k=n&&n.isActive?n.collision:null;var o=m.collides(i,j,k);o.collided&&c.push(o)}}return c},f.canCollide=function(a,b){return a.group===b.group&&0!==a.group?a.group>0:0!==(a.mask&b.category)&&0!==(b.mask&a.category)}}();var g={};!function(){g.create=function(a){var b={controller:g,detector:f.collisions,buckets:{},pairs:{},pairsList:[],bucketWidth:48,bucketHeight:48};return p.extend(b,a)},g.update=function(c,f,g,h){var l,m,n,o,p,q=g.world,r=c.buckets,s=!1;for(l=0;l<f.length;l++){var t=f[l];if((!t.isSleeping||h)&&!(t.bounds.max.x<0||t.bounds.min.x>q.bounds.width||t.bounds.max.y<0||t.bounds.min.y>q.bounds.height)){var u=b(c,t);if(!t.region||u.id!==t.region.id||h){(!t.region||h)&&(t.region=u);var v=a(u,t.region);for(m=v.startCol;m<=v.endCol;m++)for(n=v.startRow;n<=v.endRow;n++){p=d(m,n),o=r[p];var w=m>=u.startCol&&m<=u.endCol&&n>=u.startRow&&n<=u.endRow,x=m>=t.region.startCol&&m<=t.region.endCol&&n>=t.region.startRow&&n<=t.region.endRow;!w&&x&&x&&o&&j(c,o,t),(t.region===u||w&&!x||h)&&(o||(o=e(r,p)),i(c,o,t))}t.region=u,s=!0}}}s&&(c.pairsList=k(c))},g.clear=function(a){a.buckets={},a.pairs={},a.pairsList=[]};var a=function(a,b){var d=Math.min(a.startCol,b.startCol),e=Math.max(a.endCol,b.endCol),f=Math.min(a.startRow,b.startRow),g=Math.max(a.endRow,b.endRow);return c(d,e,f,g)},b=function(a,b){var d=b.bounds,e=Math.floor(d.min.x/a.bucketWidth),f=Math.floor(d.max.x/a.bucketWidth),g=Math.floor(d.min.y/a.bucketHeight),h=Math.floor(d.max.y/a.bucketHeight);return c(e,f,g,h)},c=function(a,b,c,d){return{id:a+","+b+","+c+","+d,startCol:a,endCol:b,startRow:c,endRow:d}},d=function(a,b){return a+","+b},e=function(a,b){var c=a[b]=[];return c},i=function(a,b,c){for(var d=0;d<b.length;d++){var e=b[d];if(!(c.id===e.id||c.isStatic&&e.isStatic)){var f=h.id(c,e),g=a.pairs[f];g?g[2]+=1:a.pairs[f]=[c,e,1]}}b.push(c)},j=function(a,b,c){b.splice(p.indexOf(b,c),1);for(var d=0;d<b.length;d++){var e=b[d],f=h.id(c,e),g=a.pairs[f];g&&(g[2]-=1)}},k=function(a){var b,c,d=[];b=p.keys(a.pairs);for(var e=0;e<b.length;e++)c=a.pairs[b[e]],c[2]>0?d.push(c):delete a.pairs[b[e]];return d}}();var h={};!function(){h.create=function(a,b){var c=a.bodyA,d=a.bodyB,e=a.parentA,f=a.parentB,g={id:h.id(c,d),bodyA:c,bodyB:d,contacts:{},activeContacts:[],separation:0,isActive:!0,timeCreated:b,timeUpdated:b,inverseMass:e.inverseMass+f.inverseMass,friction:Math.min(e.friction,f.friction),frictionStatic:Math.max(e.frictionStatic,f.frictionStatic),restitution:Math.max(e.restitution,f.restitution),slop:Math.max(e.slop,f.slop)};return h.update(g,a,b),g},h.update=function(a,b,c){var d=a.contacts,f=b.supports,g=a.activeContacts,i=b.parentA,j=b.parentB;if(a.collision=b,a.inverseMass=i.inverseMass+j.inverseMass,a.friction=Math.min(i.friction,j.friction),a.frictionStatic=Math.max(i.frictionStatic,j.frictionStatic),a.restitution=Math.max(i.restitution,j.restitution),a.slop=Math.max(i.slop,j.slop),g.length=0,b.collided){for(var k=0;k<f.length;k++){var l=f[k],m=e.id(l),n=d[m];g.push(n?n:d[m]=e.create(l))}a.separation=b.depth,h.setActive(a,!0,c)}else a.isActive===!0&&h.setActive(a,!1,c)},h.setActive=function(a,b,c){b?(a.isActive=!0,a.timeUpdated=c):(a.isActive=!1,a.activeContacts.length=0)},h.id=function(a,b){return a.id<b.id?a.id+"_"+b.id:b.id+"_"+a.id}}();var i={};!function(){var a=1e3;i.create=function(a){return p.extend({table:{},list:[],collisionStart:[],collisionActive:[],collisionEnd:[]},a)},i.update=function(a,b,c){var d,e,f,g,i=a.list,j=a.table,k=a.collisionStart,l=a.collisionEnd,m=a.collisionActive,n=[];for(k.length=0,l.length=0,m.length=0,g=0;g<b.length;g++)d=b[g],d.collided&&(e=h.id(d.bodyA,d.bodyB),n.push(e),f=j[e],f?(f.isActive?m.push(f):k.push(f),h.update(f,d,c)):(f=h.create(d,c),j[e]=f,k.push(f),i.push(f)));for(g=0;g<i.length;g++)f=i[g],f.isActive&&-1===p.indexOf(n,f.id)&&(h.setActive(f,!1,c),l.push(f))},i.removeOld=function(b,c){var d,e,f,g,h=b.list,i=b.table,j=[];for(g=0;g<h.length;g++)d=h[g],e=d.collision,e.bodyA.isSleeping||e.bodyB.isSleeping?d.timeUpdated=c:c-d.timeUpdated>a&&j.push(g);for(g=0;g<j.length;g++)f=j[g]-g,d=h[f],delete i[d.id],h.splice(f,1)},i.clear=function(a){return a.table={},a.list.length=0,a.collisionStart.length=0,a.collisionActive.length=0,a.collisionEnd.length=0,a}}();var j={};!function(){j.ray=function(a,b,c,d){d=d||1e-100;for(var e=A.angle(b,c),f=A.magnitude(A.sub(b,c)),g=.5*(c.x+b.x),h=.5*(c.y+b.y),i=v.rectangle(g,h,f,d,{angle:e}),j=[],k=0;k<a.length;k++){var l=a[k];if(y.overlaps(l.bounds,i.bounds))for(var n=1===l.parts.length?0:1;n<l.parts.length;n++){var o=l.parts[n];if(y.overlaps(o.bounds,i.bounds)){var p=m.collides(o,i);if(p.collided){p.body=p.bodyA=p.bodyB=l,j.push(p);break}}}}return j},j.region=function(a,b,c){for(var d=[],e=0;e<a.length;e++){var f=a[e],g=y.overlaps(f.bounds,b);(g&&!c||!g&&c)&&d.push(f)}return d},j.point=function(a,b){for(var c=[],d=0;d<a.length;d++){var e=a[d];if(y.contains(e.bounds,b))for(var f=1===e.parts.length?0:1;f<e.parts.length;f++){var g=e.parts[f];if(y.contains(g.bounds,b)&&B.contains(g.vertices,b)){c.push(e);break}}}return c}}();var l={};!function(){l._restingThresh=4,l._positionDampen=.9,l._positionWarming=.8,l._frictionNormalMultiplier=5,l.preSolvePosition=function(a){var b,c,d;for(b=0;b<a.length;b++)c=a[b],c.isActive&&(d=c.activeContacts.length,c.collision.parentA.totalContacts+=d,c.collision.parentB.totalContacts+=d)},l.solvePosition=function(a,b){var c,d,e,f,g,h,i,j,k=A._temp[0],m=A._temp[1],n=A._temp[2],o=A._temp[3];for(c=0;c<a.length;c++)d=a[c],d.isActive&&(e=d.collision,f=e.parentA,g=e.parentB,h=e.normal,i=A.sub(A.add(g.positionImpulse,g.position,k),A.add(f.positionImpulse,A.sub(g.position,e.penetration,m),n),o),d.separation=A.dot(h,i));for(c=0;c<a.length;c++)d=a[c],!d.isActive||d.separation<0||(e=d.collision,f=e.parentA,g=e.parentB,h=e.normal,positionImpulse=(d.separation-d.slop)*b,(f.isStatic||g.isStatic)&&(positionImpulse*=2),f.isStatic||f.isSleeping||(j=l._positionDampen/f.totalContacts,f.positionImpulse.x+=h.x*positionImpulse*j,f.positionImpulse.y+=h.y*positionImpulse*j),g.isStatic||g.isSleeping||(j=l._positionDampen/g.totalContacts,g.positionImpulse.x-=h.x*positionImpulse*j,g.positionImpulse.y-=h.y*positionImpulse*j))},l.postSolvePosition=function(a){for(var b=0;b<a.length;b++){var c=a[b];if(c.totalContacts=0,0!==c.positionImpulse.x||0!==c.positionImpulse.y){for(var d=0;d<c.parts.length;d++){var e=c.parts[d];B.translate(e.vertices,c.positionImpulse),y.update(e.bounds,e.vertices,c.velocity),e.position.x+=c.positionImpulse.x,e.position.y+=c.positionImpulse.y}c.positionPrev.x+=c.positionImpulse.x,c.positionPrev.y+=c.positionImpulse.y,A.dot(c.positionImpulse,c.velocity)<0?(c.positionImpulse.x=0,c.positionImpulse.y=0):(c.positionImpulse.x*=l._positionWarming,c.positionImpulse.y*=l._positionWarming)}}},l.preSolveVelocity=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p=A._temp[0],q=A._temp[1];for(b=0;b<a.length;b++)if(d=a[b],d.isActive)for(e=d.activeContacts,f=d.collision,g=f.parentA,h=f.parentB,i=f.normal,j=f.tangent,c=0;c<e.length;c++)k=e[c],l=k.vertex,m=k.normalImpulse,n=k.tangentImpulse,(0!==m||0!==n)&&(p.x=i.x*m+j.x*n,p.y=i.y*m+j.y*n,g.isStatic||g.isSleeping||(o=A.sub(l,g.position,q),g.positionPrev.x+=p.x*g.inverseMass,g.positionPrev.y+=p.y*g.inverseMass,g.anglePrev+=A.cross(o,p)*g.inverseInertia),h.isStatic||h.isSleeping||(o=A.sub(l,h.position,q),h.positionPrev.x-=p.x*h.inverseMass,h.positionPrev.y-=p.y*h.inverseMass,h.anglePrev-=A.cross(o,p)*h.inverseInertia))},l.solveVelocity=function(a,b){for(var c=b*b,d=A._temp[0],e=A._temp[1],f=A._temp[2],g=A._temp[3],h=A._temp[4],i=A._temp[5],j=0;j<a.length;j++){var k=a[j];if(k.isActive){var m=k.collision,n=m.parentA,o=m.parentB,q=m.normal,r=m.tangent,s=k.activeContacts,t=1/s.length;n.velocity.x=n.position.x-n.positionPrev.x,n.velocity.y=n.position.y-n.positionPrev.y,o.velocity.x=o.position.x-o.positionPrev.x,o.velocity.y=o.position.y-o.positionPrev.y,n.angularVelocity=n.angle-n.anglePrev,o.angularVelocity=o.angle-o.anglePrev;for(var u=0;u<s.length;u++){var v=s[u],w=v.vertex,x=A.sub(w,n.position,e),y=A.sub(w,o.position,f),z=A.add(n.velocity,A.mult(A.perp(x),n.angularVelocity),g),B=A.add(o.velocity,A.mult(A.perp(y),o.angularVelocity),h),C=A.sub(z,B,i),D=A.dot(q,C),E=A.dot(r,C),F=Math.abs(E),G=p.sign(E),H=(1+k.restitution)*D,I=p.clamp(k.separation+D,0,1)*l._frictionNormalMultiplier,J=E,K=1/0;F>k.friction*k.frictionStatic*I*c&&(J=k.friction*G*c,K=F);var L=A.cross(x,q),M=A.cross(y,q),N=n.inverseMass+o.inverseMass+n.inverseInertia*L*L+o.inverseInertia*M*M;if(H*=t/N,J*=t/(1+N),0>D&&D*D>l._restingThresh*c)v.normalImpulse=0,v.tangentImpulse=0;else{var O=v.normalImpulse;v.normalImpulse=Math.min(v.normalImpulse+H,0),H=v.normalImpulse-O;var P=v.tangentImpulse;v.tangentImpulse=p.clamp(v.tangentImpulse+J,-K,K),J=v.tangentImpulse-P}d.x=q.x*H+r.x*J,d.y=q.y*H+r.y*J,n.isStatic||n.isSleeping||(n.positionPrev.x+=d.x*n.inverseMass,n.positionPrev.y+=d.y*n.inverseMass,n.anglePrev+=A.cross(x,d)*n.inverseInertia),o.isStatic||o.isSleeping||(o.positionPrev.x-=d.x*o.inverseMass,o.positionPrev.y-=d.y*o.inverseMass,o.anglePrev-=A.cross(y,d)*o.inverseInertia)}}}}}();var m={};!function(){m.collides=function(b,d,e){var f,g,h,i,j=e,k=!1;if(j){var l=b.parent,m=d.parent,n=l.speed*l.speed+l.angularSpeed*l.angularSpeed+m.speed*m.speed+m.angularSpeed*m.angularSpeed;k=j&&j.collided&&.2>n,i=j}else i={collided:!1,bodyA:b,bodyB:d};if(j&&k){var o=i.axisBody,p=o===b?d:b,q=[o.axes[j.axisNumber]];if(h=a(o.vertices,p.vertices,q),i.reused=!0,h.overlap<=0)return i.collided=!1,i}else{if(f=a(b.vertices,d.vertices,b.axes),f.overlap<=0)return i.collided=!1,i;if(g=a(d.vertices,b.vertices,d.axes),g.overlap<=0)return i.collided=!1,i;f.overlap<g.overlap?(h=f,i.axisBody=b):(h=g,i.axisBody=d),i.axisNumber=h.axisNumber}i.bodyA=b.id<d.id?b:d,i.bodyB=b.id<d.id?d:b,i.collided=!0,i.normal=h.axis,i.depth=h.overlap,i.parentA=i.bodyA.parent,i.parentB=i.bodyB.parent,b=i.bodyA,d=i.bodyB,A.dot(i.normal,A.sub(d.position,b.position))>0&&(i.normal=A.neg(i.normal)),i.tangent=A.perp(i.normal),i.penetration={x:i.normal.x*i.depth,y:i.normal.y*i.depth};var r=c(b,d,i.normal),s=i.supports||[];if(s.length=0,B.contains(b.vertices,r[0])&&s.push(r[0]),B.contains(b.vertices,r[1])&&s.push(r[1]),s.length<2){var t=c(d,b,A.neg(i.normal));B.contains(d.vertices,t[0])&&s.push(t[0]),s.length<2&&B.contains(d.vertices,t[1])&&s.push(t[1])}return s.length<1&&(s=[r[0]]),i.supports=s,i};var a=function(a,c,d){for(var e,f,g=A._temp[0],h=A._temp[1],i={overlap:Number.MAX_VALUE},j=0;j<d.length;j++){if(f=d[j],b(g,a,f),b(h,c,f),e=Math.min(g.max-h.min,h.max-g.min),0>=e)return i.overlap=e,i;e<i.overlap&&(i.overlap=e,i.axis=f,i.axisNumber=j)}return i},b=function(a,b,c){for(var d=A.dot(b[0],c),e=d,f=1;f<b.length;f+=1){var g=A.dot(b[f],c);g>e?e=g:d>g&&(d=g)}a.min=d,a.max=e},c=function(a,b,c){for(var d,e,f,g,h=Number.MAX_VALUE,i=A._temp[0],j=b.vertices,k=a.position,l=0;l<j.length;l++)e=j[l],i.x=e.x-k.x,i.y=e.y-k.y,d=-A.dot(c,i),h>d&&(h=d,f=e);var m=f.index-1>=0?f.index-1:j.length-1;e=j[m],i.x=e.x-k.x,i.y=e.y-k.y,h=-A.dot(c,i),g=e;var n=(f.index+1)%j.length;return e=j[n],i.x=e.x-k.x,i.y=e.y-k.y,d=-A.dot(c,i),h>d&&(g=e),[f,g]}}();var n={};!function(){var a=1e-6,b=.001;n.create=function(b){var c=b;c.bodyA&&!c.pointA&&(c.pointA={x:0,y:0}),c.bodyB&&!c.pointB&&(c.pointB={x:0,y:0});var d=c.bodyA?A.add(c.bodyA.position,c.pointA):c.pointA,e=c.bodyB?A.add(c.bodyB.position,c.pointB):c.pointB,f=A.magnitude(A.sub(d,e));c.length=c.length||f||a;var g={visible:!0,lineWidth:2,strokeStyle:"#666"};return c.render=p.extend(g,c.render),c.id=c.id||p.nextId(),c.label=c.label||"Constraint",c.type="constraint",c.stiffness=c.stiffness||1,c.angularStiffness=c.angularStiffness||0,c.angleA=c.bodyA?c.bodyA.angle:c.angleA,c.angleB=c.bodyB?c.bodyB.angle:c.angleB,c},n.solveAll=function(a,b){for(var c=0;c<a.length;c++)n.solve(a[c],b)},n.solve=function(c,d){var e=c.bodyA,f=c.bodyB,g=c.pointA,h=c.pointB;e&&!e.isStatic&&(c.pointA=A.rotate(g,e.angle-c.angleA),c.angleA=e.angle),f&&!f.isStatic&&(c.pointB=A.rotate(h,f.angle-c.angleB),c.angleB=f.angle);var i=g,j=h;if(e&&(i=A.add(e.position,g)),f&&(j=A.add(f.position,h)),i&&j){var k=A.sub(i,j),l=A.magnitude(k);0===l&&(l=a);var m=(l-c.length)/l,n=A.div(k,l),o=A.mult(k,.5*m*c.stiffness*d*d);if(!(Math.abs(1-l/c.length)<b*d)){var q,r,s,t,v,w,x,y;e&&!e.isStatic?(s={x:i.x-e.position.x+o.x,y:i.y-e.position.y+o.y},e.velocity.x=e.position.x-e.positionPrev.x,e.velocity.y=e.position.y-e.positionPrev.y,e.angularVelocity=e.angle-e.anglePrev,q=A.add(e.velocity,A.mult(A.perp(s),e.angularVelocity)),v=A.dot(s,n),x=e.inverseMass+e.inverseInertia*v*v):(q={x:0,y:0},x=e?e.inverseMass:0),f&&!f.isStatic?(t={x:j.x-f.position.x-o.x,y:j.y-f.position.y-o.y},f.velocity.x=f.position.x-f.positionPrev.x,f.velocity.y=f.position.y-f.positionPrev.y,f.angularVelocity=f.angle-f.anglePrev,r=A.add(f.velocity,A.mult(A.perp(t),f.angularVelocity)),w=A.dot(t,n),y=f.inverseMass+f.inverseInertia*w*w):(r={x:0,y:0},y=f?f.inverseMass:0);var z=A.sub(r,q),B=A.dot(n,z)/(x+y);B>0&&(B=0);var C,D={x:n.x*B,y:n.y*B};e&&!e.isStatic&&(C=A.cross(s,D)*e.inverseInertia*(1-c.angularStiffness),u.set(e,!1),C=p.clamp(C,-.01,.01),e.constraintImpulse.x-=o.x,e.constraintImpulse.y-=o.y,e.constraintImpulse.angle+=C,e.position.x-=o.x,e.position.y-=o.y,e.angle+=C),f&&!f.isStatic&&(C=A.cross(t,D)*f.inverseInertia*(1-c.angularStiffness),u.set(f,!1),C=p.clamp(C,-.01,.01),f.constraintImpulse.x+=o.x,f.constraintImpulse.y+=o.y,f.constraintImpulse.angle-=C,f.position.x+=o.x,f.position.y+=o.y,f.angle-=C)}}},n.postSolveAll=function(a){for(var b=0;b<a.length;b++){for(var c=a[b],d=c.constraintImpulse,e=0;e<c.parts.length;e++){var f=c.parts[e];B.translate(f.vertices,d),e>0&&(f.position.x+=d.x,f.position.y+=d.y),0!==d.angle&&(B.rotate(f.vertices,d.angle,c.position),x.rotate(f.axes,d.angle),e>0&&A.rotateAbout(f.position,d.angle,c.position,f.position)),y.update(f.bounds,f.vertices)}d.angle=0,d.x=0,d.y=0}}}();var o={};!function(){o.create=function(b,d){var e=(b?b.mouse:null)||(d?d.mouse:null);!e&&b&&b.render&&b.render.canvas?e=s.create(b.render.canvas):(e=s.create(),p.log("MouseConstraint.create: options.mouse was undefined, engine.render.canvas was undefined, may not function as expected","warn"));var f=n.create({label:"Mouse Constraint",pointA:e.position,pointB:{x:0,y:0},length:.01,stiffness:.1,angularStiffness:1,render:{strokeStyle:"#90EE90",lineWidth:3}}),g={type:"mouseConstraint",mouse:e,body:null,constraint:f,collisionFilter:{category:1,mask:4294967295,group:0}},h=p.extend(g,d);return r.on(b,"tick",function(){var d=c.allBodies(b.world);o.update(h,d),a(h)}),h},o.update=function(a,b){var c=a.mouse,d=a.constraint,e=a.body;if(0===c.button){if(d.bodyB)u.set(d.bodyB,!1),d.pointA=c.position;else for(var g=0;g<b.length;g++)if(e=b[g],y.contains(e.bounds,c.position)&&f.canCollide(e.collisionFilter,a.collisionFilter))for(var h=e.parts.length>1?1:0;h<e.parts.length;h++){var i=e.parts[h];if(B.contains(i.vertices,c.position)){d.pointA=c.position,d.bodyB=a.body=e,d.pointB={x:c.position.x-e.position.x,y:c.position.y-e.position.y},d.angleB=e.angle,u.set(e,!1),r.trigger(a,"startdrag",{mouse:c,body:e});break}}}else d.bodyB=a.body=null,d.pointB=null,e&&r.trigger(a,"enddrag",{mouse:c,body:e})};var a=function(a){var b=a.mouse,c=b.sourceEvents;c.mousemove&&r.trigger(a,"mousemove",{mouse:b}),c.mousedown&&r.trigger(a,"mousedown",{mouse:b}),c.mouseup&&r.trigger(a,"mouseup",{mouse:b}),s.clearSourceEvents(b)}}();var p={};!function(){p._nextId=0,p._seed=0,p.extend=function(a,b){var c,d,e;"boolean"==typeof b?(c=2,e=b):(c=1,e=!0),d=Array.prototype.slice.call(arguments,c);for(var f=0;f<d.length;f++){var g=d[f];if(g)for(var h in g)e&&g[h]&&g[h].constructor===Object?a[h]&&a[h].constructor!==Object?a[h]=g[h]:(a[h]=a[h]||{},p.extend(a[h],e,g[h])):a[h]=g[h]}return a},p.clone=function(a,b){return p.extend({},b,a)},p.keys=function(a){if(Object.keys)return Object.keys(a);var b=[];for(var c in a)b.push(c);return b},p.values=function(a){var b=[];if(Object.keys){for(var c=Object.keys(a),d=0;d<c.length;d++)b.push(a[c[d]]);return b}for(var e in a)b.push(a[e]);return b},p.shadeColor=function(a,b){var c=parseInt(a.slice(1),16),d=Math.round(2.55*b),e=(c>>16)+d,f=(c>>8&255)+d,g=(255&c)+d;return"#"+(16777216+65536*(255>e?1>e?0:e:255)+256*(255>f?1>f?0:f:255)+(255>g?1>g?0:g:255)).toString(16).slice(1)},p.shuffle=function(a){for(var b=a.length-1;b>0;b--){var c=Math.floor(p.random()*(b+1)),d=a[b];a[b]=a[c],a[c]=d}return a},p.choose=function(a){return a[Math.floor(p.random()*a.length)]},p.isElement=function(a){try{return a instanceof HTMLElement}catch(b){return"object"==typeof a&&1===a.nodeType&&"object"==typeof a.style&&"object"==typeof a.ownerDocument}},p.isArray=function(a){return"[object Array]"===Object.prototype.toString.call(a)},p.clamp=function(a,b,c){return b>a?b:a>c?c:a},p.sign=function(a){return 0>a?-1:1},p.now=function(){var a=window.performance||{};return a.now=function(){return a.now||a.webkitNow||a.msNow||a.oNow||a.mozNow||function(){return+new Date}}(),a.now()},p.random=function(b,c){return b="undefined"!=typeof b?b:0,c="undefined"!=typeof c?c:1,b+a()*(c-b)},p.colorToNumber=function(a){return a=a.replace("#",""),3==a.length&&(a=a.charAt(0)+a.charAt(0)+a.charAt(1)+a.charAt(1)+a.charAt(2)+a.charAt(2)),parseInt(a,16)},p.log=function(a,b){if(console&&console.log&&console.warn)switch(b){case"warn":console.warn("Matter.js:",a);break;case"error":console.log("Matter.js:",a)}},p.nextId=function(){return p._nextId++},p.indexOf=function(a,b){if(a.indexOf)return a.indexOf(b);for(var c=0;c<a.length;c++)if(a[c]===b)return c;return-1};var a=function(){return p._seed=(9301*p._seed+49297)%233280,p._seed/233280}}();var q={};!function(){var a=60,e=1e3/a;q.create=function(b,c){c=p.isElement(b)?c:b,b=p.isElement(b)?b:null;var f={enabled:!0,positionIterations:6,velocityIterations:4,constraintIterations:2,enableSleeping:!1,events:[],timing:{fps:a,timestamp:0,delta:e,correction:1,deltaMin:1e3/a,deltaMax:1e3/(.5*a),timeScale:1,isFixed:!1,frameRequestId:0},render:{element:b,controller:C},broadphase:{controller:g}},h=p.extend(f,c);return h.render=h.render.controller.create(h.render),h.world=d.create(h.world),h.pairs=i.create(),h.broadphase=h.broadphase.controller.create(h.broadphase),h.metrics=h.metrics||{extended:!1},h},q.update=function(a,b,d){d="undefined"!=typeof d?d:1;var e,g=a.world,k=a.timing,m=a.broadphase,o=[];k.timestamp+=b*k.timeScale,k.correction=d;var p={timestamp:a.timing.timestamp};r.trigger(a,"beforeUpdate",p);var q=c.allBodies(g),s=c.allConstraints(g);for(a.enableSleeping&&u.update(q,k.timeScale),h(q,g.gravity),j(q,b,k.timeScale,d,g.bounds),e=0;e<a.constraintIterations;e++)n.solveAll(s,k.timeScale);n.postSolveAll(q),m.controller?(g.isModified&&m.controller.clear(m),m.controller.update(m,q,a,g.isModified),o=m.pairsList):o=q;var t=m.detector(o,a),v=a.pairs,w=k.timestamp;for(i.update(v,t,w),i.removeOld(v,w),a.enableSleeping&&u.afterCollisions(v.list,k.timeScale),v.collisionStart.length>0&&r.trigger(a,"collisionStart",{pairs:v.collisionStart}),l.preSolvePosition(v.list),e=0;e<a.positionIterations;e++)l.solvePosition(v.list,k.timeScale);for(l.postSolvePosition(q),l.preSolveVelocity(v.list),e=0;e<a.velocityIterations;e++)l.solveVelocity(v.list,k.timeScale);return v.collisionActive.length>0&&r.trigger(a,"collisionActive",{pairs:v.collisionActive}),v.collisionEnd.length>0&&r.trigger(a,"collisionEnd",{pairs:v.collisionEnd}),f(q),g.isModified&&c.setModified(g,!1,!1,!0),r.trigger(a,"afterUpdate",p),a},q.render=function(a){var b={timestamp:a.timing.timestamp};r.trigger(a,"beforeRender",b),a.render.controller.world(a),r.trigger(a,"afterRender",b)},q.merge=function(a,b){if(p.extend(a,b),b.world){a.world=b.world,q.clear(a);for(var d=c.allBodies(a.world),e=0;e<d.length;e++){var f=d[e];u.set(f,!1),f.id=p.nextId()}}},q.clear=function(a){var b=a.world;i.clear(a.pairs);var d=a.broadphase;if(d.controller){var e=c.allBodies(b);d.controller.clear(d),d.controller.update(d,e,a,!0)}};var f=function(a){for(var b=0;b<a.length;b++){var c=a[b];c.force.x=0,c.force.y=0,c.torque=0}},h=function(a,b){for(var c=0;c<a.length;c++){var d=a[c];d.isStatic||d.isSleeping||(d.force.y+=d.mass*b.y*.001,d.force.x+=d.mass*b.x*.001)}},j=function(a,c,d,e){for(var f=0;f<a.length;f++){var g=a[f];g.isStatic||g.isSleeping||b.update(g,c,d,e)}}}();var r={};!function(){r.on=function(a,b,c){for(var d,e=b.split(" "),f=0;f<e.length;f++)d=e[f],a.events=a.events||{},a.events[d]=a.events[d]||[],a.events[d].push(c);return c},r.off=function(a,b,c){if(!b)return void(a.events={});
"function"==typeof b&&(c=b,b=p.keys(a.events).join(" "));for(var d=b.split(" "),e=0;e<d.length;e++){var f=a.events[d[e]],g=[];if(c)for(var h=0;h<f.length;h++)f[h]!==c&&g.push(f[h]);a.events[d[e]]=g}},r.trigger=function(a,b,c){var d,e,f,g;if(a.events){c||(c={}),d=b.split(" ");for(var h=0;h<d.length;h++)if(e=d[h],f=a.events[e]){g=p.clone(c,!1),g.name=e,g.source=a;for(var i=0;i<f.length;i++)f[i].apply(a,[g])}}}}();var s={};!function(){s.create=function(b){var c={};return b||p.log("Mouse.create: element was undefined, defaulting to document.body","warn"),c.element=b||document.body,c.absolute={x:0,y:0},c.position={x:0,y:0},c.mousedownPosition={x:0,y:0},c.mouseupPosition={x:0,y:0},c.offset={x:0,y:0},c.scale={x:1,y:1},c.wheelDelta=0,c.button=-1,c.pixelRatio=c.element.getAttribute("data-pixel-ratio")||1,c.sourceEvents={mousemove:null,mousedown:null,mouseup:null,mousewheel:null},c.mousemove=function(b){var d=a(b,c.element,c.pixelRatio),e=b.changedTouches;e&&(c.button=0,b.preventDefault()),c.absolute.x=d.x,c.absolute.y=d.y,c.position.x=c.absolute.x*c.scale.x+c.offset.x,c.position.y=c.absolute.y*c.scale.y+c.offset.y,c.sourceEvents.mousemove=b},c.mousedown=function(b){var d=a(b,c.element,c.pixelRatio),e=b.changedTouches;e?(c.button=0,b.preventDefault()):c.button=b.button,c.absolute.x=d.x,c.absolute.y=d.y,c.position.x=c.absolute.x*c.scale.x+c.offset.x,c.position.y=c.absolute.y*c.scale.y+c.offset.y,c.mousedownPosition.x=c.position.x,c.mousedownPosition.y=c.position.y,c.sourceEvents.mousedown=b},c.mouseup=function(b){var d=a(b,c.element,c.pixelRatio),e=b.changedTouches;e&&b.preventDefault(),c.button=-1,c.absolute.x=d.x,c.absolute.y=d.y,c.position.x=c.absolute.x*c.scale.x+c.offset.x,c.position.y=c.absolute.y*c.scale.y+c.offset.y,c.mouseupPosition.x=c.position.x,c.mouseupPosition.y=c.position.y,c.sourceEvents.mouseup=b},c.mousewheel=function(a){c.wheelDelta=Math.max(-1,Math.min(1,a.wheelDelta||-a.detail)),a.preventDefault()},s.setElement(c,c.element),c},s.setElement=function(a,b){a.element=b,b.addEventListener("mousemove",a.mousemove),b.addEventListener("mousedown",a.mousedown),b.addEventListener("mouseup",a.mouseup),b.addEventListener("mousewheel",a.mousewheel),b.addEventListener("DOMMouseScroll",a.mousewheel),b.addEventListener("touchmove",a.mousemove),b.addEventListener("touchstart",a.mousedown),b.addEventListener("touchend",a.mouseup)},s.clearSourceEvents=function(a){a.sourceEvents.mousemove=null,a.sourceEvents.mousedown=null,a.sourceEvents.mouseup=null,a.sourceEvents.mousewheel=null,a.wheelDelta=0},s.setOffset=function(a,b){a.offset.x=b.x,a.offset.y=b.y,a.position.x=a.absolute.x*a.scale.x+a.offset.x,a.position.y=a.absolute.y*a.scale.y+a.offset.y},s.setScale=function(a,b){a.scale.x=b.x,a.scale.y=b.y,a.position.x=a.absolute.x*a.scale.x+a.offset.x,a.position.y=a.absolute.y*a.scale.y+a.offset.y};var a=function(a,b,c){var d,e,f=b.getBoundingClientRect(),g=document.documentElement||document.body.parentNode||document.body,h=void 0!==window.pageXOffset?window.pageXOffset:g.scrollLeft,i=void 0!==window.pageYOffset?window.pageYOffset:g.scrollTop,j=a.changedTouches;return j?(d=j[0].pageX-f.left-h,e=j[0].pageY-f.top-i):(d=a.pageX-f.left-h,e=a.pageY-f.top-i),{x:d/(b.clientWidth/b.width*c),y:e/(b.clientHeight/b.height*c)}}}();var t={};!function(){var a=60,b=a,c=1e3/a,d=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(function(){a(p.now())},c)},e=window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame||window.msCancelAnimationFrame;t.run=function(a){var c,e=0,f=0,g=[],h=1;!function i(j){var k,l=a.timing,m=1;if(l.frameRequestId=d(i),a.enabled){var n={timestamp:j};r.trigger(a,"beforeTick",n),l.isFixed?k=l.delta:(k=j-c||l.delta,c=j,g.push(k),g=g.slice(-b),k=Math.min.apply(null,g),k=k<l.deltaMin?l.deltaMin:k,k=k>l.deltaMax?l.deltaMax:k,m=k/l.delta,l.delta=k),0!==h&&(m*=l.timeScale/h),0===l.timeScale&&(m=0),h=l.timeScale,f+=1,j-e>=1e3&&(l.fps=f*((j-e)/1e3),e=j,f=0),r.trigger(a,"tick",n),a.world.isModified&&a.render.controller.clear&&a.render.controller.clear(a.render),q.update(a,k,m),q.render(a),r.trigger(a,"afterTick",n)}}()},t.stop=function(a){e(a.timing.frameRequestId)}}();var u={};!function(){u._motionWakeThreshold=.18,u._motionSleepThreshold=.08,u._minBias=.9,u.update=function(a,b){for(var c=b*b*b,d=0;d<a.length;d++){var e=a[d],f=e.speed*e.speed+e.angularSpeed*e.angularSpeed;if(0===e.force.x&&0===e.force.y){var g=Math.min(e.motion,f),h=Math.max(e.motion,f);e.motion=u._minBias*g+(1-u._minBias)*h,e.sleepThreshold>0&&e.motion<u._motionSleepThreshold*c?(e.sleepCounter+=1,e.sleepCounter>=e.sleepThreshold&&u.set(e,!0)):e.sleepCounter>0&&(e.sleepCounter-=1)}else u.set(e,!1)}},u.afterCollisions=function(a,b){for(var c=b*b*b,d=0;d<a.length;d++){var e=a[d];if(e.isActive){var f=e.collision,g=f.bodyA.parent,h=f.bodyB.parent;if(!(g.isSleeping&&h.isSleeping||g.isStatic||h.isStatic)&&(g.isSleeping||h.isSleeping)){var i=g.isSleeping&&!g.isStatic?g:h,j=i===g?h:g;!i.isStatic&&j.motion>u._motionWakeThreshold*c&&u.set(i,!1)}}}},u.set=function(a,b){b?(a.isSleeping=!0,a.sleepCounter=a.sleepThreshold,a.positionImpulse.x=0,a.positionImpulse.y=0,a.positionPrev.x=a.position.x,a.positionPrev.y=a.position.y,a.anglePrev=a.angle,a.speed=0,a.angularSpeed=0,a.motion=0):(a.isSleeping=!1,a.sleepCounter=0)}}();var v={};!function(){v.rectangle=function(a,c,d,e,f){f=f||{};var g={label:"Rectangle Body",position:{x:a,y:c},vertices:B.fromPath("L 0 0 L "+d+" 0 L "+d+" "+e+" L 0 "+e)};if(f.chamfer){var h=f.chamfer;g.vertices=B.chamfer(g.vertices,h.radius,h.quality,h.qualityMin,h.qualityMax),delete f.chamfer}return b.create(p.extend({},g,f))},v.trapezoid=function(a,c,d,e,f,g){g=g||{},f*=.5;var h=(1-2*f)*d,i=d*f,j=i+h,k=j+i,l={label:"Trapezoid Body",position:{x:a,y:c},vertices:B.fromPath("L 0 0 L "+i+" "+-e+" L "+j+" "+-e+" L "+k+" 0")};if(g.chamfer){var m=g.chamfer;l.vertices=B.chamfer(l.vertices,m.radius,m.quality,m.qualityMin,m.qualityMax),delete g.chamfer}return b.create(p.extend({},l,g))},v.circle=function(a,b,c,d,e){d=d||{},d.label="Circle Body",e=e||25;var f=Math.ceil(Math.max(10,Math.min(e,c)));return f%2===1&&(f+=1),d.circleRadius=c,v.polygon(a,b,f,c,d)},v.polygon=function(a,c,d,e,f){if(f=f||{},3>d)return v.circle(a,c,e,f);for(var g=2*Math.PI/d,h="",i=.5*g,j=0;d>j;j+=1){var k=i+j*g,l=Math.cos(k)*e,m=Math.sin(k)*e;h+="L "+l.toFixed(3)+" "+m.toFixed(3)+" "}var n={label:"Polygon Body",position:{x:a,y:c},vertices:B.fromPath(h)};if(f.chamfer){var o=f.chamfer;n.vertices=B.chamfer(n.vertices,o.radius,o.quality,o.qualityMin,o.qualityMax),delete f.chamfer}return b.create(p.extend({},n,f))},v.fromVertices=function(a,c,d,e,f,g,h){var i,j,k,l,m,n,o,q,r;for(e=e||{},j=[],f="undefined"!=typeof f?f:!1,g="undefined"!=typeof g?g:.01,h="undefined"!=typeof h?h:10,window.decomp||p.log("Bodies.fromVertices: poly-decomp.js required. Could not decompose vertices. Fallback to convex hull.","warn"),p.isArray(d[0])||(d=[d]),q=0;q<d.length;q+=1)if(l=d[q],k=B.isConvex(l),k||!window.decomp)l=k?B.clockwiseSort(l):B.hull(l),j.push({position:{x:a,y:c},vertices:l});else{var s=new decomp.Polygon;for(m=0;m<l.length;m++)s.vertices.push([l[m].x,l[m].y]);s.makeCCW(),g!==!1&&s.removeCollinearPoints(g);var t=s.quickDecomp();for(m=0;m<t.length;m++){var u=t[m],v=[];for(n=0;n<u.vertices.length;n++)v.push({x:u.vertices[n][0],y:u.vertices[n][1]});h>0&&B.area(v)<h||j.push({position:B.centre(v),vertices:v})}}for(m=0;m<j.length;m++)j[m]=b.create(p.extend(j[m],e));if(f){var w=5;for(m=0;m<j.length;m++){var x=j[m];for(n=m+1;n<j.length;n++){var z=j[n];if(y.overlaps(x.bounds,z.bounds)){var C=x.vertices,D=z.vertices;for(o=0;o<x.vertices.length;o++)for(r=0;r<z.vertices.length;r++){var E=A.magnitudeSquared(A.sub(C[(o+1)%C.length],D[r])),F=A.magnitudeSquared(A.sub(C[o],D[(r+1)%D.length]));w>E&&w>F&&(C[o].isInternal=!0,D[r].isInternal=!0)}}}}}return j.length>1?(i=b.create(p.extend({parts:j.slice(0)},e)),b.setPosition(i,{x:a,y:c}),i):j[0]}}();var w={};!function(){w.stack=function(a,d,e,f,g,h,i){for(var j,k=c.create({label:"Stack"}),l=a,m=d,n=0,o=0;f>o;o++){for(var p=0,q=0;e>q;q++){var r=i(l,m,q,o,j,n);if(r){var s=r.bounds.max.y-r.bounds.min.y,t=r.bounds.max.x-r.bounds.min.x;s>p&&(p=s),b.translate(r,{x:.5*t,y:.5*s}),l=r.bounds.max.x+g,c.addBody(k,r),j=r,n+=1}else l+=g}m+=p+h,l=a}return k},w.chain=function(a,b,d,e,f,g){for(var h=a.bodies,i=1;i<h.length;i++){var j=h[i-1],k=h[i],l=j.bounds.max.y-j.bounds.min.y,m=j.bounds.max.x-j.bounds.min.x,o=k.bounds.max.y-k.bounds.min.y,q=k.bounds.max.x-k.bounds.min.x,r={bodyA:j,pointA:{x:m*b,y:l*d},bodyB:k,pointB:{x:q*e,y:o*f}},s=p.extend(r,g);c.addConstraint(a,n.create(s))}return a.label+=" Chain",a},w.mesh=function(a,b,d,e,f){var g,h,i,j,k,l=a.bodies;for(g=0;d>g;g++){for(h=1;b>h;h++)i=l[h-1+g*b],j=l[h+g*b],c.addConstraint(a,n.create(p.extend({bodyA:i,bodyB:j},f)));if(g>0)for(h=0;b>h;h++)i=l[h+(g-1)*b],j=l[h+g*b],c.addConstraint(a,n.create(p.extend({bodyA:i,bodyB:j},f))),e&&h>0&&(k=l[h-1+(g-1)*b],c.addConstraint(a,n.create(p.extend({bodyA:k,bodyB:j},f)))),e&&b-1>h&&(k=l[h+1+(g-1)*b],c.addConstraint(a,n.create(p.extend({bodyA:k,bodyB:j},f))))}return a.label+=" Mesh",a},w.pyramid=function(a,c,d,e,f,g,h){return w.stack(a,c,d,e,f,g,function(c,g,i,j,k,l){var m=Math.min(e,Math.ceil(d/2)),n=k?k.bounds.max.x-k.bounds.min.x:0;if(!(j>m)){j=m-j;var o=j,p=d-1-j;if(!(o>i||i>p)){1===l&&b.translate(k,{x:(i+(d%2===1?1:-1))*n,y:0});var q=k?i*n:0;return h(a+q+i*f,g,i,j,k,l)}}})},w.newtonsCradle=function(a,b,d,e,f){for(var g=c.create({label:"Newtons Cradle"}),h=0;d>h;h++){var i=1.9,j=v.circle(a+h*e*i,b+f,e,{inertia:99999,restitution:1,friction:0,frictionAir:1e-4,slop:.01}),k=n.create({pointA:{x:a+h*e*i,y:b},bodyB:j});c.addBody(g,j),c.addConstraint(g,k)}return g},w.car=function(a,d,e,f,g){var h=b.nextGroup(!0),i=-20,j=.5*-e+i,k=.5*e-i,l=0,m=c.create({label:"Car"}),o=v.trapezoid(a,d,e,f,.3,{collisionFilter:{group:h},friction:.01,chamfer:{radius:10}}),p=v.circle(a+j,d+l,g,{collisionFilter:{group:h},restitution:.5,friction:.9,frictionStatic:10,slop:.5,density:.01}),q=v.circle(a+k,d+l,g,{collisionFilter:{group:h},restitution:.5,friction:.9,frictionStatic:10,slop:.5,density:.01}),r=n.create({bodyA:o,pointA:{x:j,y:l},bodyB:p,stiffness:.5}),s=n.create({bodyA:o,pointA:{x:k,y:l},bodyB:q,stiffness:.5});return c.addBody(m,o),c.addBody(m,p),c.addBody(m,q),c.addConstraint(m,r),c.addConstraint(m,s),m},w.softBody=function(a,b,c,d,e,f,g,h,i,j){i=p.extend({inertia:1/0},i),j=p.extend({stiffness:.4},j);var k=w.stack(a,b,c,d,e,f,function(a,b){return v.circle(a,b,h,i)});return w.mesh(k,c,d,g,j),k.label="Soft Body",k}}();var x={};!function(){x.fromVertices=function(a){for(var b={},c=0;c<a.length;c++){var d=(c+1)%a.length,e=A.normalise({x:a[d].y-a[c].y,y:a[c].x-a[d].x}),f=0===e.y?1/0:e.x/e.y;f=f.toFixed(3).toString(),b[f]=e}return p.values(b)},x.rotate=function(a,b){if(0!==b)for(var c=Math.cos(b),d=Math.sin(b),e=0;e<a.length;e++){var f,g=a[e];f=g.x*c-g.y*d,g.y=g.x*d+g.y*c,g.x=f}}}();var y={};!function(){y.create=function(a){var b={min:{x:0,y:0},max:{x:0,y:0}};return a&&y.update(b,a),b},y.update=function(a,b,c){a.min.x=Number.MAX_VALUE,a.max.x=Number.MIN_VALUE,a.min.y=Number.MAX_VALUE,a.max.y=Number.MIN_VALUE;for(var d=0;d<b.length;d++){var e=b[d];e.x>a.max.x&&(a.max.x=e.x),e.x<a.min.x&&(a.min.x=e.x),e.y>a.max.y&&(a.max.y=e.y),e.y<a.min.y&&(a.min.y=e.y)}c&&(c.x>0?a.max.x+=c.x:a.min.x+=c.x,c.y>0?a.max.y+=c.y:a.min.y+=c.y)},y.contains=function(a,b){return b.x>=a.min.x&&b.x<=a.max.x&&b.y>=a.min.y&&b.y<=a.max.y},y.overlaps=function(a,b){return a.min.x<=b.max.x&&a.max.x>=b.min.x&&a.max.y>=b.min.y&&a.min.y<=b.max.y},y.translate=function(a,b){a.min.x+=b.x,a.max.x+=b.x,a.min.y+=b.y,a.max.y+=b.y},y.shift=function(a,b){var c=a.max.x-a.min.x,d=a.max.y-a.min.y;a.min.x=b.x,a.max.x=b.x+c,a.min.y=b.y,a.max.y=b.y+d}}();var z={};!function(){z.pathToVertices=function(b,c){var d,e,f,g,h,i,j,k,l,m,n=[],o=0,p=0,q=0;c=c||15;var r=function(a,b,c){var d=c%2===1&&c>1;if(!l||a!=l.x||b!=l.y){l&&d?(lx=l.x,ly=l.y):(lx=0,ly=0);var e={x:lx+a,y:ly+b};(d||!l)&&(l=e),n.push(e),p=lx+a,q=ly+b}},s=function(a){var b=a.pathSegTypeAsLetter.toUpperCase();if("Z"!==b){switch(b){case"M":case"L":case"T":case"C":case"S":case"Q":p=a.x,q=a.y;break;case"H":p=a.x;break;case"V":q=a.y}r(p,q,a.pathSegType)}};for(a(b),f=b.getTotalLength(),i=[],d=0;d<b.pathSegList.numberOfItems;d+=1)i.push(b.pathSegList.getItem(d));for(j=i.concat();f>o;){if(m=b.getPathSegAtLength(o),h=i[m],h!=k){for(;j.length&&j[0]!=h;)s(j.shift());k=h}switch(h.pathSegTypeAsLetter.toUpperCase()){case"C":case"T":case"S":case"Q":case"A":g=b.getPointAtLength(o),r(g.x,g.y,0)}o+=c}for(d=0,e=j.length;e>d;++d)s(j[d]);return n};var a=function(a){for(var b,c,d,e,f,g,h=a.pathSegList,i=0,j=0,k=h.numberOfItems,l=0;k>l;++l){var m=h.getItem(l),n=m.pathSegTypeAsLetter;if(/[MLHVCSQTA]/.test(n))"x"in m&&(i=m.x),"y"in m&&(j=m.y);else switch("x1"in m&&(d=i+m.x1),"x2"in m&&(f=i+m.x2),"y1"in m&&(e=j+m.y1),"y2"in m&&(g=j+m.y2),"x"in m&&(i+=m.x),"y"in m&&(j+=m.y),n){case"m":h.replaceItem(a.createSVGPathSegMovetoAbs(i,j),l);break;case"l":h.replaceItem(a.createSVGPathSegLinetoAbs(i,j),l);break;case"h":h.replaceItem(a.createSVGPathSegLinetoHorizontalAbs(i),l);break;case"v":h.replaceItem(a.createSVGPathSegLinetoVerticalAbs(j),l);break;case"c":h.replaceItem(a.createSVGPathSegCurvetoCubicAbs(i,j,d,e,f,g),l);break;case"s":h.replaceItem(a.createSVGPathSegCurvetoCubicSmoothAbs(i,j,f,g),l);break;case"q":h.replaceItem(a.createSVGPathSegCurvetoQuadraticAbs(i,j,d,e),l);break;case"t":h.replaceItem(a.createSVGPathSegCurvetoQuadraticSmoothAbs(i,j),l);break;case"a":h.replaceItem(a.createSVGPathSegArcAbs(i,j,m.r1,m.r2,m.angle,m.largeArcFlag,m.sweepFlag),l);break;case"z":case"Z":i=b,j=c}("M"==n||"m"==n)&&(b=i,c=j)}}}();var A={};!function(){A.create=function(a,b){return{x:a||0,y:b||0}},A.clone=function(a){return{x:a.x,y:a.y}},A.magnitude=function(a){return Math.sqrt(a.x*a.x+a.y*a.y)},A.magnitudeSquared=function(a){return a.x*a.x+a.y*a.y},A.rotate=function(a,b){var c=Math.cos(b),d=Math.sin(b);return{x:a.x*c-a.y*d,y:a.x*d+a.y*c}},A.rotateAbout=function(a,b,c,d){var e=Math.cos(b),f=Math.sin(b);d||(d={});var g=c.x+((a.x-c.x)*e-(a.y-c.y)*f);return d.y=c.y+((a.x-c.x)*f+(a.y-c.y)*e),d.x=g,d},A.normalise=function(a){var b=A.magnitude(a);return 0===b?{x:0,y:0}:{x:a.x/b,y:a.y/b}},A.dot=function(a,b){return a.x*b.x+a.y*b.y},A.cross=function(a,b){return a.x*b.y-a.y*b.x},A.cross3=function(a,b,c){return(b.x-a.x)*(c.y-a.y)-(b.y-a.y)*(c.x-a.x)},A.add=function(a,b,c){return c||(c={}),c.x=a.x+b.x,c.y=a.y+b.y,c},A.sub=function(a,b,c){return c||(c={}),c.x=a.x-b.x,c.y=a.y-b.y,c},A.mult=function(a,b){return{x:a.x*b,y:a.y*b}},A.div=function(a,b){return{x:a.x/b,y:a.y/b}},A.perp=function(a,b){return b=b===!0?-1:1,{x:b*-a.y,y:b*a.x}},A.neg=function(a){return{x:-a.x,y:-a.y}},A.angle=function(a,b){return Math.atan2(b.y-a.y,b.x-a.x)},A._temp=[A.create(),A.create(),A.create(),A.create(),A.create(),A.create()]}();var B={};!function(){B.create=function(a,b){for(var c=[],d=0;d<a.length;d++){var e=a[d],f={x:e.x,y:e.y,index:d,body:b,isInternal:!1};c.push(f)}return c},B.fromPath=function(a,b){var c=/L?\s*([\-\d\.e]+)[\s,]*([\-\d\.e]+)*/gi,d=[];return a.replace(c,function(a,b,c){d.push({x:parseFloat(b),y:parseFloat(c)})}),B.create(d,b)},B.centre=function(a){for(var b,c,d,e=B.area(a,!0),f={x:0,y:0},g=0;g<a.length;g++)d=(g+1)%a.length,b=A.cross(a[g],a[d]),c=A.mult(A.add(a[g],a[d]),b),f=A.add(f,c);return A.div(f,6*e)},B.mean=function(a){for(var b={x:0,y:0},c=0;c<a.length;c++)b.x+=a[c].x,b.y+=a[c].y;return A.div(b,a.length)},B.area=function(a,b){for(var c=0,d=a.length-1,e=0;e<a.length;e++)c+=(a[d].x-a[e].x)*(a[d].y+a[e].y),d=e;return b?c/2:Math.abs(c)/2},B.inertia=function(a,b){for(var c,d,e=0,f=0,g=a,h=0;h<g.length;h++)d=(h+1)%g.length,c=Math.abs(A.cross(g[d],g[h])),e+=c*(A.dot(g[d],g[d])+A.dot(g[d],g[h])+A.dot(g[h],g[h])),f+=c;return b/6*(e/f)},B.translate=function(a,b,c){var d;if(c)for(d=0;d<a.length;d++)a[d].x+=b.x*c,a[d].y+=b.y*c;else for(d=0;d<a.length;d++)a[d].x+=b.x,a[d].y+=b.y;return a},B.rotate=function(a,b,c){if(0!==b){for(var d=Math.cos(b),e=Math.sin(b),f=0;f<a.length;f++){var g=a[f],h=g.x-c.x,i=g.y-c.y;g.x=c.x+(h*d-i*e),g.y=c.y+(h*e+i*d)}return a}},B.contains=function(a,b){for(var c=0;c<a.length;c++){var d=a[c],e=a[(c+1)%a.length];if((b.x-d.x)*(e.y-d.y)+(b.y-d.y)*(d.x-e.x)>0)return!1}return!0},B.scale=function(a,b,c,d){if(1===b&&1===c)return a;d=d||B.centre(a);for(var e,f,g=0;g<a.length;g++)e=a[g],f=A.sub(e,d),a[g].x=d.x+f.x*b,a[g].y=d.y+f.y*c;return a},B.chamfer=function(a,b,c,d,e){b=b||[8],b.length||(b=[b]),c="undefined"!=typeof c?c:-1,d=d||2,e=e||14;for(var f=[],g=0;g<a.length;g++){var h=a[g-1>=0?g-1:a.length-1],i=a[g],j=a[(g+1)%a.length],k=b[g<b.length?g:b.length-1];if(0!==k){var l=A.normalise({x:i.y-h.y,y:h.x-i.x}),m=A.normalise({x:j.y-i.y,y:i.x-j.x}),n=Math.sqrt(2*Math.pow(k,2)),o=A.mult(p.clone(l),k),q=A.normalise(A.mult(A.add(l,m),.5)),r=A.sub(i,A.mult(q,n)),s=c;-1===c&&(s=1.75*Math.pow(k,.32)),s=p.clamp(s,d,e),s%2===1&&(s+=1);for(var t=Math.acos(A.dot(l,m)),u=t/s,v=0;s>v;v++)f.push(A.add(A.rotate(o,u*v),r))}else f.push(i)}return f},B.clockwiseSort=function(a){var b=B.mean(a);return a.sort(function(a,c){return A.angle(b,a)-A.angle(b,c)}),a},B.isConvex=function(a){var b,c,d,e,f=0,g=a.length;if(3>g)return null;for(b=0;g>b;b++)if(c=(b+1)%g,d=(b+2)%g,e=(a[c].x-a[b].x)*(a[d].y-a[c].y),e-=(a[c].y-a[b].y)*(a[d].x-a[c].x),0>e?f|=1:e>0&&(f|=2),3===f)return!1;return 0!==f?!0:null},B.hull=function(a){var b,c,d=[],e=[];for(a=a.slice(0),a.sort(function(a,b){var c=a.x-b.x;return 0!==c?c:a.y-b.y}),c=0;c<a.length;c++){for(b=a[c];e.length>=2&&A.cross3(e[e.length-2],e[e.length-1],b)<=0;)e.pop();e.push(b)}for(c=a.length-1;c>=0;c--){for(b=a[c];d.length>=2&&A.cross3(d[d.length-2],d[d.length-1],b)<=0;)d.pop();d.push(b)}return d.pop(),e.pop(),d.concat(e)}}();var C={};!function(){C.create=function(b){var c={controller:C,element:null,canvas:null,options:{width:800,height:600,pixelRatio:1,background:"#fafafa",wireframeBackground:"#222",hasBounds:!1,enabled:!0,wireframes:!0,showSleeping:!0,showDebug:!1,showBroadphase:!1,showBounds:!1,showVelocity:!1,showCollisions:!1,showSeparations:!1,showAxes:!1,showPositions:!1,showAngleIndicator:!1,showIds:!1,showShadows:!1,showVertexNumbers:!1,showConvexHulls:!1,showInternalEdges:!1}},d=p.extend(c,b);return d.canvas=d.canvas||a(d.options.width,d.options.height),d.context=d.canvas.getContext("2d"),d.textures={},d.bounds=d.bounds||{min:{x:0,y:0},max:{x:d.options.width,y:d.options.height}},1!==d.options.pixelRatio&&C.setPixelRatio(d,d.options.pixelRatio),p.isElement(d.element)?d.element.appendChild(d.canvas):p.log("Render.create: options.element was undefined, render.canvas was created but not appended","warn"),d},C.setPixelRatio=function(a,c){var d=a.options,e=a.canvas;"auto"===c&&(c=b(e)),d.pixelRatio=c,e.setAttribute("data-pixel-ratio",c),e.width=d.width*c,e.height=d.height*c,e.style.width=d.width+"px",e.style.height=d.height+"px",a.context.scale(c,c)},C.world=function(a){var b,d=a.render,f=a.world,h=d.canvas,i=d.context,j=d.options,k=c.allBodies(f),l=c.allConstraints(f),m=j.wireframes?j.wireframeBackground:j.background,n=[],o=[];if(d.currentBackground!==m&&e(d,m),i.globalCompositeOperation="source-in",i.fillStyle="transparent",i.fillRect(0,0,h.width,h.height),i.globalCompositeOperation="source-over",j.hasBounds){var p=d.bounds.max.x-d.bounds.min.x,q=d.bounds.max.y-d.bounds.min.y,r=p/j.width,s=q/j.height;for(b=0;b<k.length;b++){var t=k[b];y.overlaps(t.bounds,d.bounds)&&n.push(t)}for(b=0;b<l.length;b++){var u=l[b],v=u.bodyA,w=u.bodyB,x=u.pointA,z=u.pointB;v&&(x=A.add(v.position,u.pointA)),w&&(z=A.add(w.position,u.pointB)),x&&z&&(y.contains(d.bounds,x)||y.contains(d.bounds,z))&&o.push(u)}i.scale(1/r,1/s),i.translate(-d.bounds.min.x,-d.bounds.min.y)}else o=l,n=k;!j.wireframes||a.enableSleeping&&j.showSleeping?C.bodies(a,n,i):(j.showConvexHulls&&C.bodyConvexHulls(a,n,i),C.bodyWireframes(a,n,i)),j.showBounds&&C.bodyBounds(a,n,i),(j.showAxes||j.showAngleIndicator)&&C.bodyAxes(a,n,i),j.showPositions&&C.bodyPositions(a,n,i),j.showVelocity&&C.bodyVelocity(a,n,i),j.showIds&&C.bodyIds(a,n,i),j.showSeparations&&C.separations(a,a.pairs.list,i),j.showCollisions&&C.collisions(a,a.pairs.list,i),j.showVertexNumbers&&C.vertexNumbers(a,n,i),C.constraints(o,i),j.showBroadphase&&a.broadphase.controller===g&&C.grid(a,a.broadphase,i),j.showDebug&&C.debug(a,i),j.hasBounds&&i.setTransform(j.pixelRatio,0,0,j.pixelRatio,0,0)},C.debug=function(a,b){var d=b,e=a.world,f=a.render,g=f.options,h=(c.allBodies(e)," ");if(a.timing.timestamp-(f.debugTimestamp||0)>=500){var i="";i+="fps: "+Math.round(a.timing.fps)+h,f.debugString=i,f.debugTimestamp=a.timing.timestamp}if(f.debugString){d.font="12px Arial",d.fillStyle=g.wireframes?"rgba(255,255,255,0.5)":"rgba(0,0,0,0.5)";for(var j=f.debugString.split("\n"),k=0;k<j.length;k++)d.fillText(j[k],50,50+18*k)}},C.constraints=function(a,b){for(var c=b,d=0;d<a.length;d++){var e=a[d];if(e.render.visible&&e.pointA&&e.pointB){var f=e.bodyA,g=e.bodyB;f?(c.beginPath(),c.moveTo(f.position.x+e.pointA.x,f.position.y+e.pointA.y)):(c.beginPath(),c.moveTo(e.pointA.x,e.pointA.y)),g?c.lineTo(g.position.x+e.pointB.x,g.position.y+e.pointB.y):c.lineTo(e.pointB.x,e.pointB.y),c.lineWidth=e.render.lineWidth,c.strokeStyle=e.render.strokeStyle,c.stroke()}}},C.bodyShadows=function(a,b,c){for(var d=c,e=a.render,f=0;f<b.length;f++){var g=b[f];if(g.render.visible){if(g.circleRadius)d.beginPath(),d.arc(g.position.x,g.position.y,g.circleRadius,0,2*Math.PI),d.closePath();else{d.beginPath(),d.moveTo(g.vertices[0].x,g.vertices[0].y);for(var h=1;h<g.vertices.length;h++)d.lineTo(g.vertices[h].x,g.vertices[h].y);d.closePath()}var i=g.position.x-.5*e.options.width,j=g.position.y-.2*e.options.height,k=Math.abs(i)+Math.abs(j);d.shadowColor="rgba(0,0,0,0.15)",d.shadowOffsetX=.05*i,d.shadowOffsetY=.05*j,d.shadowBlur=1+12*Math.min(1,k/1e3),d.fill(),d.shadowColor=null,d.shadowOffsetX=null,d.shadowOffsetY=null,d.shadowBlur=null}}},C.bodies=function(a,b,c){var e,f,g,h=c,i=a.render,j=i.options;for(g=0;g<b.length;g++)if(e=b[g],e.render.visible)for(k=e.parts.length>1?1:0;k<e.parts.length;k++)if(f=e.parts[k],f.render.sprite&&f.render.sprite.texture&&!j.wireframes){var l=f.render.sprite,m=d(i,l.texture);j.showSleeping&&e.isSleeping&&(h.globalAlpha=.5),h.translate(f.position.x,f.position.y),h.rotate(f.angle),h.drawImage(m,m.width*-.5*l.xScale,m.height*-.5*l.yScale,m.width*l.xScale,m.height*l.yScale),h.rotate(-f.angle),h.translate(-f.position.x,-f.position.y),j.showSleeping&&e.isSleeping&&(h.globalAlpha=1)}else{if(f.circleRadius)h.beginPath(),h.arc(f.position.x,f.position.y,f.circleRadius,0,2*Math.PI);else{h.beginPath(),h.moveTo(f.vertices[0].x,f.vertices[0].y);for(var n=1;n<f.vertices.length;n++)h.lineTo(f.vertices[n].x,f.vertices[n].y);h.closePath()}j.wireframes?(h.lineWidth=1,h.strokeStyle="#bbb",j.showSleeping&&e.isSleeping&&(h.strokeStyle="rgba(255,255,255,0.2)"),h.stroke()):(h.fillStyle=j.showSleeping&&e.isSleeping?p.shadeColor(f.render.fillStyle,50):f.render.fillStyle,h.lineWidth=f.render.lineWidth,h.strokeStyle=f.render.strokeStyle,h.fill(),h.stroke())}},C.bodyWireframes=function(a,b,c){var d,e,f,g,h,i=c,j=a.render.options.showInternalEdges;for(i.beginPath(),f=0;f<b.length;f++)if(d=b[f],d.render.visible)for(h=d.parts.length>1?1:0;h<d.parts.length;h++){for(e=d.parts[h],i.moveTo(e.vertices[0].x,e.vertices[0].y),g=1;g<e.vertices.length;g++)!e.vertices[g-1].isInternal||j?i.lineTo(e.vertices[g].x,e.vertices[g].y):i.moveTo(e.vertices[g].x,e.vertices[g].y),e.vertices[g].isInternal&&!j&&i.moveTo(e.vertices[(g+1)%e.vertices.length].x,e.vertices[(g+1)%e.vertices.length].y);i.lineTo(e.vertices[0].x,e.vertices[0].y)}i.lineWidth=1,i.strokeStyle="#bbb",i.stroke()},C.bodyConvexHulls=function(a,b,c){var d,e,f,g=c;for(g.beginPath(),e=0;e<b.length;e++)if(d=b[e],d.render.visible&&1!==d.parts.length){for(g.moveTo(d.vertices[0].x,d.vertices[0].y),f=1;f<d.vertices.length;f++)g.lineTo(d.vertices[f].x,d.vertices[f].y);g.lineTo(d.vertices[0].x,d.vertices[0].y)}g.lineWidth=1,g.strokeStyle="rgba(255,255,255,0.2)",g.stroke()},C.vertexNumbers=function(a,b,c){var d,e,f,g=c;for(d=0;d<b.length;d++){var h=b[d].parts;for(f=h.length>1?1:0;f<h.length;f++){var i=h[f];for(e=0;e<i.vertices.length;e++)g.fillStyle="rgba(255,255,255,0.2)",g.fillText(d+"_"+e,i.position.x+.8*(i.vertices[e].x-i.position.x),i.position.y+.8*(i.vertices[e].y-i.position.y))}}},C.bodyBounds=function(a,b,c){var d=c,e=a.render,f=e.options;d.beginPath();for(var g=0;g<b.length;g++){var h=b[g];if(h.render.visible)for(var i=b[g].parts,j=i.length>1?1:0;j<i.length;j++){var k=i[j];d.rect(k.bounds.min.x,k.bounds.min.y,k.bounds.max.x-k.bounds.min.x,k.bounds.max.y-k.bounds.min.y)}}d.strokeStyle=f.wireframes?"rgba(255,255,255,0.08)":"rgba(0,0,0,0.1)",d.lineWidth=1,d.stroke()},C.bodyAxes=function(a,b,c){var d,e,f,g,h=c,i=a.render,j=i.options;for(h.beginPath(),e=0;e<b.length;e++){var k=b[e],l=k.parts;if(k.render.visible)if(j.showAxes)for(f=l.length>1?1:0;f<l.length;f++)for(d=l[f],g=0;g<d.axes.length;g++){var m=d.axes[g];h.moveTo(d.position.x,d.position.y),h.lineTo(d.position.x+20*m.x,d.position.y+20*m.y)}else for(f=l.length>1?1:0;f<l.length;f++)for(d=l[f],g=0;g<d.axes.length;g++)h.moveTo(d.position.x,d.position.y),h.lineTo((d.vertices[0].x+d.vertices[d.vertices.length-1].x)/2,(d.vertices[0].y+d.vertices[d.vertices.length-1].y)/2)}h.strokeStyle=j.wireframes?"indianred":"rgba(0,0,0,0.3)",h.lineWidth=1,h.stroke()},C.bodyPositions=function(a,b,c){var d,e,f,g=c,h=a.render,i=h.options;for(g.beginPath(),f=0;f<b.length;f++)if(d=b[f],d.render.visible)for(k=0;k<d.parts.length;k++)e=d.parts[k],g.arc(e.position.x,e.position.y,3,0,2*Math.PI,!1),g.closePath();for(g.fillStyle=i.wireframes?"indianred":"rgba(0,0,0,0.5)",g.fill(),g.beginPath(),f=0;f<b.length;f++)d=b[f],d.render.visible&&(g.arc(d.positionPrev.x,d.positionPrev.y,2,0,2*Math.PI,!1),g.closePath());g.fillStyle="rgba(255,165,0,0.8)",g.fill()},C.bodyVelocity=function(a,b,c){var d=c;d.beginPath();for(var e=0;e<b.length;e++){var f=b[e];f.render.visible&&(d.moveTo(f.position.x,f.position.y),d.lineTo(f.position.x+2*(f.position.x-f.positionPrev.x),f.position.y+2*(f.position.y-f.positionPrev.y)))}d.lineWidth=3,d.strokeStyle="cornflowerblue",d.stroke()},C.bodyIds=function(a,b,c){var d,e,f=c;for(d=0;d<b.length;d++)if(b[d].render.visible){var g=b[d].parts;for(e=g.length>1?1:0;e<g.length;e++){var h=g[e];f.font="12px Arial",f.fillStyle="rgba(255,255,255,0.5)",f.fillText(h.id,h.position.x+10,h.position.y-10)}}},C.collisions=function(a,b,c){var d,e,f,g,h=c,i=a.render.options;for(h.beginPath(),f=0;f<b.length;f++)if(d=b[f],d.isActive)for(e=d.collision,g=0;g<d.activeContacts.length;g++){var j=d.activeContacts[g],k=j.vertex;h.rect(k.x-1.5,k.y-1.5,3.5,3.5)}for(h.fillStyle=i.wireframes?"rgba(255,255,255,0.7)":"orange",h.fill(),h.beginPath(),f=0;f<b.length;f++)if(d=b[f],d.isActive&&(e=d.collision,d.activeContacts.length>0)){var l=d.activeContacts[0].vertex.x,m=d.activeContacts[0].vertex.y;2===d.activeContacts.length&&(l=(d.activeContacts[0].vertex.x+d.activeContacts[1].vertex.x)/2,m=(d.activeContacts[0].vertex.y+d.activeContacts[1].vertex.y)/2),e.bodyB===e.supports[0].body||e.bodyA.isStatic===!0?h.moveTo(l-8*e.normal.x,m-8*e.normal.y):h.moveTo(l+8*e.normal.x,m+8*e.normal.y),h.lineTo(l,m)}h.strokeStyle=i.wireframes?"rgba(255,165,0,0.7)":"orange",h.lineWidth=1,h.stroke()},C.separations=function(a,b,c){var d,e,f,g,h,i=c,j=a.render.options;for(i.beginPath(),h=0;h<b.length;h++)if(d=b[h],d.isActive){e=d.collision,f=e.bodyA,g=e.bodyB;var k=1;g.isStatic||f.isStatic||(k=.5),g.isStatic&&(k=0),i.moveTo(g.position.x,g.position.y),i.lineTo(g.position.x-e.penetration.x*k,g.position.y-e.penetration.y*k),k=1,g.isStatic||f.isStatic||(k=.5),f.isStatic&&(k=0),i.moveTo(f.position.x,f.position.y),i.lineTo(f.position.x+e.penetration.x*k,f.position.y+e.penetration.y*k)}i.strokeStyle=j.wireframes?"rgba(255,165,0,0.5)":"orange",i.stroke()},C.grid=function(a,b,c){var d=c,e=a.render.options;d.strokeStyle=e.wireframes?"rgba(255,180,0,0.1)":"rgba(255,180,0,0.5)",d.beginPath();for(var f=p.keys(b.buckets),g=0;g<f.length;g++){var h=f[g];if(!(b.buckets[h].length<2)){var i=h.split(",");d.rect(.5+parseInt(i[0],10)*b.bucketWidth,.5+parseInt(i[1],10)*b.bucketHeight,b.bucketWidth,b.bucketHeight)}}d.lineWidth=1,d.stroke()},C.inspector=function(a,b){var c,d=a.engine,e=a.selected,f=d.render,g=f.options;if(g.hasBounds){var h=f.bounds.max.x-f.bounds.min.x,i=f.bounds.max.y-f.bounds.min.y,j=h/f.options.width,k=i/f.options.height;b.scale(1/j,1/k),b.translate(-f.bounds.min.x,-f.bounds.min.y)}for(var l=0;l<e.length;l++){var m=e[l].data;switch(b.translate(.5,.5),b.lineWidth=1,b.strokeStyle="rgba(255,165,0,0.9)",b.setLineDash([1,2]),m.type){case"body":c=m.bounds,b.beginPath(),b.rect(Math.floor(c.min.x-3),Math.floor(c.min.y-3),Math.floor(c.max.x-c.min.x+6),Math.floor(c.max.y-c.min.y+6)),b.closePath(),b.stroke();break;case"constraint":var n=m.pointA;m.bodyA&&(n=m.pointB),b.beginPath(),b.arc(n.x,n.y,10,0,2*Math.PI),b.closePath(),b.stroke()}b.setLineDash([0]),b.translate(-.5,-.5)}null!==a.selectStart&&(b.translate(.5,.5),b.lineWidth=1,b.strokeStyle="rgba(255,165,0,0.6)",b.fillStyle="rgba(255,165,0,0.1)",c=a.selectBounds,b.beginPath(),b.rect(Math.floor(c.min.x),Math.floor(c.min.y),Math.floor(c.max.x-c.min.x),Math.floor(c.max.y-c.min.y)),b.closePath(),b.stroke(),b.fill(),b.translate(-.5,-.5)),g.hasBounds&&b.setTransform(1,0,0,1,0,0)};var a=function(a,b){var c=document.createElement("canvas");return c.width=a,c.height=b,c.oncontextmenu=function(){return!1},c.onselectstart=function(){return!1},c},b=function(a){var b=a.getContext("2d"),c=window.devicePixelRatio||1,d=b.webkitBackingStorePixelRatio||b.mozBackingStorePixelRatio||b.msBackingStorePixelRatio||b.oBackingStorePixelRatio||b.backingStorePixelRatio||1;return c/d},d=function(a,b){var c=a.textures[b];return c?c:(c=a.textures[b]=new Image,c.src=b,c)},e=function(a,b){var c=b;/(jpg|gif|png)$/.test(b)&&(c="url("+b+")"),a.canvas.style.background=c,a.canvas.style.backgroundSize="contain",a.currentBackground=b}}();var D={};!function(){D.create=function(a){var b={controller:D,element:null,canvas:null,options:{width:800,height:600,background:"#fafafa",wireframeBackground:"#222",hasBounds:!1,enabled:!0,wireframes:!0,showSleeping:!0,showDebug:!1,showBroadphase:!1,showBounds:!1,showVelocity:!1,showCollisions:!1,showAxes:!1,showPositions:!1,showAngleIndicator:!1,showIds:!1,showShadows:!1}},c=p.extend(b,a),d=!c.options.wireframes&&"transparent"===c.options.background;return c.context=new PIXI.WebGLRenderer(c.options.width,c.options.height,{view:c.canvas,transparent:d,antialias:!0,backgroundColor:a.background}),c.canvas=c.context.view,c.container=new PIXI.Container,c.bounds=c.bounds||{min:{x:0,y:0},max:{x:c.options.width,y:c.options.height}},c.textures={},c.sprites={},c.primitives={},c.spriteContainer=new PIXI.Container,c.container.addChild(c.spriteContainer),p.isElement(c.element)?c.element.appendChild(c.canvas):p.log('No "render.element" passed, "render.canvas" was not inserted into document.',"warn"),c.canvas.oncontextmenu=function(){return!1},c.canvas.onselectstart=function(){return!1},c},D.clear=function(a){for(var b=a.container,c=a.spriteContainer;b.children[0];)b.removeChild(b.children[0]);for(;c.children[0];)c.removeChild(c.children[0]);var d=a.sprites["bg-0"];a.textures={},a.sprites={},a.primitives={},a.sprites["bg-0"]=d,d&&b.addChildAt(d,0),a.container.addChild(a.spriteContainer),a.currentBackground=null,b.scale.set(1,1),b.position.set(0,0)},D.setBackground=function(a,b){if(a.currentBackground!==b){var c=b.indexOf&&-1!==b.indexOf("#"),e=a.sprites["bg-0"];if(c){var f=p.colorToNumber(b);a.context.backgroundColor=f,e&&a.container.removeChild(e)}else if(!e){var g=d(a,b);e=a.sprites["bg-0"]=new PIXI.Sprite(g),e.position.x=0,e.position.y=0,a.container.addChildAt(e,0)}a.currentBackground=b}},D.world=function(a){var b,d=a.render,e=a.world,f=d.context,g=d.container,h=d.options,i=c.allBodies(e),j=c.allConstraints(e),k=[];
h.wireframes?D.setBackground(d,h.wireframeBackground):D.setBackground(d,h.background);var l=d.bounds.max.x-d.bounds.min.x,m=d.bounds.max.y-d.bounds.min.y,n=l/d.options.width,o=m/d.options.height;if(h.hasBounds){for(b=0;b<i.length;b++){var p=i[b];p.render.sprite.visible=y.overlaps(p.bounds,d.bounds)}for(b=0;b<j.length;b++){var q=j[b],r=q.bodyA,s=q.bodyB,t=q.pointA,u=q.pointB;r&&(t=A.add(r.position,q.pointA)),s&&(u=A.add(s.position,q.pointB)),t&&u&&(y.contains(d.bounds,t)||y.contains(d.bounds,u))&&k.push(q)}g.scale.set(1/n,1/o),g.position.set(-d.bounds.min.x*(1/n),-d.bounds.min.y*(1/o))}else k=j;for(b=0;b<i.length;b++)D.body(a,i[b]);for(b=0;b<k.length;b++)D.constraint(a,k[b]);f.render(g)},D.constraint=function(a,b){var c=a.render,d=b.bodyA,e=b.bodyB,f=b.pointA,g=b.pointB,h=c.container,i=b.render,j="c-"+b.id,k=c.primitives[j];return k||(k=c.primitives[j]=new PIXI.Graphics),i.visible&&b.pointA&&b.pointB?(-1===p.indexOf(h.children,k)&&h.addChild(k),k.clear(),k.beginFill(0,0),k.lineStyle(i.lineWidth,p.colorToNumber(i.strokeStyle),1),d?k.moveTo(d.position.x+f.x,d.position.y+f.y):k.moveTo(f.x,f.y),e?k.lineTo(e.position.x+g.x,e.position.y+g.y):k.lineTo(g.x,g.y),void k.endFill()):void k.clear()},D.body=function(c,d){var e=c.render,f=d.render;if(f.visible)if(f.sprite&&f.sprite.texture){var g="b-"+d.id,h=e.sprites[g],i=e.spriteContainer;h||(h=e.sprites[g]=a(e,d)),-1===p.indexOf(i.children,h)&&i.addChild(h),h.position.x=d.position.x,h.position.y=d.position.y,h.rotation=d.angle,h.scale.x=f.sprite.xScale||1,h.scale.y=f.sprite.yScale||1}else{var j="b-"+d.id,k=e.primitives[j],l=e.container;k||(k=e.primitives[j]=b(e,d),k.initialAngle=d.angle),-1===p.indexOf(l.children,k)&&l.addChild(k),k.position.x=d.position.x,k.position.y=d.position.y,k.rotation=d.angle-k.initialAngle}};var a=function(a,b){var c=b.render,e=c.sprite.texture,f=d(a,e),g=new PIXI.Sprite(f);return g.anchor.x=.5,g.anchor.y=.5,g},b=function(a,b){var c,d=b.render,e=a.options,f=new PIXI.Graphics,g=p.colorToNumber(d.fillStyle),h=p.colorToNumber(d.strokeStyle),i=p.colorToNumber(d.strokeStyle),j=p.colorToNumber("#bbb"),k=p.colorToNumber("#CD5C5C");f.clear();for(var l=b.parts.length>1?1:0;l<b.parts.length;l++){c=b.parts[l],e.wireframes?(f.beginFill(0,0),f.lineStyle(1,j,1)):(f.beginFill(g,1),f.lineStyle(d.lineWidth,h,1)),f.moveTo(c.vertices[0].x-b.position.x,c.vertices[0].y-b.position.y);for(var m=1;m<c.vertices.length;m++)f.lineTo(c.vertices[m].x-b.position.x,c.vertices[m].y-b.position.y);f.lineTo(c.vertices[0].x-b.position.x,c.vertices[0].y-b.position.y),f.endFill(),(e.showAngleIndicator||e.showAxes)&&(f.beginFill(0,0),e.wireframes?f.lineStyle(1,k,1):f.lineStyle(1,i),f.moveTo(c.position.x-b.position.x,c.position.y-b.position.y),f.lineTo((c.vertices[0].x+c.vertices[c.vertices.length-1].x)/2-b.position.x,(c.vertices[0].y+c.vertices[c.vertices.length-1].y)/2-b.position.y),f.endFill())}return f},d=function(a,b){var c=a.textures[b];return c||(c=a.textures[b]=PIXI.Texture.fromImage(b)),c}}(),d.add=c.add,d.remove=c.remove,d.addComposite=c.addComposite,d.addBody=c.addBody,d.addConstraint=c.addConstraint,d.clear=c.clear,q.run=t.run,a.Body=b,a.Composite=c,a.World=d,a.Contact=e,a.Detector=f,a.Grid=g,a.Pairs=i,a.Pair=h,a.Resolver=l,a.SAT=m,a.Constraint=n,a.MouseConstraint=o,a.Common=p,a.Engine=q,a.Mouse=s,a.Sleeping=u,a.Bodies=v,a.Composites=w,a.Axes=x,a.Bounds=y,a.Vector=A,a.Vertices=B,a.Render=C,a.RenderPixi=D,a.Events=r,a.Query=j,a.Runner=t,a.Svg=z,"undefined"!=typeof exports&&("undefined"!=typeof module&&module.exports&&(exports=module.exports=a),exports.Matter=a),"function"==typeof define&&define.amd&&define("Matter",[],function(){return a}),"object"==typeof window&&"object"==typeof window.document&&(window.Matter=a)}();
</script> <script src="js/index.js"></script>
</body>
</html>

The Milk Glass - Script Codes CSS Codes

body { margin: 0; overflow: hidden; background: black; font-family: Georgia; font-weight: normal; font-style: oblique;
}
canvas { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); cursor: move;
}
aside { position: absolute; color: #fff; text-align: right; bottom: 5px; right: 25px;
}
h1 { font-weight: normal; font-size: 20px; line-height: 10px;
}
h2, p { color: #666; font-weight: normal; font-size: 13px;
}

The Milk Glass - Script Codes JS Codes

'use strict';
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var PARTICLES_AMOUNT = 66, WIDTH = 230, HEIGHT = 280;
var ParticleTexture = function () { function ParticleTexture() { var _ref = arguments.length <= 0 || arguments[0] === undefined ? { width: 100, height: 100 } : arguments[0]; var width = _ref.width; var height = _ref.height; _classCallCheck(this, ParticleTexture); this.canvas = document.createElement('canvas'); this.context = this.canvas.getContext('2d'); this.canvas.width = width; this.canvas.height = height; //document.body.appendChild(this.canvas); this.texture = this.canvas; this.draw(); return this; } ParticleTexture.prototype.draw = function draw() { var grd = this.context.createRadialGradient(this.canvas.width / 2, this.canvas.height / 2, this.canvas.height / 2, this.canvas.width / 2, this.canvas.height / 2, 0); grd.addColorStop(1, 'rgba(255,255,255,1)'); grd.addColorStop(0, 'rgba(255,255,255,0)'); this.context.fillStyle = grd; this.context.fillRect(0, 0, this.canvas.width, this.canvas.height); }; ParticleTexture.prototype.getImageData = function getImageData() { return this.context.getImageData(0, 0, this.canvas.width, this.canvas.width); }; return ParticleTexture;
}();
// Matter.js module aliases
var Engine = Matter.Engine, World = Matter.World, Bodies = Matter.Bodies, Events = Matter.Events, MouseConstraint = Matter.MouseConstraint, app = { init: function init() { this.engine = Engine.create(document.body, { positionIterations: 6, velocityIterations: 4, enableSleeping: false }); var renderOptions = this.engine.render.options; renderOptions.wireframes = false; renderOptions.showAngleIndicator = false; renderOptions.showSleeping = false; renderOptions.background = '#000'; this.engine.render.textures['particle-texture'] = new ParticleTexture().canvas; this.mouseConstraint = MouseConstraint.create(this.engine); this.mouseConstraint.constraint.render.visible = false; World.add(this.engine.world, this.mouseConstraint); this.onWindowResize().addParticles().bind(); // run the engine Engine.run(this.engine); return this; }, addParticles: function addParticles() { var w = this.engine.world.bounds.max.x, h = this.engine.world.bounds.max.y, i = PARTICLES_AMOUNT; while (i--) { var particle = Bodies.circle(Math.random() * w, Math.random() * h, Math.random() * 20, { render: { sprite: { fillStyle: 'transparent', texture: 'particle-texture' } } }); World.add(this.engine.world, particle); } return this; }, addWalls: function addWalls() { var w = this.engine.world.bounds.max.x, h = this.engine.world.bounds.max.y, wallsOptions = { isStatic: true, render: { visible: true } }; if (this.walls) { World.remove(this.engine.world, this.walls); } this.walls = [Bodies.rectangle(w / 2, h, w, 5, wallsOptions), Bodies.rectangle(w, h / 2, 5, h, wallsOptions), //Bodies.rectangle(w / 2, 0, w, 50, wallsOptions), Bodies.rectangle(0, h / 2, 5, h, wallsOptions)]; // add all of the bodies to the world World.add(this.engine.world, this.walls); return this; }, onAfterTick: function onAfterTick() { var context = this.engine.render.context, imgData = context.getImageData(0, 0, this.engine.world.bounds.max.x, this.engine.world.bounds.max.y), px = imgData.data, i = 0, length = px.length; for (; i < length; i += 4) { if (px[i + 3] > 150) { px[i] = px[i + 1] = px[i + 2] = px[i + 3] = 255; } else { px[i] = px[i + 1] = px[i + 2] = px[i + 3] = 0; } } context.putImageData(imgData, 0, 0); return this; }, onWindowResize: function onWindowResize() { this.engine.render.canvas.width = this.engine.world.bounds.max.x = WIDTH; this.engine.render.canvas.height = this.engine.world.bounds.max.y = HEIGHT; this.addWalls(); return this; }, bind: function bind() { var _this = this; Events.on(this.engine, 'afterTick', function () { return _this.onAfterTick(); }); return this; }
};
app.init();
The Milk Glass - Script Codes
The Milk Glass - Script Codes
Home Page Home
Developer Gianluca Guarini
Username GianlucaGuarini
Uploaded November 04, 2022
Rating 4
Size 26,300 Kb
Views 40,480
Do you need developer help for The Milk Glass?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Gianluca Guarini (GianlucaGuarini) Script Codes
Name
Full screen menu
Drunk on Google Maps
Threejs-amd-bootstrap
Riot and es6
Mario Bros
A Pen by Gianluca Guarini
3D Box-shadow
Tocca.js
CSS3 Breathing Particles
Fancy 404
Create amazing blog posts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!