jiannibang
6 years ago
43 changed files with 1607 additions and 857 deletions
@ -1,51 +0,0 @@ |
|||
import { Scene } from "phaser"; |
|||
import bg from "@/game/game/assets/flipbird/bg.png"; |
|||
|
|||
import gameoverbg from "@/game/game/assets/flipbird/gameoverbg.png"; |
|||
import gameover from "@/game/game/assets/flipbird/gameover.png"; |
|||
|
|||
export default class gameOverScene extends Scene { |
|||
constructor() { |
|||
super({ key: "flipBirdGameOver" }); |
|||
this.score = ""; |
|||
this.topScore = ""; |
|||
} |
|||
|
|||
init(data) { |
|||
//方法1. 引入sceneA 在初始化的时候就可以获得场景Scene传递的值;
|
|||
this.score = data.score; |
|||
this.topScore = data.topScore; |
|||
} |
|||
preload() { |
|||
this.load.image("bg", bg); |
|||
this.load.image("gameoverbg", gameoverbg); |
|||
this.load.image("gameover", gameover); |
|||
} |
|||
|
|||
create() { |
|||
this.bg = this.add.image(0, 0, "bg"); |
|||
this.bg.setScale(3.1); |
|||
this.gameoverbg = this.add.image( |
|||
this.game.config.width / 2, |
|||
this.game.config.height / 2, |
|||
"gameoverbg" |
|||
); |
|||
this.gameover = this.add.image( |
|||
this.game.config.width / 2, |
|||
this.game.config.height / 2 - 80, |
|||
"gameover" |
|||
); |
|||
this.scoreText = this.add.text( |
|||
this.game.config.width / 2, |
|||
this.game.config.height / 2 + 80, |
|||
"", |
|||
{ fontSize: "55px", fill: "black", fontWeight: 800 } |
|||
); |
|||
this.scoreText.setOrigin(0.5); |
|||
this.scoreText.text = "Score: " + this.score + "\nBest: " + this.topScore; |
|||
this.bg.setInteractive(); |
|||
this.bg.on("pointerdown", () => { |
|||
this.scene.start("flipbird"); |
|||
}) |
|||
} |
|||
} |
|||
@ -1,736 +0,0 @@ |
|||
{ |
|||
"generator_info": "Shape definitions generated with PhysicsEditor. Visit https://www.codeandweb.com/physicseditor", |
|||
"pipe1": { |
|||
"type": "fromPhysicsEditor", |
|||
"label": "pipe1", |
|||
"isStatic": false, |
|||
"density": 0.1, |
|||
"restitution": 0, |
|||
"friction": 0.1, |
|||
"frictionAir": 0.01, |
|||
"frictionStatic": 0.5, |
|||
"collisionFilter": { |
|||
"group": 0, |
|||
"category": 1, |
|||
"mask": 255 |
|||
}, |
|||
"fixtures": [ |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":186, "y":1583 }, { "x":186, "y":1593 }, { "x":192, "y":1583 } ], |
|||
[ { "x":410, "y":1993 }, { "x":410, "y":1991 }, { "x":408, "y":1994 } ], |
|||
[ { "x":291, "y":1602 }, { "x":288, "y":1602 }, { "x":293, "y":1604 } ], |
|||
[ { "x":47, "y":1693 }, { "x":46, "y":1697 }, { "x":50, "y":1691 } ], |
|||
[ { "x":206, "y":1484 }, { "x":205, "y":1488 }, { "x":209, "y":1482 } ], |
|||
[ { "x":180, "y":1566 }, { "x":185, "y":1570 }, { "x":192, "y":1570 }, { "x":225, "y":1552 }, { "x":184, "y":1552 }, { "x":180, "y":1556 } ], |
|||
[ { "x":248, "y":1457 }, { "x":248, "y":1455 }, { "x":245, "y":1459 } ], |
|||
[ { "x":225, "y":1486 }, { "x":225, "y":1484 }, { "x":222, "y":1488 } ], |
|||
[ { "x":57, "y":1679 }, { "x":57, "y":1681 }, { "x":60, "y":1677 } ], |
|||
[ { "x":228, "y":1456 }, { "x":228, "y":1458 }, { "x":233, "y":1474 }, { "x":231, "y":1454 } ], |
|||
[ { "x":231, "y":1452 }, { "x":231, "y":1454 }, { "x":233, "y":1474 }, { "x":234, "y":1450 } ], |
|||
[ { "x":234, "y":1448 }, { "x":234, "y":1450 }, { "x":237, "y":1446 } ], |
|||
[ { "x":291, "y":1578 }, { "x":291, "y":1566 }, { "x":284, "y":1555 }, { "x":266, "y":1547 }, { "x":233, "y":1539 }, { "x":266, "y":1595 }, { "x":274, "y":1593 }, { "x":284, "y":1588 } ], |
|||
[ { "x":234, "y":1314 }, { "x":232, "y":1313 }, { "x":235, "y":1318 } ], |
|||
[ { "x":109, "y":2067 }, { "x":113, "y":2068 }, { "x":305, "y":2082 }, { "x":407, "y":1706 }, { "x":405, "y":1705 }, { "x":18, "y":1754 }, { "x":16, "y":1756 }, { "x":108, "y":2065 } ], |
|||
[ { "x":123, "y":1618 }, { "x":122, "y":1620 }, { "x":127, "y":1617 } ], |
|||
[ { "x":192, "y":1570 }, { "x":192, "y":1583 }, { "x":225, "y":1552 } ], |
|||
[ { "x":245, "y":1461 }, { "x":245, "y":1459 }, { "x":241, "y":1464 } ], |
|||
[ { "x":233, "y":1476 }, { "x":233, "y":1474 }, { "x":229, "y":1479 } ], |
|||
[ { "x":229, "y":1481 }, { "x":229, "y":1479 }, { "x":225, "y":1484 } ], |
|||
[ { "x":60, "y":1675 }, { "x":60, "y":1677 }, { "x":64, "y":1672 } ], |
|||
[ { "x":104, "y":1631 }, { "x":101, "y":1635 }, { "x":106, "y":1631 } ], |
|||
[ { "x":215, "y":1472 }, { "x":215, "y":1474 }, { "x":219, "y":1469 } ], |
|||
[ { "x":219, "y":1467 }, { "x":219, "y":1469 }, { "x":223, "y":1464 } ], |
|||
[ { "x":108, "y":1628 }, { "x":106, "y":1631 }, { "x":113, "y":1626 } ], |
|||
[ { "x":251, "y":1341 }, { "x":247, "y":1337 }, { "x":254, "y":1388 }, { "x":262, "y":1433 }, { "x":252, "y":1345 } ], |
|||
[ { "x":234, "y":1345 }, { "x":238, "y":1349 }, { "x":233, "y":1341 } ], |
|||
[ { "x":222, "y":1326 }, { "x":226, "y":1330 }, { "x":221, "y":1322 } ], |
|||
[ { "x":238, "y":1470 }, { "x":241, "y":1464 }, { "x":233, "y":1474 } ], |
|||
[ { "x":347, "y":1635 }, { "x":345, "y":1635 }, { "x":351, "y":1640 } ], |
|||
[ { "x":223, "y":1462 }, { "x":223, "y":1464 }, { "x":228, "y":1458 } ], |
|||
[ { "x":118, "y":1621 }, { "x":113, "y":1626 }, { "x":122, "y":1620 } ], |
|||
[ { "x":128, "y":1615 }, { "x":127, "y":1617 }, { "x":134, "y":1613 } ], |
|||
[ { "x":219, "y":1321 }, { "x":221, "y":1322 }, { "x":193, "y":1233 }, { "x":217, "y":1315 } ], |
|||
[ { "x":303, "y":2084 }, { "x":305, "y":2082 }, { "x":113, "y":2068 }, { "x":149, "y":2085 }, { "x":297, "y":2085 } ], |
|||
[ { "x":143, "y":2084 }, { "x":149, "y":2085 }, { "x":141, "y":2082 } ], |
|||
[ { "x":34, "y":1990 }, { "x":38, "y":1994 }, { "x":31, "y":1982 } ], |
|||
[ { "x":203, "y":1535 }, { "x":211, "y":1544 }, { "x":225, "y":1552 }, { "x":222, "y":1533 }, { "x":214, "y":1523 }, { "x":197, "y":1506 }, { "x":198, "y":1523 } ], |
|||
[ { "x":135, "y":1611 }, { "x":134, "y":1613 }, { "x":144, "y":1608 }, { "x":141, "y":1608 } ], |
|||
[ { "x":203, "y":1489 }, { "x":200, "y":1495 }, { "x":197, "y":1506 }, { "x":205, "y":1488 } ], |
|||
[ { "x":237, "y":1319 }, { "x":235, "y":1318 }, { "x":249, "y":1370 }, { "x":240, "y":1326 } ], |
|||
[ { "x":412, "y":1990 }, { "x":415, "y":1982 }, { "x":410, "y":1991 } ], |
|||
[ { "x":362, "y":2049 }, { "x":368, "y":2042 }, { "x":360, "y":2049 } ], |
|||
[ { "x":84, "y":2049 }, { "x":86, "y":2049 }, { "x":78, "y":2042 } ], |
|||
[ { "x":392, "y":1683 }, { "x":386, "y":1677 }, { "x":392, "y":1685 } ], |
|||
[ { "x":289, "y":2089 }, { "x":297, "y":2085 }, { "x":149, "y":2085 } ], |
|||
[ { "x":209, "y":1480 }, { "x":209, "y":1482 }, { "x":215, "y":1474 } ], |
|||
[ { "x":342, "y":1631 }, { "x":293, "y":1604 }, { "x":345, "y":1635 } ], |
|||
[ { "x":269, "y":1409 }, { "x":269, "y":1386 }, { "x":265, "y":1369 }, { "x":254, "y":1346 }, { "x":252, "y":1345 }, { "x":262, "y":1433 } ], |
|||
[ { "x":407, "y":1998 }, { "x":408, "y":1994 }, { "x":305, "y":2082 }, { "x":360, "y":2049 }, { "x":368, "y":2042 } ], |
|||
[ { "x":39, "y":1706 }, { "x":36, "y":1714 }, { "x":46, "y":1697 } ], |
|||
[ { "x":43, "y":2004 }, { "x":48, "y":2009 }, { "x":38, "y":1994 } ], |
|||
[ { "x":222, "y":1490 }, { "x":222, "y":1488 }, { "x":197, "y":1506 }, { "x":216, "y":1497 } ], |
|||
[ { "x":277, "y":1597 }, { "x":266, "y":1595 }, { "x":288, "y":1602 } ], |
|||
[ { "x":97, "y":2059 }, { "x":108, "y":2065 }, { "x":86, "y":2049 } ], |
|||
[ { "x":50, "y":1689 }, { "x":50, "y":1691 }, { "x":57, "y":1681 } ], |
|||
[ { "x":337, "y":2067 }, { "x":347, "y":2059 }, { "x":333, "y":2068 } ], |
|||
[ { "x":242, "y":1327 }, { "x":240, "y":1326 }, { "x":249, "y":1370 }, { "x":254, "y":1388 }, { "x":247, "y":1337 } ], |
|||
[ { "x":242, "y":1436 }, { "x":237, "y":1446 }, { "x":233, "y":1474 }, { "x":241, "y":1464 }, { "x":262, "y":1433 }, { "x":244, "y":1435 } ], |
|||
[ { "x":231, "y":1340 }, { "x":233, "y":1341 }, { "x":193, "y":1233 }, { "x":226, "y":1330 } ], |
|||
[ { "x":417, "y":1981 }, { "x":423, "y":1969 }, { "x":423, "y":1966 }, { "x":407, "y":1706 }, { "x":415, "y":1982 } ], |
|||
[ { "x":29, "y":1981 }, { "x":31, "y":1982 }, { "x":23, "y":1966 }, { "x":23, "y":1969 } ], |
|||
[ { "x":23, "y":1738 }, { "x":18, "y":1754 }, { "x":27, "y":1732 } ], |
|||
[ { "x":233, "y":1539 }, { "x":222, "y":1533 }, { "x":225, "y":1552 }, { "x":266, "y":1595 } ], |
|||
[ { "x":349, "y":2059 }, { "x":360, "y":2049 }, { "x":347, "y":2059 } ], |
|||
[ { "x":160, "y":1600 }, { "x":134, "y":1613 }, { "x":122, "y":1620 }, { "x":18, "y":1754 }, { "x":405, "y":1705 }, { "x":186, "y":1593 } ], |
|||
[ { "x":196, "y":1261 }, { "x":204, "y":1290 }, { "x":215, "y":1314 }, { "x":217, "y":1315 }, { "x":193, "y":1233 } ], |
|||
[ { "x":34, "y":1715 }, { "x":27, "y":1729 }, { "x":27, "y":1732 }, { "x":36, "y":1714 } ], |
|||
[ { "x":254, "y":1448 }, { "x":262, "y":1433 }, { "x":248, "y":1455 } ], |
|||
[ { "x":398, "y":2011 }, { "x":400, "y":2006 }, { "x":368, "y":2042 } ], |
|||
[ { "x":446, "y":1832 }, { "x":439, "y":1787 }, { "x":427, "y":1748 }, { "x":407, "y":1706 }, { "x":423, "y":1966 }, { "x":443, "y":1904 }, { "x":446, "y":1880 } ], |
|||
[ { "x":404, "y":1701 }, { "x":386, "y":1677 }, { "x":351, "y":1640 }, { "x":293, "y":1604 }, { "x":266, "y":1595 }, { "x":186, "y":1593 }, { "x":405, "y":1705 } ], |
|||
[ { "x":384, "y":2028 }, { "x":384, "y":2026 }, { "x":368, "y":2042 }, { "x":370, "y":2042 } ], |
|||
[ { "x":76, "y":2042 }, { "x":78, "y":2042 }, { "x":62, "y":2026 }, { "x":62, "y":2028 } ], |
|||
[ { "x":270, "y":2094 }, { "x":285, "y":2089 }, { "x":149, "y":2085 }, { "x":181, "y":2095 }, { "x":202, "y":2098 }, { "x":244, "y":2098 } ], |
|||
[ { "x":48, "y":2011 }, { "x":78, "y":2042 }, { "x":48, "y":2009 } ], |
|||
[ { "x":5, "y":1796 }, { "x":0, "y":1832 }, { "x":0, "y":1880 }, { "x":3, "y":1904 }, { "x":19, "y":1960 }, { "x":23, "y":1966 }, { "x":108, "y":2065 }, { "x":16, "y":1756 } ], |
|||
[ { "x":429, "y":1955 }, { "x":437, "y":1931 }, { "x":443, "y":1904 }, { "x":423, "y":1966 } ], |
|||
[ { "x":157, "y":2089 }, { "x":181, "y":2095 }, { "x":149, "y":2085 } ], |
|||
[ { "x":192, "y":1583 }, { "x":186, "y":1593 }, { "x":266, "y":1595 }, { "x":225, "y":1552 } ], |
|||
[ { "x":9, "y":1931 }, { "x":19, "y":1960 }, { "x":3, "y":1904 } ], |
|||
[ { "x":328, "y":1621 }, { "x":296, "y":1604 }, { "x":293, "y":1604 }, { "x":333, "y":1626 } ], |
|||
[ { "x":332, "y":2070 }, { "x":333, "y":2068 }, { "x":305, "y":2082 }, { "x":308, "y":2082 } ], |
|||
[ { "x":114, "y":2070 }, { "x":138, "y":2082 }, { "x":141, "y":2082 }, { "x":113, "y":2068 } ], |
|||
[ { "x":205, "y":1488 }, { "x":197, "y":1506 }, { "x":233, "y":1474 }, { "x":228, "y":1458 }, { "x":209, "y":1482 } ], |
|||
[ { "x":48, "y":2009 }, { "x":78, "y":2042 }, { "x":86, "y":2049 }, { "x":108, "y":2065 }, { "x":23, "y":1966 }, { "x":31, "y":1982 }, { "x":38, "y":1994 } ], |
|||
[ { "x":347, "y":2059 }, { "x":360, "y":2049 }, { "x":305, "y":2082 }, { "x":333, "y":2068 } ], |
|||
[ { "x":27, "y":1732 }, { "x":18, "y":1754 }, { "x":122, "y":1620 }, { "x":50, "y":1691 }, { "x":46, "y":1697 }, { "x":36, "y":1714 } ], |
|||
[ { "x":353, "y":1640 }, { "x":351, "y":1640 }, { "x":386, "y":1677 }, { "x":386, "y":1675 } ], |
|||
[ { "x":64, "y":1670 }, { "x":64, "y":1672 }, { "x":101, "y":1635 }, { "x":99, "y":1635 } ], |
|||
[ { "x":106, "y":1631 }, { "x":101, "y":1635 }, { "x":64, "y":1672 }, { "x":57, "y":1681 }, { "x":50, "y":1691 }, { "x":122, "y":1620 } ], |
|||
[ { "x":141, "y":2082 }, { "x":149, "y":2085 }, { "x":113, "y":2068 } ], |
|||
[ { "x":410, "y":1991 }, { "x":415, "y":1982 }, { "x":407, "y":1706 }, { "x":305, "y":2082 }, { "x":408, "y":1994 } ], |
|||
[ { "x":221, "y":1322 }, { "x":226, "y":1330 }, { "x":193, "y":1233 } ], |
|||
[ { "x":345, "y":1635 }, { "x":293, "y":1604 }, { "x":351, "y":1640 } ], |
|||
[ { "x":233, "y":1341 }, { "x":238, "y":1349 }, { "x":193, "y":1233 } ], |
|||
[ { "x":238, "y":1349 }, { "x":249, "y":1370 }, { "x":220, "y":1289 }, { "x":193, "y":1233 } ], |
|||
[ { "x":288, "y":1602 }, { "x":266, "y":1595 }, { "x":293, "y":1604 } ], |
|||
[ { "x":248, "y":1455 }, { "x":262, "y":1433 }, { "x":241, "y":1464 } ], |
|||
[ { "x":60, "y":1677 }, { "x":57, "y":1681 }, { "x":64, "y":1672 } ], |
|||
[ { "x":193, "y":0 }, { "x":193, "y":1233 }, { "x":208, "y":1234 }, { "x":208, "y":0 } ], |
|||
[ { "x":208, "y":1234 }, { "x":193, "y":1233 }, { "x":211, "y":1259 } ], |
|||
[ { "x":211, "y":1259 }, { "x":193, "y":1233 }, { "x":220, "y":1289 } ], |
|||
[ { "x":220, "y":1289 }, { "x":249, "y":1370 }, { "x":232, "y":1313 } ], |
|||
[ { "x":232, "y":1313 }, { "x":249, "y":1370 }, { "x":235, "y":1318 } ], |
|||
[ { "x":254, "y":1388 }, { "x":254, "y":1407 }, { "x":262, "y":1433 } ], |
|||
[ { "x":254, "y":1407 }, { "x":249, "y":1425 }, { "x":262, "y":1433 } ], |
|||
[ { "x":249, "y":1425 }, { "x":244, "y":1435 }, { "x":262, "y":1433 } ], |
|||
[ { "x":237, "y":1446 }, { "x":234, "y":1450 }, { "x":233, "y":1474 } ], |
|||
[ { "x":233, "y":1474 }, { "x":197, "y":1506 }, { "x":225, "y":1484 } ], |
|||
[ { "x":225, "y":1484 }, { "x":197, "y":1506 }, { "x":222, "y":1488 } ], |
|||
[ { "x":216, "y":1497 }, { "x":197, "y":1506 }, { "x":212, "y":1507 } ], |
|||
[ { "x":212, "y":1507 }, { "x":197, "y":1506 }, { "x":214, "y":1523 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1567 }, { "x":192, "y":1570 }, { "x":225, "y":1552 }, { "x":183, "y":1553 } ], |
|||
[ { "x":291, "y":1578 }, { "x":286, "y":1557 }, { "x":224, "y":1534 }, { "x":225, "y":1552 }, { "x":270, "y":1594 } ], |
|||
[ { "x":202, "y":1533 }, { "x":225, "y":1552 }, { "x":224, "y":1534 }, { "x":213, "y":1520 }, { "x":197, "y":1506 } ], |
|||
[ { "x":192, "y":1570 }, { "x":185, "y":1594 }, { "x":270, "y":1594 }, { "x":225, "y":1552 } ], |
|||
[ { "x":202, "y":2098 }, { "x":285, "y":2090 }, { "x":332, "y":2070 }, { "x":371, "y":2041 }, { "x":422, "y":1971 }, { "x":437, "y":1931 }, { "x":76, "y":2042 }, { "x":123, "y":2075 } ], |
|||
[ { "x":120, "y":1620 }, { "x":60, "y":1675 }, { "x":19, "y":1748 }, { "x":0, "y":1832 }, { "x":8, "y":1927 }, { "x":50, "y":2013 }, { "x":270, "y":1594 }, { "x":185, "y":1594 } ], |
|||
[ { "x":269, "y":1409 }, { "x":268, "y":1380 }, { "x":251, "y":1375 }, { "x":253, "y":1407 }, { "x":257, "y":1443 } ], |
|||
[ { "x":339, "y":1629 }, { "x":270, "y":1594 }, { "x":50, "y":2013 }, { "x":76, "y":2042 }, { "x":437, "y":1931 }, { "x":446, "y":1880 }, { "x":437, "y":1779 }, { "x":398, "y":1692 } ], |
|||
[ { "x":198, "y":1270 }, { "x":210, "y":1302 }, { "x":251, "y":1375 }, { "x":221, "y":1291 }, { "x":194, "y":1233 } ], |
|||
[ { "x":24, "y":1971 }, { "x":50, "y":2013 }, { "x":8, "y":1927 } ], |
|||
[ { "x":213, "y":1520 }, { "x":215, "y":1499 }, { "x":209, "y":1480 }, { "x":197, "y":1506 } ], |
|||
[ { "x":215, "y":1499 }, { "x":257, "y":1443 }, { "x":245, "y":1433 }, { "x":209, "y":1480 } ], |
|||
[ { "x":245, "y":1433 }, { "x":257, "y":1443 }, { "x":253, "y":1407 } ], |
|||
[ { "x":268, "y":1380 }, { "x":221, "y":1291 }, { "x":251, "y":1375 } ], |
|||
[ { "x":221, "y":1291 }, { "x":208, "y":1234 }, { "x":194, "y":1233 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1233 }, { "x":208, "y":1234 }, { "x":208, "y":0 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1567 }, { "x":192, "y":1570 }, { "x":225, "y":1552 }, { "x":183, "y":1553 } ], |
|||
[ { "x":291, "y":1578 }, { "x":286, "y":1557 }, { "x":224, "y":1534 }, { "x":225, "y":1552 }, { "x":270, "y":1594 } ], |
|||
[ { "x":202, "y":1533 }, { "x":225, "y":1552 }, { "x":224, "y":1534 }, { "x":213, "y":1520 }, { "x":197, "y":1506 } ], |
|||
[ { "x":192, "y":1570 }, { "x":185, "y":1594 }, { "x":270, "y":1594 }, { "x":225, "y":1552 } ], |
|||
[ { "x":202, "y":2098 }, { "x":285, "y":2090 }, { "x":332, "y":2070 }, { "x":371, "y":2041 }, { "x":422, "y":1971 }, { "x":437, "y":1931 }, { "x":76, "y":2042 }, { "x":123, "y":2075 } ], |
|||
[ { "x":120, "y":1620 }, { "x":60, "y":1675 }, { "x":19, "y":1748 }, { "x":0, "y":1832 }, { "x":8, "y":1927 }, { "x":50, "y":2013 }, { "x":270, "y":1594 }, { "x":185, "y":1594 } ], |
|||
[ { "x":269, "y":1409 }, { "x":268, "y":1380 }, { "x":251, "y":1375 }, { "x":253, "y":1407 }, { "x":257, "y":1443 } ], |
|||
[ { "x":339, "y":1629 }, { "x":270, "y":1594 }, { "x":50, "y":2013 }, { "x":76, "y":2042 }, { "x":437, "y":1931 }, { "x":446, "y":1880 }, { "x":437, "y":1779 }, { "x":398, "y":1692 } ], |
|||
[ { "x":198, "y":1270 }, { "x":210, "y":1302 }, { "x":251, "y":1375 }, { "x":221, "y":1291 }, { "x":194, "y":1233 } ], |
|||
[ { "x":24, "y":1971 }, { "x":50, "y":2013 }, { "x":8, "y":1927 } ], |
|||
[ { "x":213, "y":1520 }, { "x":215, "y":1499 }, { "x":209, "y":1480 }, { "x":197, "y":1506 } ], |
|||
[ { "x":215, "y":1499 }, { "x":257, "y":1443 }, { "x":245, "y":1433 }, { "x":209, "y":1480 } ], |
|||
[ { "x":245, "y":1433 }, { "x":257, "y":1443 }, { "x":253, "y":1407 } ], |
|||
[ { "x":268, "y":1380 }, { "x":221, "y":1291 }, { "x":251, "y":1375 } ], |
|||
[ { "x":221, "y":1291 }, { "x":208, "y":1234 }, { "x":194, "y":1233 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1233 }, { "x":208, "y":1234 }, { "x":208, "y":0 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1567 }, { "x":192, "y":1570 }, { "x":225, "y":1552 }, { "x":183, "y":1553 } ], |
|||
[ { "x":291, "y":1578 }, { "x":286, "y":1557 }, { "x":224, "y":1534 }, { "x":225, "y":1552 }, { "x":270, "y":1594 } ], |
|||
[ { "x":202, "y":1533 }, { "x":225, "y":1552 }, { "x":224, "y":1534 }, { "x":213, "y":1520 }, { "x":197, "y":1506 } ], |
|||
[ { "x":192, "y":1570 }, { "x":185, "y":1594 }, { "x":270, "y":1594 }, { "x":225, "y":1552 } ], |
|||
[ { "x":202, "y":2098 }, { "x":285, "y":2090 }, { "x":332, "y":2070 }, { "x":371, "y":2041 }, { "x":422, "y":1971 }, { "x":437, "y":1931 }, { "x":76, "y":2042 }, { "x":123, "y":2075 } ], |
|||
[ { "x":120, "y":1620 }, { "x":60, "y":1675 }, { "x":19, "y":1748 }, { "x":0, "y":1832 }, { "x":8, "y":1927 }, { "x":50, "y":2013 }, { "x":270, "y":1594 }, { "x":185, "y":1594 } ], |
|||
[ { "x":269, "y":1409 }, { "x":268, "y":1380 }, { "x":251, "y":1375 }, { "x":253, "y":1407 }, { "x":257, "y":1443 } ], |
|||
[ { "x":339, "y":1629 }, { "x":270, "y":1594 }, { "x":50, "y":2013 }, { "x":76, "y":2042 }, { "x":437, "y":1931 }, { "x":446, "y":1880 }, { "x":437, "y":1779 }, { "x":398, "y":1692 } ], |
|||
[ { "x":198, "y":1270 }, { "x":210, "y":1302 }, { "x":251, "y":1375 }, { "x":221, "y":1291 }, { "x":194, "y":1233 } ], |
|||
[ { "x":24, "y":1971 }, { "x":50, "y":2013 }, { "x":8, "y":1927 } ], |
|||
[ { "x":213, "y":1520 }, { "x":215, "y":1499 }, { "x":209, "y":1480 }, { "x":197, "y":1506 } ], |
|||
[ { "x":215, "y":1499 }, { "x":257, "y":1443 }, { "x":245, "y":1433 }, { "x":209, "y":1480 } ], |
|||
[ { "x":245, "y":1433 }, { "x":257, "y":1443 }, { "x":253, "y":1407 } ], |
|||
[ { "x":268, "y":1380 }, { "x":221, "y":1291 }, { "x":251, "y":1375 } ], |
|||
[ { "x":221, "y":1291 }, { "x":208, "y":1234 }, { "x":194, "y":1233 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1233 }, { "x":208, "y":1234 }, { "x":208, "y":0 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1567 }, { "x":192, "y":1570 }, { "x":225, "y":1552 }, { "x":183, "y":1553 } ], |
|||
[ { "x":291, "y":1578 }, { "x":286, "y":1557 }, { "x":224, "y":1534 }, { "x":225, "y":1552 }, { "x":270, "y":1594 } ], |
|||
[ { "x":202, "y":1533 }, { "x":225, "y":1552 }, { "x":224, "y":1534 }, { "x":213, "y":1520 }, { "x":197, "y":1506 } ], |
|||
[ { "x":192, "y":1570 }, { "x":185, "y":1594 }, { "x":270, "y":1594 }, { "x":225, "y":1552 } ], |
|||
[ { "x":202, "y":2098 }, { "x":285, "y":2090 }, { "x":332, "y":2070 }, { "x":371, "y":2041 }, { "x":422, "y":1971 }, { "x":437, "y":1931 }, { "x":76, "y":2042 }, { "x":123, "y":2075 } ], |
|||
[ { "x":120, "y":1620 }, { "x":60, "y":1675 }, { "x":19, "y":1748 }, { "x":0, "y":1832 }, { "x":8, "y":1927 }, { "x":50, "y":2013 }, { "x":270, "y":1594 }, { "x":185, "y":1594 } ], |
|||
[ { "x":269, "y":1409 }, { "x":268, "y":1380 }, { "x":251, "y":1375 }, { "x":253, "y":1407 }, { "x":257, "y":1443 } ], |
|||
[ { "x":339, "y":1629 }, { "x":270, "y":1594 }, { "x":50, "y":2013 }, { "x":76, "y":2042 }, { "x":437, "y":1931 }, { "x":446, "y":1880 }, { "x":437, "y":1779 }, { "x":398, "y":1692 } ], |
|||
[ { "x":198, "y":1270 }, { "x":210, "y":1302 }, { "x":251, "y":1375 }, { "x":221, "y":1291 }, { "x":194, "y":1233 } ], |
|||
[ { "x":24, "y":1971 }, { "x":50, "y":2013 }, { "x":8, "y":1927 } ], |
|||
[ { "x":213, "y":1520 }, { "x":215, "y":1499 }, { "x":209, "y":1480 }, { "x":197, "y":1506 } ], |
|||
[ { "x":215, "y":1499 }, { "x":257, "y":1443 }, { "x":245, "y":1433 }, { "x":209, "y":1480 } ], |
|||
[ { "x":245, "y":1433 }, { "x":257, "y":1443 }, { "x":253, "y":1407 } ], |
|||
[ { "x":268, "y":1380 }, { "x":221, "y":1291 }, { "x":251, "y":1375 } ], |
|||
[ { "x":221, "y":1291 }, { "x":208, "y":1234 }, { "x":194, "y":1233 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1233 }, { "x":208, "y":1234 }, { "x":208, "y":0 } ] |
|||
] |
|||
} |
|||
] |
|||
}, |
|||
"pipe2": { |
|||
"type": "fromPhysicsEditor", |
|||
"label": "pipe2", |
|||
"isStatic": false, |
|||
"density": 0.10000000149011612, |
|||
"restitution": 0, |
|||
"friction": 0.10000000149011612, |
|||
"frictionAir": 0.009999999776482582, |
|||
"frictionStatic": 0.5, |
|||
"collisionFilter": { |
|||
"group": 0, |
|||
"category": 1, |
|||
"mask": 255 |
|||
}, |
|||
"fixtures": [ |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":186, "y":1581 }, { "x":186, "y":1591 }, { "x":192, "y":1581 } ], |
|||
[ { "x":410, "y":1991 }, { "x":410, "y":1989 }, { "x":408, "y":1992 } ], |
|||
[ { "x":291, "y":1600 }, { "x":288, "y":1600 }, { "x":293, "y":1602 } ], |
|||
[ { "x":47, "y":1691 }, { "x":46, "y":1695 }, { "x":50, "y":1689 } ], |
|||
[ { "x":206, "y":1482 }, { "x":205, "y":1486 }, { "x":209, "y":1480 } ], |
|||
[ { "x":180, "y":1564 }, { "x":185, "y":1568 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":184, "y":1550 }, { "x":180, "y":1554 } ], |
|||
[ { "x":248, "y":1455 }, { "x":248, "y":1453 }, { "x":245, "y":1457 } ], |
|||
[ { "x":225, "y":1484 }, { "x":225, "y":1482 }, { "x":222, "y":1486 } ], |
|||
[ { "x":57, "y":1677 }, { "x":57, "y":1679 }, { "x":60, "y":1675 } ], |
|||
[ { "x":228, "y":1454 }, { "x":228, "y":1456 }, { "x":233, "y":1472 }, { "x":231, "y":1452 } ], |
|||
[ { "x":231, "y":1450 }, { "x":231, "y":1452 }, { "x":233, "y":1472 }, { "x":234, "y":1448 } ], |
|||
[ { "x":234, "y":1446 }, { "x":234, "y":1448 }, { "x":237, "y":1444 } ], |
|||
[ { "x":291, "y":1576 }, { "x":291, "y":1564 }, { "x":284, "y":1553 }, { "x":266, "y":1545 }, { "x":233, "y":1537 }, { "x":266, "y":1593 }, { "x":274, "y":1591 }, { "x":284, "y":1586 } ], |
|||
[ { "x":234, "y":1312 }, { "x":232, "y":1311 }, { "x":235, "y":1316 } ], |
|||
[ { "x":109, "y":2065 }, { "x":113, "y":2066 }, { "x":305, "y":2080 }, { "x":407, "y":1704 }, { "x":405, "y":1703 }, { "x":18, "y":1752 }, { "x":16, "y":1754 }, { "x":108, "y":2063 } ], |
|||
[ { "x":123, "y":1616 }, { "x":122, "y":1618 }, { "x":127, "y":1615 } ], |
|||
[ { "x":192, "y":1568 }, { "x":192, "y":1581 }, { "x":225, "y":1550 } ], |
|||
[ { "x":245, "y":1459 }, { "x":245, "y":1457 }, { "x":241, "y":1462 } ], |
|||
[ { "x":233, "y":1474 }, { "x":233, "y":1472 }, { "x":229, "y":1477 } ], |
|||
[ { "x":229, "y":1479 }, { "x":229, "y":1477 }, { "x":225, "y":1482 } ], |
|||
[ { "x":60, "y":1673 }, { "x":60, "y":1675 }, { "x":64, "y":1670 } ], |
|||
[ { "x":104, "y":1629 }, { "x":101, "y":1633 }, { "x":106, "y":1629 } ], |
|||
[ { "x":215, "y":1470 }, { "x":215, "y":1472 }, { "x":219, "y":1467 } ], |
|||
[ { "x":219, "y":1465 }, { "x":219, "y":1467 }, { "x":223, "y":1462 } ], |
|||
[ { "x":108, "y":1626 }, { "x":106, "y":1629 }, { "x":113, "y":1624 } ], |
|||
[ { "x":251, "y":1339 }, { "x":247, "y":1335 }, { "x":254, "y":1386 }, { "x":262, "y":1431 }, { "x":252, "y":1343 } ], |
|||
[ { "x":234, "y":1343 }, { "x":238, "y":1347 }, { "x":233, "y":1339 } ], |
|||
[ { "x":222, "y":1324 }, { "x":226, "y":1328 }, { "x":221, "y":1320 } ], |
|||
[ { "x":238, "y":1468 }, { "x":241, "y":1462 }, { "x":233, "y":1472 } ], |
|||
[ { "x":347, "y":1633 }, { "x":345, "y":1633 }, { "x":351, "y":1638 } ], |
|||
[ { "x":223, "y":1460 }, { "x":223, "y":1462 }, { "x":228, "y":1456 } ], |
|||
[ { "x":118, "y":1619 }, { "x":113, "y":1624 }, { "x":122, "y":1618 } ], |
|||
[ { "x":128, "y":1613 }, { "x":127, "y":1615 }, { "x":134, "y":1611 } ], |
|||
[ { "x":219, "y":1319 }, { "x":221, "y":1320 }, { "x":193, "y":1231 }, { "x":217, "y":1313 } ], |
|||
[ { "x":303, "y":2082 }, { "x":305, "y":2080 }, { "x":113, "y":2066 }, { "x":149, "y":2083 }, { "x":297, "y":2083 } ], |
|||
[ { "x":143, "y":2082 }, { "x":149, "y":2083 }, { "x":141, "y":2080 } ], |
|||
[ { "x":34, "y":1988 }, { "x":38, "y":1992 }, { "x":31, "y":1980 } ], |
|||
[ { "x":203, "y":1533 }, { "x":211, "y":1542 }, { "x":225, "y":1550 }, { "x":222, "y":1531 }, { "x":214, "y":1521 }, { "x":197, "y":1504 }, { "x":198, "y":1521 } ], |
|||
[ { "x":135, "y":1609 }, { "x":134, "y":1611 }, { "x":144, "y":1606 }, { "x":141, "y":1606 } ], |
|||
[ { "x":203, "y":1487 }, { "x":200, "y":1493 }, { "x":197, "y":1504 }, { "x":205, "y":1486 } ], |
|||
[ { "x":237, "y":1317 }, { "x":235, "y":1316 }, { "x":249, "y":1368 }, { "x":240, "y":1324 } ], |
|||
[ { "x":412, "y":1988 }, { "x":415, "y":1980 }, { "x":410, "y":1989 } ], |
|||
[ { "x":362, "y":2047 }, { "x":368, "y":2040 }, { "x":360, "y":2047 } ], |
|||
[ { "x":84, "y":2047 }, { "x":86, "y":2047 }, { "x":78, "y":2040 } ], |
|||
[ { "x":392, "y":1681 }, { "x":386, "y":1675 }, { "x":392, "y":1683 } ], |
|||
[ { "x":289, "y":2087 }, { "x":297, "y":2083 }, { "x":149, "y":2083 } ], |
|||
[ { "x":209, "y":1478 }, { "x":209, "y":1480 }, { "x":215, "y":1472 } ], |
|||
[ { "x":342, "y":1629 }, { "x":293, "y":1602 }, { "x":345, "y":1633 } ], |
|||
[ { "x":269, "y":1407 }, { "x":269, "y":1384 }, { "x":265, "y":1367 }, { "x":254, "y":1344 }, { "x":252, "y":1343 }, { "x":262, "y":1431 } ], |
|||
[ { "x":407, "y":1996 }, { "x":408, "y":1992 }, { "x":305, "y":2080 }, { "x":360, "y":2047 }, { "x":368, "y":2040 } ], |
|||
[ { "x":39, "y":1704 }, { "x":36, "y":1712 }, { "x":46, "y":1695 } ], |
|||
[ { "x":43, "y":2002 }, { "x":48, "y":2007 }, { "x":38, "y":1992 } ], |
|||
[ { "x":222, "y":1488 }, { "x":222, "y":1486 }, { "x":197, "y":1504 }, { "x":216, "y":1495 } ], |
|||
[ { "x":277, "y":1595 }, { "x":266, "y":1593 }, { "x":288, "y":1600 } ], |
|||
[ { "x":97, "y":2057 }, { "x":108, "y":2063 }, { "x":86, "y":2047 } ], |
|||
[ { "x":50, "y":1687 }, { "x":50, "y":1689 }, { "x":57, "y":1679 } ], |
|||
[ { "x":337, "y":2065 }, { "x":347, "y":2057 }, { "x":333, "y":2066 } ], |
|||
[ { "x":242, "y":1325 }, { "x":240, "y":1324 }, { "x":249, "y":1368 }, { "x":254, "y":1386 }, { "x":247, "y":1335 } ], |
|||
[ { "x":242, "y":1434 }, { "x":237, "y":1444 }, { "x":233, "y":1472 }, { "x":241, "y":1462 }, { "x":262, "y":1431 }, { "x":244, "y":1433 } ], |
|||
[ { "x":231, "y":1338 }, { "x":233, "y":1339 }, { "x":193, "y":1231 }, { "x":226, "y":1328 } ], |
|||
[ { "x":417, "y":1979 }, { "x":423, "y":1967 }, { "x":423, "y":1964 }, { "x":407, "y":1704 }, { "x":415, "y":1980 } ], |
|||
[ { "x":29, "y":1979 }, { "x":31, "y":1980 }, { "x":23, "y":1964 }, { "x":23, "y":1967 } ], |
|||
[ { "x":23, "y":1736 }, { "x":18, "y":1752 }, { "x":27, "y":1730 } ], |
|||
[ { "x":233, "y":1537 }, { "x":222, "y":1531 }, { "x":225, "y":1550 }, { "x":266, "y":1593 } ], |
|||
[ { "x":349, "y":2057 }, { "x":360, "y":2047 }, { "x":347, "y":2057 } ], |
|||
[ { "x":160, "y":1598 }, { "x":134, "y":1611 }, { "x":122, "y":1618 }, { "x":18, "y":1752 }, { "x":405, "y":1703 }, { "x":186, "y":1591 } ], |
|||
[ { "x":196, "y":1259 }, { "x":204, "y":1288 }, { "x":215, "y":1312 }, { "x":217, "y":1313 }, { "x":193, "y":1231 } ], |
|||
[ { "x":34, "y":1713 }, { "x":27, "y":1727 }, { "x":27, "y":1730 }, { "x":36, "y":1712 } ], |
|||
[ { "x":254, "y":1446 }, { "x":262, "y":1431 }, { "x":248, "y":1453 } ], |
|||
[ { "x":398, "y":2009 }, { "x":400, "y":2004 }, { "x":368, "y":2040 } ], |
|||
[ { "x":446, "y":1830 }, { "x":439, "y":1785 }, { "x":427, "y":1746 }, { "x":407, "y":1704 }, { "x":423, "y":1964 }, { "x":443, "y":1902 }, { "x":446, "y":1878 } ], |
|||
[ { "x":404, "y":1699 }, { "x":386, "y":1675 }, { "x":351, "y":1638 }, { "x":293, "y":1602 }, { "x":266, "y":1593 }, { "x":186, "y":1591 }, { "x":405, "y":1703 } ], |
|||
[ { "x":384, "y":2026 }, { "x":384, "y":2024 }, { "x":368, "y":2040 }, { "x":370, "y":2040 } ], |
|||
[ { "x":76, "y":2040 }, { "x":78, "y":2040 }, { "x":62, "y":2024 }, { "x":62, "y":2026 } ], |
|||
[ { "x":270, "y":2092 }, { "x":285, "y":2087 }, { "x":149, "y":2083 }, { "x":181, "y":2093 }, { "x":202, "y":2096 }, { "x":244, "y":2096 } ], |
|||
[ { "x":48, "y":2009 }, { "x":78, "y":2040 }, { "x":48, "y":2007 } ], |
|||
[ { "x":5, "y":1794 }, { "x":0, "y":1830 }, { "x":0, "y":1878 }, { "x":3, "y":1902 }, { "x":19, "y":1958 }, { "x":23, "y":1964 }, { "x":108, "y":2063 }, { "x":16, "y":1754 } ], |
|||
[ { "x":429, "y":1953 }, { "x":437, "y":1929 }, { "x":443, "y":1902 }, { "x":423, "y":1964 } ], |
|||
[ { "x":157, "y":2087 }, { "x":181, "y":2093 }, { "x":149, "y":2083 } ], |
|||
[ { "x":192, "y":1581 }, { "x":186, "y":1591 }, { "x":266, "y":1593 }, { "x":225, "y":1550 } ], |
|||
[ { "x":9, "y":1929 }, { "x":19, "y":1958 }, { "x":3, "y":1902 } ], |
|||
[ { "x":328, "y":1619 }, { "x":296, "y":1602 }, { "x":293, "y":1602 }, { "x":333, "y":1624 } ], |
|||
[ { "x":332, "y":2068 }, { "x":333, "y":2066 }, { "x":305, "y":2080 }, { "x":308, "y":2080 } ], |
|||
[ { "x":114, "y":2068 }, { "x":138, "y":2080 }, { "x":141, "y":2080 }, { "x":113, "y":2066 } ], |
|||
[ { "x":205, "y":1486 }, { "x":197, "y":1504 }, { "x":233, "y":1472 }, { "x":228, "y":1456 }, { "x":209, "y":1480 } ], |
|||
[ { "x":48, "y":2007 }, { "x":78, "y":2040 }, { "x":86, "y":2047 }, { "x":108, "y":2063 }, { "x":23, "y":1964 }, { "x":31, "y":1980 }, { "x":38, "y":1992 } ], |
|||
[ { "x":347, "y":2057 }, { "x":360, "y":2047 }, { "x":305, "y":2080 }, { "x":333, "y":2066 } ], |
|||
[ { "x":27, "y":1730 }, { "x":18, "y":1752 }, { "x":122, "y":1618 }, { "x":50, "y":1689 }, { "x":46, "y":1695 }, { "x":36, "y":1712 } ], |
|||
[ { "x":353, "y":1638 }, { "x":351, "y":1638 }, { "x":386, "y":1675 }, { "x":386, "y":1673 } ], |
|||
[ { "x":64, "y":1668 }, { "x":64, "y":1670 }, { "x":101, "y":1633 }, { "x":99, "y":1633 } ], |
|||
[ { "x":106, "y":1629 }, { "x":101, "y":1633 }, { "x":64, "y":1670 }, { "x":57, "y":1679 }, { "x":50, "y":1689 }, { "x":122, "y":1618 } ], |
|||
[ { "x":141, "y":2080 }, { "x":149, "y":2083 }, { "x":113, "y":2066 } ], |
|||
[ { "x":410, "y":1989 }, { "x":415, "y":1980 }, { "x":407, "y":1704 }, { "x":305, "y":2080 }, { "x":408, "y":1992 } ], |
|||
[ { "x":221, "y":1320 }, { "x":226, "y":1328 }, { "x":193, "y":1231 } ], |
|||
[ { "x":345, "y":1633 }, { "x":293, "y":1602 }, { "x":351, "y":1638 } ], |
|||
[ { "x":233, "y":1339 }, { "x":238, "y":1347 }, { "x":193, "y":1231 } ], |
|||
[ { "x":238, "y":1347 }, { "x":249, "y":1368 }, { "x":220, "y":1287 }, { "x":193, "y":1231 } ], |
|||
[ { "x":288, "y":1600 }, { "x":266, "y":1593 }, { "x":293, "y":1602 } ], |
|||
[ { "x":248, "y":1453 }, { "x":262, "y":1431 }, { "x":241, "y":1462 } ], |
|||
[ { "x":60, "y":1675 }, { "x":57, "y":1679 }, { "x":64, "y":1670 } ], |
|||
[ { "x":193, "y":0 }, { "x":193, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ], |
|||
[ { "x":208, "y":1232 }, { "x":193, "y":1231 }, { "x":211, "y":1257 } ], |
|||
[ { "x":211, "y":1257 }, { "x":193, "y":1231 }, { "x":220, "y":1287 } ], |
|||
[ { "x":220, "y":1287 }, { "x":249, "y":1368 }, { "x":232, "y":1311 } ], |
|||
[ { "x":232, "y":1311 }, { "x":249, "y":1368 }, { "x":235, "y":1316 } ], |
|||
[ { "x":254, "y":1386 }, { "x":254, "y":1405 }, { "x":262, "y":1431 } ], |
|||
[ { "x":254, "y":1405 }, { "x":249, "y":1423 }, { "x":262, "y":1431 } ], |
|||
[ { "x":249, "y":1423 }, { "x":244, "y":1433 }, { "x":262, "y":1431 } ], |
|||
[ { "x":237, "y":1444 }, { "x":234, "y":1448 }, { "x":233, "y":1472 } ], |
|||
[ { "x":233, "y":1472 }, { "x":197, "y":1504 }, { "x":225, "y":1482 } ], |
|||
[ { "x":225, "y":1482 }, { "x":197, "y":1504 }, { "x":222, "y":1486 } ], |
|||
[ { "x":216, "y":1495 }, { "x":197, "y":1504 }, { "x":212, "y":1505 } ], |
|||
[ { "x":212, "y":1505 }, { "x":197, "y":1504 }, { "x":214, "y":1521 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1565 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":183, "y":1551 } ], |
|||
[ { "x":291, "y":1576 }, { "x":286, "y":1555 }, { "x":224, "y":1532 }, { "x":225, "y":1550 }, { "x":270, "y":1592 } ], |
|||
[ { "x":202, "y":1531 }, { "x":225, "y":1550 }, { "x":224, "y":1532 }, { "x":213, "y":1518 }, { "x":197, "y":1504 } ], |
|||
[ { "x":192, "y":1568 }, { "x":185, "y":1592 }, { "x":270, "y":1592 }, { "x":225, "y":1550 } ], |
|||
[ { "x":202, "y":2096 }, { "x":285, "y":2088 }, { "x":332, "y":2068 }, { "x":371, "y":2039 }, { "x":422, "y":1969 }, { "x":437, "y":1929 }, { "x":76, "y":2040 }, { "x":123, "y":2073 } ], |
|||
[ { "x":120, "y":1618 }, { "x":60, "y":1673 }, { "x":19, "y":1746 }, { "x":0, "y":1830 }, { "x":8, "y":1925 }, { "x":50, "y":2011 }, { "x":270, "y":1592 }, { "x":185, "y":1592 } ], |
|||
[ { "x":269, "y":1407 }, { "x":268, "y":1378 }, { "x":251, "y":1373 }, { "x":253, "y":1405 }, { "x":257, "y":1441 } ], |
|||
[ { "x":339, "y":1627 }, { "x":270, "y":1592 }, { "x":50, "y":2011 }, { "x":76, "y":2040 }, { "x":437, "y":1929 }, { "x":446, "y":1878 }, { "x":437, "y":1777 }, { "x":398, "y":1690 } ], |
|||
[ { "x":198, "y":1268 }, { "x":210, "y":1300 }, { "x":251, "y":1373 }, { "x":221, "y":1289 }, { "x":194, "y":1231 } ], |
|||
[ { "x":24, "y":1969 }, { "x":50, "y":2011 }, { "x":8, "y":1925 } ], |
|||
[ { "x":213, "y":1518 }, { "x":215, "y":1497 }, { "x":209, "y":1478 }, { "x":197, "y":1504 } ], |
|||
[ { "x":215, "y":1497 }, { "x":257, "y":1441 }, { "x":245, "y":1431 }, { "x":209, "y":1478 } ], |
|||
[ { "x":245, "y":1431 }, { "x":257, "y":1441 }, { "x":253, "y":1405 } ], |
|||
[ { "x":268, "y":1378 }, { "x":221, "y":1289 }, { "x":251, "y":1373 } ], |
|||
[ { "x":221, "y":1289 }, { "x":208, "y":1232 }, { "x":194, "y":1231 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1565 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":183, "y":1551 } ], |
|||
[ { "x":291, "y":1576 }, { "x":286, "y":1555 }, { "x":224, "y":1532 }, { "x":225, "y":1550 }, { "x":270, "y":1592 } ], |
|||
[ { "x":202, "y":1531 }, { "x":225, "y":1550 }, { "x":224, "y":1532 }, { "x":213, "y":1518 }, { "x":197, "y":1504 } ], |
|||
[ { "x":192, "y":1568 }, { "x":185, "y":1592 }, { "x":270, "y":1592 }, { "x":225, "y":1550 } ], |
|||
[ { "x":202, "y":2096 }, { "x":285, "y":2088 }, { "x":332, "y":2068 }, { "x":371, "y":2039 }, { "x":422, "y":1969 }, { "x":437, "y":1929 }, { "x":76, "y":2040 }, { "x":123, "y":2073 } ], |
|||
[ { "x":120, "y":1618 }, { "x":60, "y":1673 }, { "x":19, "y":1746 }, { "x":0, "y":1830 }, { "x":8, "y":1925 }, { "x":50, "y":2011 }, { "x":270, "y":1592 }, { "x":185, "y":1592 } ], |
|||
[ { "x":269, "y":1407 }, { "x":268, "y":1378 }, { "x":251, "y":1373 }, { "x":253, "y":1405 }, { "x":257, "y":1441 } ], |
|||
[ { "x":339, "y":1627 }, { "x":270, "y":1592 }, { "x":50, "y":2011 }, { "x":76, "y":2040 }, { "x":437, "y":1929 }, { "x":446, "y":1878 }, { "x":437, "y":1777 }, { "x":398, "y":1690 } ], |
|||
[ { "x":198, "y":1268 }, { "x":210, "y":1300 }, { "x":251, "y":1373 }, { "x":221, "y":1289 }, { "x":194, "y":1231 } ], |
|||
[ { "x":24, "y":1969 }, { "x":50, "y":2011 }, { "x":8, "y":1925 } ], |
|||
[ { "x":213, "y":1518 }, { "x":215, "y":1497 }, { "x":209, "y":1478 }, { "x":197, "y":1504 } ], |
|||
[ { "x":215, "y":1497 }, { "x":257, "y":1441 }, { "x":245, "y":1431 }, { "x":209, "y":1478 } ], |
|||
[ { "x":245, "y":1431 }, { "x":257, "y":1441 }, { "x":253, "y":1405 } ], |
|||
[ { "x":268, "y":1378 }, { "x":221, "y":1289 }, { "x":251, "y":1373 } ], |
|||
[ { "x":221, "y":1289 }, { "x":208, "y":1232 }, { "x":194, "y":1231 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1565 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":183, "y":1551 } ], |
|||
[ { "x":291, "y":1576 }, { "x":286, "y":1555 }, { "x":224, "y":1532 }, { "x":225, "y":1550 }, { "x":270, "y":1592 } ], |
|||
[ { "x":202, "y":1531 }, { "x":225, "y":1550 }, { "x":224, "y":1532 }, { "x":213, "y":1518 }, { "x":197, "y":1504 } ], |
|||
[ { "x":192, "y":1568 }, { "x":185, "y":1592 }, { "x":270, "y":1592 }, { "x":225, "y":1550 } ], |
|||
[ { "x":202, "y":2096 }, { "x":285, "y":2088 }, { "x":332, "y":2068 }, { "x":371, "y":2039 }, { "x":422, "y":1969 }, { "x":437, "y":1929 }, { "x":76, "y":2040 }, { "x":123, "y":2073 } ], |
|||
[ { "x":120, "y":1618 }, { "x":60, "y":1673 }, { "x":19, "y":1746 }, { "x":0, "y":1830 }, { "x":8, "y":1925 }, { "x":50, "y":2011 }, { "x":270, "y":1592 }, { "x":185, "y":1592 } ], |
|||
[ { "x":269, "y":1407 }, { "x":268, "y":1378 }, { "x":251, "y":1373 }, { "x":253, "y":1405 }, { "x":257, "y":1441 } ], |
|||
[ { "x":339, "y":1627 }, { "x":270, "y":1592 }, { "x":50, "y":2011 }, { "x":76, "y":2040 }, { "x":437, "y":1929 }, { "x":446, "y":1878 }, { "x":437, "y":1777 }, { "x":398, "y":1690 } ], |
|||
[ { "x":198, "y":1268 }, { "x":210, "y":1300 }, { "x":251, "y":1373 }, { "x":221, "y":1289 }, { "x":194, "y":1231 } ], |
|||
[ { "x":24, "y":1969 }, { "x":50, "y":2011 }, { "x":8, "y":1925 } ], |
|||
[ { "x":213, "y":1518 }, { "x":215, "y":1497 }, { "x":209, "y":1478 }, { "x":197, "y":1504 } ], |
|||
[ { "x":215, "y":1497 }, { "x":257, "y":1441 }, { "x":245, "y":1431 }, { "x":209, "y":1478 } ], |
|||
[ { "x":245, "y":1431 }, { "x":257, "y":1441 }, { "x":253, "y":1405 } ], |
|||
[ { "x":268, "y":1378 }, { "x":221, "y":1289 }, { "x":251, "y":1373 } ], |
|||
[ { "x":221, "y":1289 }, { "x":208, "y":1232 }, { "x":194, "y":1231 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ] |
|||
] |
|||
} |
|||
] |
|||
}, |
|||
"pipe3": { |
|||
"type": "fromPhysicsEditor", |
|||
"label": "pipe3", |
|||
"isStatic": false, |
|||
"density": 0.10000000149011612, |
|||
"restitution": 0, |
|||
"friction": 0.10000000149011612, |
|||
"frictionAir": 0.009999999776482582, |
|||
"frictionStatic": 0.5, |
|||
"collisionFilter": { |
|||
"group": 0, |
|||
"category": 1, |
|||
"mask": 255 |
|||
}, |
|||
"fixtures": [ |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":186, "y":1581 }, { "x":186, "y":1591 }, { "x":192, "y":1581 } ], |
|||
[ { "x":410, "y":1991 }, { "x":410, "y":1989 }, { "x":408, "y":1992 } ], |
|||
[ { "x":291, "y":1600 }, { "x":288, "y":1600 }, { "x":293, "y":1602 } ], |
|||
[ { "x":47, "y":1691 }, { "x":46, "y":1695 }, { "x":50, "y":1689 } ], |
|||
[ { "x":206, "y":1482 }, { "x":205, "y":1486 }, { "x":209, "y":1480 } ], |
|||
[ { "x":180, "y":1564 }, { "x":185, "y":1568 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":184, "y":1550 }, { "x":180, "y":1554 } ], |
|||
[ { "x":248, "y":1455 }, { "x":248, "y":1453 }, { "x":245, "y":1457 } ], |
|||
[ { "x":225, "y":1484 }, { "x":225, "y":1482 }, { "x":222, "y":1486 } ], |
|||
[ { "x":57, "y":1677 }, { "x":57, "y":1679 }, { "x":60, "y":1675 } ], |
|||
[ { "x":228, "y":1454 }, { "x":228, "y":1456 }, { "x":233, "y":1472 }, { "x":231, "y":1452 } ], |
|||
[ { "x":231, "y":1450 }, { "x":231, "y":1452 }, { "x":233, "y":1472 }, { "x":234, "y":1448 } ], |
|||
[ { "x":234, "y":1446 }, { "x":234, "y":1448 }, { "x":237, "y":1444 } ], |
|||
[ { "x":291, "y":1576 }, { "x":291, "y":1564 }, { "x":284, "y":1553 }, { "x":266, "y":1545 }, { "x":233, "y":1537 }, { "x":266, "y":1593 }, { "x":274, "y":1591 }, { "x":284, "y":1586 } ], |
|||
[ { "x":234, "y":1312 }, { "x":232, "y":1311 }, { "x":235, "y":1316 } ], |
|||
[ { "x":109, "y":2065 }, { "x":113, "y":2066 }, { "x":305, "y":2080 }, { "x":407, "y":1704 }, { "x":405, "y":1703 }, { "x":18, "y":1752 }, { "x":16, "y":1754 }, { "x":108, "y":2063 } ], |
|||
[ { "x":123, "y":1616 }, { "x":122, "y":1618 }, { "x":127, "y":1615 } ], |
|||
[ { "x":192, "y":1568 }, { "x":192, "y":1581 }, { "x":225, "y":1550 } ], |
|||
[ { "x":245, "y":1459 }, { "x":245, "y":1457 }, { "x":241, "y":1462 } ], |
|||
[ { "x":233, "y":1474 }, { "x":233, "y":1472 }, { "x":229, "y":1477 } ], |
|||
[ { "x":229, "y":1479 }, { "x":229, "y":1477 }, { "x":225, "y":1482 } ], |
|||
[ { "x":60, "y":1673 }, { "x":60, "y":1675 }, { "x":64, "y":1670 } ], |
|||
[ { "x":104, "y":1629 }, { "x":101, "y":1633 }, { "x":106, "y":1629 } ], |
|||
[ { "x":215, "y":1470 }, { "x":215, "y":1472 }, { "x":219, "y":1467 } ], |
|||
[ { "x":219, "y":1465 }, { "x":219, "y":1467 }, { "x":223, "y":1462 } ], |
|||
[ { "x":108, "y":1626 }, { "x":106, "y":1629 }, { "x":113, "y":1624 } ], |
|||
[ { "x":251, "y":1339 }, { "x":247, "y":1335 }, { "x":254, "y":1386 }, { "x":262, "y":1431 }, { "x":252, "y":1343 } ], |
|||
[ { "x":234, "y":1343 }, { "x":238, "y":1347 }, { "x":233, "y":1339 } ], |
|||
[ { "x":222, "y":1324 }, { "x":226, "y":1328 }, { "x":221, "y":1320 } ], |
|||
[ { "x":238, "y":1468 }, { "x":241, "y":1462 }, { "x":233, "y":1472 } ], |
|||
[ { "x":347, "y":1633 }, { "x":345, "y":1633 }, { "x":351, "y":1638 } ], |
|||
[ { "x":223, "y":1460 }, { "x":223, "y":1462 }, { "x":228, "y":1456 } ], |
|||
[ { "x":118, "y":1619 }, { "x":113, "y":1624 }, { "x":122, "y":1618 } ], |
|||
[ { "x":128, "y":1613 }, { "x":127, "y":1615 }, { "x":134, "y":1611 } ], |
|||
[ { "x":219, "y":1319 }, { "x":221, "y":1320 }, { "x":193, "y":1231 }, { "x":217, "y":1313 } ], |
|||
[ { "x":303, "y":2082 }, { "x":305, "y":2080 }, { "x":113, "y":2066 }, { "x":149, "y":2083 }, { "x":297, "y":2083 } ], |
|||
[ { "x":143, "y":2082 }, { "x":149, "y":2083 }, { "x":141, "y":2080 } ], |
|||
[ { "x":34, "y":1988 }, { "x":38, "y":1992 }, { "x":31, "y":1980 } ], |
|||
[ { "x":203, "y":1533 }, { "x":211, "y":1542 }, { "x":225, "y":1550 }, { "x":222, "y":1531 }, { "x":214, "y":1521 }, { "x":197, "y":1504 }, { "x":198, "y":1521 } ], |
|||
[ { "x":135, "y":1609 }, { "x":134, "y":1611 }, { "x":144, "y":1606 }, { "x":141, "y":1606 } ], |
|||
[ { "x":203, "y":1487 }, { "x":200, "y":1493 }, { "x":197, "y":1504 }, { "x":205, "y":1486 } ], |
|||
[ { "x":237, "y":1317 }, { "x":235, "y":1316 }, { "x":249, "y":1368 }, { "x":240, "y":1324 } ], |
|||
[ { "x":412, "y":1988 }, { "x":415, "y":1980 }, { "x":410, "y":1989 } ], |
|||
[ { "x":362, "y":2047 }, { "x":368, "y":2040 }, { "x":360, "y":2047 } ], |
|||
[ { "x":84, "y":2047 }, { "x":86, "y":2047 }, { "x":78, "y":2040 } ], |
|||
[ { "x":392, "y":1681 }, { "x":386, "y":1675 }, { "x":392, "y":1683 } ], |
|||
[ { "x":289, "y":2087 }, { "x":297, "y":2083 }, { "x":149, "y":2083 } ], |
|||
[ { "x":209, "y":1478 }, { "x":209, "y":1480 }, { "x":215, "y":1472 } ], |
|||
[ { "x":342, "y":1629 }, { "x":293, "y":1602 }, { "x":345, "y":1633 } ], |
|||
[ { "x":269, "y":1407 }, { "x":269, "y":1384 }, { "x":265, "y":1367 }, { "x":254, "y":1344 }, { "x":252, "y":1343 }, { "x":262, "y":1431 } ], |
|||
[ { "x":407, "y":1996 }, { "x":408, "y":1992 }, { "x":305, "y":2080 }, { "x":360, "y":2047 }, { "x":368, "y":2040 } ], |
|||
[ { "x":39, "y":1704 }, { "x":36, "y":1712 }, { "x":46, "y":1695 } ], |
|||
[ { "x":43, "y":2002 }, { "x":48, "y":2007 }, { "x":38, "y":1992 } ], |
|||
[ { "x":222, "y":1488 }, { "x":222, "y":1486 }, { "x":197, "y":1504 }, { "x":216, "y":1495 } ], |
|||
[ { "x":277, "y":1595 }, { "x":266, "y":1593 }, { "x":288, "y":1600 } ], |
|||
[ { "x":97, "y":2057 }, { "x":108, "y":2063 }, { "x":86, "y":2047 } ], |
|||
[ { "x":50, "y":1687 }, { "x":50, "y":1689 }, { "x":57, "y":1679 } ], |
|||
[ { "x":337, "y":2065 }, { "x":347, "y":2057 }, { "x":333, "y":2066 } ], |
|||
[ { "x":242, "y":1325 }, { "x":240, "y":1324 }, { "x":249, "y":1368 }, { "x":254, "y":1386 }, { "x":247, "y":1335 } ], |
|||
[ { "x":242, "y":1434 }, { "x":237, "y":1444 }, { "x":233, "y":1472 }, { "x":241, "y":1462 }, { "x":262, "y":1431 }, { "x":244, "y":1433 } ], |
|||
[ { "x":231, "y":1338 }, { "x":233, "y":1339 }, { "x":193, "y":1231 }, { "x":226, "y":1328 } ], |
|||
[ { "x":417, "y":1979 }, { "x":423, "y":1967 }, { "x":423, "y":1964 }, { "x":407, "y":1704 }, { "x":415, "y":1980 } ], |
|||
[ { "x":29, "y":1979 }, { "x":31, "y":1980 }, { "x":23, "y":1964 }, { "x":23, "y":1967 } ], |
|||
[ { "x":23, "y":1736 }, { "x":18, "y":1752 }, { "x":27, "y":1730 } ], |
|||
[ { "x":233, "y":1537 }, { "x":222, "y":1531 }, { "x":225, "y":1550 }, { "x":266, "y":1593 } ], |
|||
[ { "x":349, "y":2057 }, { "x":360, "y":2047 }, { "x":347, "y":2057 } ], |
|||
[ { "x":160, "y":1598 }, { "x":134, "y":1611 }, { "x":122, "y":1618 }, { "x":18, "y":1752 }, { "x":405, "y":1703 }, { "x":186, "y":1591 } ], |
|||
[ { "x":196, "y":1259 }, { "x":204, "y":1288 }, { "x":215, "y":1312 }, { "x":217, "y":1313 }, { "x":193, "y":1231 } ], |
|||
[ { "x":34, "y":1713 }, { "x":27, "y":1727 }, { "x":27, "y":1730 }, { "x":36, "y":1712 } ], |
|||
[ { "x":254, "y":1446 }, { "x":262, "y":1431 }, { "x":248, "y":1453 } ], |
|||
[ { "x":398, "y":2009 }, { "x":400, "y":2004 }, { "x":368, "y":2040 } ], |
|||
[ { "x":446, "y":1830 }, { "x":439, "y":1785 }, { "x":427, "y":1746 }, { "x":407, "y":1704 }, { "x":423, "y":1964 }, { "x":443, "y":1902 }, { "x":446, "y":1878 } ], |
|||
[ { "x":404, "y":1699 }, { "x":386, "y":1675 }, { "x":351, "y":1638 }, { "x":293, "y":1602 }, { "x":266, "y":1593 }, { "x":186, "y":1591 }, { "x":405, "y":1703 } ], |
|||
[ { "x":384, "y":2026 }, { "x":384, "y":2024 }, { "x":368, "y":2040 }, { "x":370, "y":2040 } ], |
|||
[ { "x":76, "y":2040 }, { "x":78, "y":2040 }, { "x":62, "y":2024 }, { "x":62, "y":2026 } ], |
|||
[ { "x":270, "y":2092 }, { "x":285, "y":2087 }, { "x":149, "y":2083 }, { "x":181, "y":2093 }, { "x":202, "y":2096 }, { "x":244, "y":2096 } ], |
|||
[ { "x":48, "y":2009 }, { "x":78, "y":2040 }, { "x":48, "y":2007 } ], |
|||
[ { "x":5, "y":1794 }, { "x":0, "y":1830 }, { "x":0, "y":1878 }, { "x":3, "y":1902 }, { "x":19, "y":1958 }, { "x":23, "y":1964 }, { "x":108, "y":2063 }, { "x":16, "y":1754 } ], |
|||
[ { "x":429, "y":1953 }, { "x":437, "y":1929 }, { "x":443, "y":1902 }, { "x":423, "y":1964 } ], |
|||
[ { "x":157, "y":2087 }, { "x":181, "y":2093 }, { "x":149, "y":2083 } ], |
|||
[ { "x":192, "y":1581 }, { "x":186, "y":1591 }, { "x":266, "y":1593 }, { "x":225, "y":1550 } ], |
|||
[ { "x":9, "y":1929 }, { "x":19, "y":1958 }, { "x":3, "y":1902 } ], |
|||
[ { "x":328, "y":1619 }, { "x":296, "y":1602 }, { "x":293, "y":1602 }, { "x":333, "y":1624 } ], |
|||
[ { "x":332, "y":2068 }, { "x":333, "y":2066 }, { "x":305, "y":2080 }, { "x":308, "y":2080 } ], |
|||
[ { "x":114, "y":2068 }, { "x":138, "y":2080 }, { "x":141, "y":2080 }, { "x":113, "y":2066 } ], |
|||
[ { "x":205, "y":1486 }, { "x":197, "y":1504 }, { "x":233, "y":1472 }, { "x":228, "y":1456 }, { "x":209, "y":1480 } ], |
|||
[ { "x":48, "y":2007 }, { "x":78, "y":2040 }, { "x":86, "y":2047 }, { "x":108, "y":2063 }, { "x":23, "y":1964 }, { "x":31, "y":1980 }, { "x":38, "y":1992 } ], |
|||
[ { "x":347, "y":2057 }, { "x":360, "y":2047 }, { "x":305, "y":2080 }, { "x":333, "y":2066 } ], |
|||
[ { "x":27, "y":1730 }, { "x":18, "y":1752 }, { "x":122, "y":1618 }, { "x":50, "y":1689 }, { "x":46, "y":1695 }, { "x":36, "y":1712 } ], |
|||
[ { "x":353, "y":1638 }, { "x":351, "y":1638 }, { "x":386, "y":1675 }, { "x":386, "y":1673 } ], |
|||
[ { "x":64, "y":1668 }, { "x":64, "y":1670 }, { "x":101, "y":1633 }, { "x":99, "y":1633 } ], |
|||
[ { "x":106, "y":1629 }, { "x":101, "y":1633 }, { "x":64, "y":1670 }, { "x":57, "y":1679 }, { "x":50, "y":1689 }, { "x":122, "y":1618 } ], |
|||
[ { "x":141, "y":2080 }, { "x":149, "y":2083 }, { "x":113, "y":2066 } ], |
|||
[ { "x":410, "y":1989 }, { "x":415, "y":1980 }, { "x":407, "y":1704 }, { "x":305, "y":2080 }, { "x":408, "y":1992 } ], |
|||
[ { "x":221, "y":1320 }, { "x":226, "y":1328 }, { "x":193, "y":1231 } ], |
|||
[ { "x":345, "y":1633 }, { "x":293, "y":1602 }, { "x":351, "y":1638 } ], |
|||
[ { "x":233, "y":1339 }, { "x":238, "y":1347 }, { "x":193, "y":1231 } ], |
|||
[ { "x":238, "y":1347 }, { "x":249, "y":1368 }, { "x":220, "y":1287 }, { "x":193, "y":1231 } ], |
|||
[ { "x":288, "y":1600 }, { "x":266, "y":1593 }, { "x":293, "y":1602 } ], |
|||
[ { "x":248, "y":1453 }, { "x":262, "y":1431 }, { "x":241, "y":1462 } ], |
|||
[ { "x":60, "y":1675 }, { "x":57, "y":1679 }, { "x":64, "y":1670 } ], |
|||
[ { "x":193, "y":0 }, { "x":193, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ], |
|||
[ { "x":208, "y":1232 }, { "x":193, "y":1231 }, { "x":211, "y":1257 } ], |
|||
[ { "x":211, "y":1257 }, { "x":193, "y":1231 }, { "x":220, "y":1287 } ], |
|||
[ { "x":220, "y":1287 }, { "x":249, "y":1368 }, { "x":232, "y":1311 } ], |
|||
[ { "x":232, "y":1311 }, { "x":249, "y":1368 }, { "x":235, "y":1316 } ], |
|||
[ { "x":254, "y":1386 }, { "x":254, "y":1405 }, { "x":262, "y":1431 } ], |
|||
[ { "x":254, "y":1405 }, { "x":249, "y":1423 }, { "x":262, "y":1431 } ], |
|||
[ { "x":249, "y":1423 }, { "x":244, "y":1433 }, { "x":262, "y":1431 } ], |
|||
[ { "x":237, "y":1444 }, { "x":234, "y":1448 }, { "x":233, "y":1472 } ], |
|||
[ { "x":233, "y":1472 }, { "x":197, "y":1504 }, { "x":225, "y":1482 } ], |
|||
[ { "x":225, "y":1482 }, { "x":197, "y":1504 }, { "x":222, "y":1486 } ], |
|||
[ { "x":216, "y":1495 }, { "x":197, "y":1504 }, { "x":212, "y":1505 } ], |
|||
[ { "x":212, "y":1505 }, { "x":197, "y":1504 }, { "x":214, "y":1521 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1565 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":183, "y":1551 } ], |
|||
[ { "x":291, "y":1576 }, { "x":286, "y":1555 }, { "x":224, "y":1532 }, { "x":225, "y":1550 }, { "x":270, "y":1592 } ], |
|||
[ { "x":202, "y":1531 }, { "x":225, "y":1550 }, { "x":224, "y":1532 }, { "x":213, "y":1518 }, { "x":197, "y":1504 } ], |
|||
[ { "x":192, "y":1568 }, { "x":185, "y":1592 }, { "x":270, "y":1592 }, { "x":225, "y":1550 } ], |
|||
[ { "x":202, "y":2096 }, { "x":285, "y":2088 }, { "x":332, "y":2068 }, { "x":371, "y":2039 }, { "x":422, "y":1969 }, { "x":437, "y":1929 }, { "x":76, "y":2040 }, { "x":123, "y":2073 } ], |
|||
[ { "x":120, "y":1618 }, { "x":60, "y":1673 }, { "x":19, "y":1746 }, { "x":0, "y":1830 }, { "x":8, "y":1925 }, { "x":50, "y":2011 }, { "x":270, "y":1592 }, { "x":185, "y":1592 } ], |
|||
[ { "x":269, "y":1407 }, { "x":268, "y":1378 }, { "x":251, "y":1373 }, { "x":253, "y":1405 }, { "x":257, "y":1441 } ], |
|||
[ { "x":339, "y":1627 }, { "x":270, "y":1592 }, { "x":50, "y":2011 }, { "x":76, "y":2040 }, { "x":437, "y":1929 }, { "x":446, "y":1878 }, { "x":437, "y":1777 }, { "x":398, "y":1690 } ], |
|||
[ { "x":198, "y":1268 }, { "x":210, "y":1300 }, { "x":251, "y":1373 }, { "x":221, "y":1289 }, { "x":194, "y":1231 } ], |
|||
[ { "x":24, "y":1969 }, { "x":50, "y":2011 }, { "x":8, "y":1925 } ], |
|||
[ { "x":213, "y":1518 }, { "x":215, "y":1497 }, { "x":209, "y":1478 }, { "x":197, "y":1504 } ], |
|||
[ { "x":215, "y":1497 }, { "x":257, "y":1441 }, { "x":245, "y":1431 }, { "x":209, "y":1478 } ], |
|||
[ { "x":245, "y":1431 }, { "x":257, "y":1441 }, { "x":253, "y":1405 } ], |
|||
[ { "x":268, "y":1378 }, { "x":221, "y":1289 }, { "x":251, "y":1373 } ], |
|||
[ { "x":221, "y":1289 }, { "x":208, "y":1232 }, { "x":194, "y":1231 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1565 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":183, "y":1551 } ], |
|||
[ { "x":291, "y":1576 }, { "x":286, "y":1555 }, { "x":224, "y":1532 }, { "x":225, "y":1550 }, { "x":270, "y":1592 } ], |
|||
[ { "x":202, "y":1531 }, { "x":225, "y":1550 }, { "x":224, "y":1532 }, { "x":213, "y":1518 }, { "x":197, "y":1504 } ], |
|||
[ { "x":192, "y":1568 }, { "x":185, "y":1592 }, { "x":270, "y":1592 }, { "x":225, "y":1550 } ], |
|||
[ { "x":202, "y":2096 }, { "x":285, "y":2088 }, { "x":332, "y":2068 }, { "x":371, "y":2039 }, { "x":422, "y":1969 }, { "x":437, "y":1929 }, { "x":76, "y":2040 }, { "x":123, "y":2073 } ], |
|||
[ { "x":120, "y":1618 }, { "x":60, "y":1673 }, { "x":19, "y":1746 }, { "x":0, "y":1830 }, { "x":8, "y":1925 }, { "x":50, "y":2011 }, { "x":270, "y":1592 }, { "x":185, "y":1592 } ], |
|||
[ { "x":269, "y":1407 }, { "x":268, "y":1378 }, { "x":251, "y":1373 }, { "x":253, "y":1405 }, { "x":257, "y":1441 } ], |
|||
[ { "x":339, "y":1627 }, { "x":270, "y":1592 }, { "x":50, "y":2011 }, { "x":76, "y":2040 }, { "x":437, "y":1929 }, { "x":446, "y":1878 }, { "x":437, "y":1777 }, { "x":398, "y":1690 } ], |
|||
[ { "x":198, "y":1268 }, { "x":210, "y":1300 }, { "x":251, "y":1373 }, { "x":221, "y":1289 }, { "x":194, "y":1231 } ], |
|||
[ { "x":24, "y":1969 }, { "x":50, "y":2011 }, { "x":8, "y":1925 } ], |
|||
[ { "x":213, "y":1518 }, { "x":215, "y":1497 }, { "x":209, "y":1478 }, { "x":197, "y":1504 } ], |
|||
[ { "x":215, "y":1497 }, { "x":257, "y":1441 }, { "x":245, "y":1431 }, { "x":209, "y":1478 } ], |
|||
[ { "x":245, "y":1431 }, { "x":257, "y":1441 }, { "x":253, "y":1405 } ], |
|||
[ { "x":268, "y":1378 }, { "x":221, "y":1289 }, { "x":251, "y":1373 } ], |
|||
[ { "x":221, "y":1289 }, { "x":208, "y":1232 }, { "x":194, "y":1231 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ] |
|||
] |
|||
}, |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":182, "y":1565 }, { "x":192, "y":1568 }, { "x":225, "y":1550 }, { "x":183, "y":1551 } ], |
|||
[ { "x":291, "y":1576 }, { "x":286, "y":1555 }, { "x":224, "y":1532 }, { "x":225, "y":1550 }, { "x":270, "y":1592 } ], |
|||
[ { "x":202, "y":1531 }, { "x":225, "y":1550 }, { "x":224, "y":1532 }, { "x":213, "y":1518 }, { "x":197, "y":1504 } ], |
|||
[ { "x":192, "y":1568 }, { "x":185, "y":1592 }, { "x":270, "y":1592 }, { "x":225, "y":1550 } ], |
|||
[ { "x":202, "y":2096 }, { "x":285, "y":2088 }, { "x":332, "y":2068 }, { "x":371, "y":2039 }, { "x":422, "y":1969 }, { "x":437, "y":1929 }, { "x":76, "y":2040 }, { "x":123, "y":2073 } ], |
|||
[ { "x":120, "y":1618 }, { "x":60, "y":1673 }, { "x":19, "y":1746 }, { "x":0, "y":1830 }, { "x":8, "y":1925 }, { "x":50, "y":2011 }, { "x":270, "y":1592 }, { "x":185, "y":1592 } ], |
|||
[ { "x":269, "y":1407 }, { "x":268, "y":1378 }, { "x":251, "y":1373 }, { "x":253, "y":1405 }, { "x":257, "y":1441 } ], |
|||
[ { "x":339, "y":1627 }, { "x":270, "y":1592 }, { "x":50, "y":2011 }, { "x":76, "y":2040 }, { "x":437, "y":1929 }, { "x":446, "y":1878 }, { "x":437, "y":1777 }, { "x":398, "y":1690 } ], |
|||
[ { "x":198, "y":1268 }, { "x":210, "y":1300 }, { "x":251, "y":1373 }, { "x":221, "y":1289 }, { "x":194, "y":1231 } ], |
|||
[ { "x":24, "y":1969 }, { "x":50, "y":2011 }, { "x":8, "y":1925 } ], |
|||
[ { "x":213, "y":1518 }, { "x":215, "y":1497 }, { "x":209, "y":1478 }, { "x":197, "y":1504 } ], |
|||
[ { "x":215, "y":1497 }, { "x":257, "y":1441 }, { "x":245, "y":1431 }, { "x":209, "y":1478 } ], |
|||
[ { "x":245, "y":1431 }, { "x":257, "y":1441 }, { "x":253, "y":1405 } ], |
|||
[ { "x":268, "y":1378 }, { "x":221, "y":1289 }, { "x":251, "y":1373 } ], |
|||
[ { "x":221, "y":1289 }, { "x":208, "y":1232 }, { "x":194, "y":1231 } ], |
|||
[ { "x":193, "y":0 }, { "x":194, "y":1231 }, { "x":208, "y":1232 }, { "x":208, "y":0 } ] |
|||
] |
|||
} |
|||
] |
|||
}, |
|||
"clumsy1": { |
|||
"type": "fromPhysicsEditor", |
|||
"label": "clumsy1", |
|||
"isStatic": false, |
|||
"density": 0.1, |
|||
"restitution": 0, |
|||
"friction": 0.1, |
|||
"frictionAir": 0.01, |
|||
"frictionStatic": 0.5, |
|||
"collisionFilter": { |
|||
"group": 0, |
|||
"category": 1, |
|||
"mask": 255 |
|||
}, |
|||
"fixtures": [ |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":30, "y":178 }, { "x":37, "y":211 }, { "x":69, "y":174 } ], |
|||
[ { "x":124, "y":27 }, { "x":134, "y":59 }, { "x":168, "y":36 }, { "x":144, "y":22 } ], |
|||
[ { "x":20, "y":246 }, { "x":24, "y":270 }, { "x":37, "y":281 }, { "x":34, "y":229 } ], |
|||
[ { "x":174, "y":19 }, { "x":168, "y":36 }, { "x":193, "y":33 }, { "x":182, "y":19 } ], |
|||
[ { "x":363, "y":108 }, { "x":327, "y":103 }, { "x":355, "y":154 }, { "x":386, "y":139 }, { "x":384, "y":130 } ], |
|||
[ { "x":56, "y":325 }, { "x":96, "y":351 }, { "x":144, "y":362 }, { "x":215, "y":361 }, { "x":310, "y":77 }, { "x":69, "y":174 }, { "x":34, "y":229 }, { "x":37, "y":281 } ], |
|||
[ { "x":374, "y":163 }, { "x":355, "y":154 }, { "x":343, "y":179 }, { "x":372, "y":167 } ], |
|||
[ { "x":355, "y":154 }, { "x":327, "y":103 }, { "x":310, "y":77 }, { "x":215, "y":361 }, { "x":250, "y":351 }, { "x":343, "y":179 } ], |
|||
[ { "x":168, "y":36 }, { "x":134, "y":59 }, { "x":91, "y":112 }, { "x":69, "y":174 }, { "x":310, "y":77 }, { "x":234, "y":34 }, { "x":193, "y":33 } ], |
|||
[ { "x":276, "y":49 }, { "x":234, "y":34 }, { "x":310, "y":77 } ], |
|||
[ { "x":288, "y":324 }, { "x":314, "y":287 }, { "x":338, "y":230 }, { "x":343, "y":179 }, { "x":250, "y":351 } ], |
|||
[ { "x":37, "y":211 }, { "x":34, "y":229 }, { "x":69, "y":174 } ] |
|||
] |
|||
} |
|||
] |
|||
}, |
|||
"clumsy2": { |
|||
"type": "fromPhysicsEditor", |
|||
"label": "clumsy2", |
|||
"isStatic": false, |
|||
"density": 0.10000000149011612, |
|||
"restitution": 0, |
|||
"friction": 0.10000000149011612, |
|||
"frictionAir": 0.009999999776482582, |
|||
"frictionStatic": 0.5, |
|||
"collisionFilter": { |
|||
"group": 0, |
|||
"category": 1, |
|||
"mask": 255 |
|||
}, |
|||
"fixtures": [ |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":124, "y":27 }, { "x":134, "y":59 }, { "x":168, "y":36 }, { "x":144, "y":22 } ], |
|||
[ { "x":0, "y":280 }, { "x":3, "y":297 }, { "x":34, "y":321 }, { "x":58, "y":330 }, { "x":24, "y":272 } ], |
|||
[ { "x":20, "y":199 }, { "x":36, "y":228 }, { "x":37, "y":194 } ], |
|||
[ { "x":16, "y":241 }, { "x":24, "y":272 }, { "x":58, "y":330 }, { "x":115, "y":360 }, { "x":199, "y":365 }, { "x":36, "y":228 } ], |
|||
[ { "x":174, "y":19 }, { "x":168, "y":36 }, { "x":193, "y":33 }, { "x":182, "y":19 } ], |
|||
[ { "x":363, "y":108 }, { "x":327, "y":103 }, { "x":355, "y":154 }, { "x":386, "y":139 }, { "x":384, "y":130 } ], |
|||
[ { "x":40, "y":185 }, { "x":37, "y":194 }, { "x":36, "y":228 }, { "x":199, "y":365 }, { "x":66, "y":183 } ], |
|||
[ { "x":66, "y":183 }, { "x":199, "y":365 }, { "x":290, "y":320 }, { "x":314, "y":287 }, { "x":310, "y":77 }, { "x":193, "y":33 }, { "x":134, "y":59 }, { "x":91, "y":112 } ], |
|||
[ { "x":374, "y":163 }, { "x":355, "y":154 }, { "x":343, "y":179 }, { "x":372, "y":167 } ], |
|||
[ { "x":355, "y":154 }, { "x":327, "y":103 }, { "x":343, "y":179 } ], |
|||
[ { "x":249, "y":352 }, { "x":290, "y":320 }, { "x":199, "y":365 } ], |
|||
[ { "x":168, "y":36 }, { "x":134, "y":59 }, { "x":193, "y":33 } ], |
|||
[ { "x":276, "y":49 }, { "x":234, "y":34 }, { "x":193, "y":33 }, { "x":310, "y":77 } ], |
|||
[ { "x":338, "y":230 }, { "x":343, "y":179 }, { "x":327, "y":103 }, { "x":310, "y":77 }, { "x":314, "y":287 } ] |
|||
] |
|||
} |
|||
] |
|||
}, |
|||
"clumsy3": { |
|||
"type": "fromPhysicsEditor", |
|||
"label": "clumsy3", |
|||
"isStatic": false, |
|||
"density": 0.10000000149011612, |
|||
"restitution": 0, |
|||
"friction": 0.10000000149011612, |
|||
"frictionAir": 0.009999999776482582, |
|||
"frictionStatic": 0.5, |
|||
"collisionFilter": { |
|||
"group": 0, |
|||
"category": 1, |
|||
"mask": 255 |
|||
}, |
|||
"fixtures": [ |
|||
{ |
|||
"label": "", |
|||
"isSensor": false, |
|||
"vertices": [ |
|||
[ { "x":124, "y":27 }, { "x":134, "y":59 }, { "x":168, "y":36 }, { "x":144, "y":22 } ], |
|||
[ { "x":44, "y":364 }, { "x":86, "y":375 }, { "x":132, "y":364 }, { "x":98, "y":100 }, { "x":60, "y":198 }, { "x":37, "y":281 }, { "x":34, "y":321 } ], |
|||
[ { "x":174, "y":19 }, { "x":168, "y":36 }, { "x":193, "y":33 }, { "x":182, "y":19 } ], |
|||
[ { "x":265, "y":346 }, { "x":314, "y":287 }, { "x":338, "y":230 }, { "x":343, "y":179 }, { "x":193, "y":33 }, { "x":134, "y":59 }, { "x":98, "y":100 }, { "x":193, "y":365 } ], |
|||
[ { "x":363, "y":108 }, { "x":327, "y":103 }, { "x":355, "y":154 }, { "x":386, "y":139 }, { "x":384, "y":130 } ], |
|||
[ { "x":24, "y":270 }, { "x":37, "y":281 }, { "x":60, "y":198 }, { "x":31, "y":218 }, { "x":20, "y":246 } ], |
|||
[ { "x":132, "y":364 }, { "x":193, "y":365 }, { "x":98, "y":100 } ], |
|||
[ { "x":374, "y":163 }, { "x":355, "y":154 }, { "x":343, "y":179 }, { "x":372, "y":167 } ], |
|||
[ { "x":355, "y":154 }, { "x":327, "y":103 }, { "x":310, "y":77 }, { "x":276, "y":49 }, { "x":234, "y":34 }, { "x":193, "y":33 }, { "x":343, "y":179 } ], |
|||
[ { "x":168, "y":36 }, { "x":134, "y":59 }, { "x":193, "y":33 } ] |
|||
] |
|||
} |
|||
] |
|||
} |
|||
} |
|||
@ -1,52 +0,0 @@ |
|||
import { Scene } from "phaser"; |
|||
import bg from "@/game/game/assets/flipbird/bg.png"; |
|||
|
|||
import birdImg from "@/game/game/assets/flipbird/clumsy.png"; |
|||
import startBtn from "@/game/game/assets/flipbird/start.png"; |
|||
|
|||
export default class startScene extends Scene { |
|||
constructor() { |
|||
super({ key: "startFlipBird" }); |
|||
} |
|||
|
|||
preload() { |
|||
this.load.image("bg", bg); |
|||
this.load.image("startBtn", startBtn); |
|||
this.load.spritesheet("bird", birdImg, { |
|||
frameWidth: 85, |
|||
frameHeight: 60 |
|||
}); |
|||
} |
|||
|
|||
create() { |
|||
this.bg = this.add.image(0, 0, "bg"); |
|||
this.startBtn = this.add.image( |
|||
this.game.config.width / 2, |
|||
this.game.config.height / 2 + 100, |
|||
"startBtn" |
|||
); |
|||
this.startBtn.setScale(0.5); |
|||
this.bg.setScale(3.1); |
|||
this.bird = this.physics.add.sprite( |
|||
this.game.config.width / 2, |
|||
this.game.config.height / 2, |
|||
"bird" |
|||
); |
|||
// this.tip = this.add.text(
|
|||
// this.game.config.width / 2,
|
|||
// this.game.config.height / 2 - 100,
|
|||
// "点击屏幕开始游戏",
|
|||
// {
|
|||
// fontFamily: 'Georgia, "Goudy Bookletter 1911", Times, serif',
|
|||
// fontSize: "30px",
|
|||
// color: "#000",
|
|||
// align: "center"
|
|||
// }
|
|||
// );
|
|||
this.startBtn.setInteractive(); |
|||
this.startBtn.on("pointerdown", () =>{ |
|||
this.scene.start("flipbird"); |
|||
}); |
|||
} |
|||
|
|||
} |
|||
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 52 KiB |
@ -0,0 +1,66 @@ |
|||
{"frames": [ |
|||
|
|||
{ |
|||
"filename": "blue", |
|||
"frame": {"x":3,"y":54,"w":48,"h":48}, |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"spriteSourceSize": {"x":0,"y":0,"w":48,"h":48}, |
|||
"sourceSize": {"w":48,"h":48}, |
|||
"pivot": {"x":0.5,"y":0.5} |
|||
}, |
|||
{ |
|||
"filename": "green", |
|||
"frame": {"x":55,"y":54,"w":46,"h":48}, |
|||
"rotated": false, |
|||
"trimmed": true, |
|||
"spriteSourceSize": {"x":1,"y":0,"w":46,"h":48}, |
|||
"sourceSize": {"w":48,"h":48}, |
|||
"pivot": {"x":0.5,"y":0.5} |
|||
}, |
|||
{ |
|||
"filename": "orange", |
|||
"frame": {"x":3,"y":106,"w":48,"h":48}, |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"spriteSourceSize": {"x":0,"y":0,"w":48,"h":48}, |
|||
"sourceSize": {"w":48,"h":48}, |
|||
"pivot": {"x":0.5,"y":0.5} |
|||
}, |
|||
{ |
|||
"filename": "purple", |
|||
"frame": {"x":3,"y":3,"w":48,"h":47}, |
|||
"rotated": false, |
|||
"trimmed": true, |
|||
"spriteSourceSize": {"x":0,"y":0,"w":48,"h":47}, |
|||
"sourceSize": {"w":48,"h":48}, |
|||
"pivot": {"x":0.5,"y":0.5} |
|||
}, |
|||
{ |
|||
"filename": "red", |
|||
"frame": {"x":55,"y":3,"w":48,"h":47}, |
|||
"rotated": false, |
|||
"trimmed": true, |
|||
"spriteSourceSize": {"x":0,"y":1,"w":48,"h":47}, |
|||
"sourceSize": {"w":48,"h":48}, |
|||
"pivot": {"x":0.5,"y":0.5} |
|||
}, |
|||
{ |
|||
"filename": "yellow", |
|||
"frame": {"x":55,"y":106,"w":48,"h":48}, |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"spriteSourceSize": {"x":0,"y":0,"w":48,"h":48}, |
|||
"sourceSize": {"w":48,"h":48}, |
|||
"pivot": {"x":0.5,"y":0.5} |
|||
}], |
|||
"meta": { |
|||
"app": "http://www.codeandweb.com/texturepacker", |
|||
"version": "1.0", |
|||
"image": "monsters.png", |
|||
"format": "RGBA8888", |
|||
"size": {"w":106,"h":157}, |
|||
"scale": "1", |
|||
"smartupdate": "$TexturePacker:SmartUpdate:94e3861bf3fe5715f53df58e8450923c:2f5153e78b443078a8763ede8bf48b11:8fc4d3ec51ba7bc700054b5f64cf62b1$" |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 121 KiB |
@ -0,0 +1,3 @@ |
|||
export const BREAKOUT_JSON = { |
|||
|
|||
}; |
|||
@ -0,0 +1,29 @@ |
|||
import Phaser from "phaser"; |
|||
import BootScene from "./scenes/BootScene"; |
|||
import PlayScene from "./scenes/PlayScene"; |
|||
//import { * } from "./constant";
|
|||
|
|||
function launch(containerId) { |
|||
const container = document.getElementById(containerId); |
|||
const width = container.clientWidth; |
|||
const height = container.clientHeight; |
|||
return new Phaser.Game({ |
|||
type: Phaser.WEBGL, |
|||
width, |
|||
height, |
|||
parent: containerId, |
|||
backgroundColor: 0xbbada0, |
|||
pixelArt: true, |
|||
physics: { |
|||
default: "arcade", |
|||
arcade: { |
|||
//gravity: { y: 300 },
|
|||
debug: true, |
|||
}, |
|||
}, |
|||
scene: [BootScene, PlayScene], |
|||
}); |
|||
} |
|||
|
|||
export default launch; |
|||
export { launch }; |
|||
@ -0,0 +1,744 @@ |
|||
import Phaser from "phaser"; |
|||
import bg from "@/game/game-breakout/assets/parallax-mountain800600.png"; |
|||
import atari from "@/game/game-flood-fill/assets/flood/atari-smooth.png"; |
|||
//import atarixml from "@/game/game-flood-fill/assets/flood/atari-smooth.xml";
|
|||
import blobs from "@/game/game-flood-fill/assets/flood/blobs.png"; |
|||
//import blobsjson from "@/game/game-flood-fill/assets/flood/blobs.json";
|
|||
|
|||
class PlayScene extends Phaser.Scene { |
|||
constructor() { |
|||
super({ |
|||
key: "PlayScene", |
|||
}); |
|||
this.allowClick = true; |
|||
|
|||
this.arrow; |
|||
this.cursor; |
|||
this.cursorTween; |
|||
this.monsterTween; |
|||
|
|||
this.icon1 = { shadow: null, monster: null }; |
|||
this.icon2 = { shadow: null, monster: null }; |
|||
this.icon3 = { shadow: null, monster: null }; |
|||
this.icon4 = { shadow: null, monster: null }; |
|||
this.icon5 = { shadow: null, monster: null }; |
|||
this.icon6 = { shadow: null, monster: null }; |
|||
|
|||
this.gridBG; |
|||
|
|||
this.instructions; |
|||
this.text1; |
|||
this.text2; |
|||
this.text3; |
|||
|
|||
this.currentColor = ""; |
|||
|
|||
this.emitters = {}; |
|||
|
|||
this.grid = []; |
|||
this.matched = []; |
|||
|
|||
this.moves = 25; |
|||
|
|||
this.frames = ["blue", "green", "grey", "purple", "red", "yellow"]; |
|||
} |
|||
|
|||
preload() { |
|||
this.load.bitmapFont( |
|||
"atari", |
|||
atari, |
|||
"static/assets/flood-fill/atari-smooth.xml" |
|||
); |
|||
this.load.atlas("flood", blobs, "static/assets/flood-fill/blobs.json"); |
|||
} |
|||
|
|||
create() { |
|||
this.add.image(400, 300, "flood", "background"); |
|||
this.gridBG = this.add.image(400, 600 + 300, "flood", "grid"); |
|||
|
|||
this.createIcon(this.icon1, "grey", 16, 156); |
|||
this.createIcon(this.icon2, "red", 16, 312); |
|||
this.createIcon(this.icon3, "green", 16, 458); |
|||
this.createIcon(this.icon4, "yellow", 688, 156); |
|||
this.createIcon(this.icon5, "blue", 688, 312); |
|||
this.createIcon(this.icon6, "purple", 688, 458); |
|||
|
|||
this.cursor = this.add |
|||
.image(16, 156, "flood", "cursor-over") |
|||
.setOrigin(0) |
|||
.setVisible(false); |
|||
|
|||
// The game is played in a 14x14 grid with 6 different colors
|
|||
|
|||
this.grid = []; |
|||
|
|||
for (var x = 0; x < 14; x++) { |
|||
this.grid[x] = []; |
|||
|
|||
for (var y = 0; y < 14; y++) { |
|||
var sx = 166 + x * 36; |
|||
var sy = 66 + y * 36; |
|||
var color = Phaser.Math.Between(0, 5); |
|||
|
|||
var block = this.add.image(sx, -600 + sy, "flood", this.frames[color]); |
|||
|
|||
block.setData("oldColor", color); |
|||
block.setData("color", color); |
|||
block.setData("x", sx); |
|||
block.setData("y", sy); |
|||
|
|||
this.grid[x][y] = block; |
|||
} |
|||
} |
|||
|
|||
// Do a few floods just to make it a little easier starting off
|
|||
this.helpFlood(); |
|||
|
|||
for (var i = 0; i < this.matched.length; i++) { |
|||
var blockk = this.matched[i]; |
|||
|
|||
blockk.setFrame(this.frames[blockk.getData("color")]); |
|||
} |
|||
|
|||
this.currentColor = this.grid[0][0].getData("color"); |
|||
|
|||
this.particles = this.add.particles("flood"); |
|||
|
|||
for (var i = 0; i < this.frames.length; i++) { |
|||
this.createEmitter(this.frames[i]); |
|||
} |
|||
|
|||
this.createArrow(); |
|||
|
|||
this.text1 = this.add.bitmapText(684, 30, "atari", "Moves", 20).setAlpha(0); |
|||
this.text2 = this.add.bitmapText(694, 60, "atari", "00", 40).setAlpha(0); |
|||
this.text3 = this.add |
|||
.bitmapText(180, 200, "atari", "So close!\n\nClick to\ntry again", 48) |
|||
.setAlpha(0); |
|||
|
|||
this.instructions = this.add |
|||
.image(400, 300, "flood", "instructions") |
|||
.setAlpha(0); |
|||
//初始化位置
|
|||
this.revealGrid(); |
|||
} |
|||
|
|||
update() {} |
|||
|
|||
helpFlood() { |
|||
for (var i = 0; i < 8; i++) { |
|||
var x = Phaser.Math.Between(0, 13); |
|||
var y = Phaser.Math.Between(0, 13); |
|||
|
|||
var oldColor = this.grid[x][y].getData("color"); |
|||
var newColor = oldColor + 1; |
|||
|
|||
if (newColor === 6) { |
|||
newColor = 0; |
|||
} |
|||
|
|||
this.floodFill(oldColor, newColor, x, y); |
|||
} |
|||
} |
|||
|
|||
createArrow() { |
|||
this.arrow = this.add |
|||
.image(109 - 24, 48, "flood", "arrow-white") |
|||
.setOrigin(0) |
|||
.setAlpha(0); |
|||
|
|||
this.tweens.add({ |
|||
targets: this.arrow, |
|||
x: "+=24", |
|||
ease: "Sine.easeInOut", |
|||
duration: 900, |
|||
yoyo: true, |
|||
repeat: -1, |
|||
}); |
|||
} |
|||
|
|||
createIcon(icon, color, x, y) { |
|||
var sx = x < 400 ? -200 : 1000; |
|||
|
|||
icon.monster = this.add.image(sx, y, "flood", "icon-" + color).setOrigin(0); |
|||
|
|||
var shadow = this.add.image(sx, y, "flood", "shadow"); |
|||
|
|||
shadow.setData("color", this.frames.indexOf(color)); |
|||
|
|||
shadow.setData("x", x); |
|||
|
|||
shadow.setData("monster", icon.monster); |
|||
|
|||
shadow.setOrigin(0); |
|||
|
|||
shadow.setInteractive(); |
|||
|
|||
icon.shadow = shadow; |
|||
} |
|||
|
|||
revealGrid() { |
|||
this.tweens.add({ |
|||
targets: this.gridBG, |
|||
y: 300, |
|||
ease: "Power3", |
|||
}); |
|||
|
|||
var i = 500; |
|||
|
|||
for (var y = 13; y >= 0; y--) { |
|||
for (var x = 0; x < 14; x++) { |
|||
var block = this.grid[x][y]; |
|||
|
|||
this.tweens.add({ |
|||
targets: block, |
|||
|
|||
y: block.getData("y"), |
|||
|
|||
ease: "Power3", |
|||
duration: 500, |
|||
delay: i, |
|||
}); |
|||
|
|||
i += 20; |
|||
} |
|||
} |
|||
|
|||
i -= 1000; |
|||
|
|||
// Icons
|
|||
this.tweens.add({ |
|||
targets: [this.icon1.shadow, this.icon1.monster], |
|||
x: this.icon1.shadow.getData("x"), |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
this.tweens.add({ |
|||
targets: [this.icon4.shadow, this.icon4.monster], |
|||
x: this.icon4.shadow.getData("x"), |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
i += 200; |
|||
|
|||
this.tweens.add({ |
|||
targets: [this.icon2.shadow, this.icon2.monster], |
|||
x: this.icon2.shadow.getData("x"), |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
this.tweens.add({ |
|||
targets: [this.icon5.shadow, this.icon5.monster], |
|||
x: this.icon5.shadow.getData("x"), |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
i += 200; |
|||
|
|||
this.tweens.add({ |
|||
targets: [this.icon3.shadow, this.icon3.monster], |
|||
x: this.icon3.shadow.getData("x"), |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
this.tweens.add({ |
|||
targets: [this.icon6.shadow, this.icon6.monster], |
|||
x: this.icon6.shadow.getData("x"), |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
// Text
|
|||
|
|||
this.tweens.add({ |
|||
targets: [this.text1, this.text2], |
|||
alpha: 1, |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
i += 500; |
|||
|
|||
var movesTween = this.tweens.addCounter({ |
|||
from: 0, |
|||
to: 25, |
|||
ease: "Power1", |
|||
onUpdate: function(tween, targets, text) { |
|||
text.setText( |
|||
Phaser.Utils.String.Pad(tween.getValue().toFixed(), 2, "0", 1) |
|||
); |
|||
}, |
|||
onUpdateParams: [this.text2], |
|||
delay: i, |
|||
}); |
|||
|
|||
i += 500; |
|||
|
|||
this.tweens.add({ |
|||
targets: [this.instructions, this.arrow], |
|||
alpha: 1, |
|||
ease: "Power3", |
|||
delay: i, |
|||
}); |
|||
|
|||
this.time.delayedCall(i, this.startInputEvents, [], this); |
|||
} |
|||
|
|||
startInputEvents() { |
|||
this.input.on("gameobjectover", this.onIconOver, this); |
|||
this.input.on("gameobjectout", this.onIconOut, this); |
|||
this.input.on("gameobjectdown", this.onIconDown, this); |
|||
|
|||
// Cheat mode :)
|
|||
|
|||
this.input.keyboard.on( |
|||
"keydown_M", |
|||
function() { |
|||
this.moves++; |
|||
this.text2.setText(Phaser.Utils.String.Pad(this.moves, 2, "0", 1)); |
|||
}, |
|||
this |
|||
); |
|||
|
|||
this.input.keyboard.on( |
|||
"keydown_X", |
|||
function() { |
|||
this.moves--; |
|||
this.text2.setText(Phaser.Utils.String.Pad(this.moves, 2, "0", 1)); |
|||
}, |
|||
this |
|||
); |
|||
} |
|||
|
|||
stopInputEvents() { |
|||
this.input.off("gameobjectover", this.onIconOver); |
|||
this.input.off("gameobjectout", this.onIconOut); |
|||
this.input.off("gameobjectdown", this.onIconDown); |
|||
} |
|||
|
|||
onIconOver(pointer, gameObject) { |
|||
var icon = gameObject; |
|||
|
|||
var newColor = icon.getData("color"); |
|||
|
|||
// Valid color?
|
|||
if (newColor !== this.currentColor) { |
|||
this.cursor.setFrame("cursor-over"); |
|||
} else { |
|||
this.cursor.setFrame("cursor-invalid"); |
|||
} |
|||
|
|||
this.cursor.setPosition(icon.x + icon.width / 2, icon.y + icon.height / 2); |
|||
if (this.cursorTween) { |
|||
this.cursorTween.stop(); |
|||
} |
|||
|
|||
this.cursor.setAlpha(1); |
|||
this.cursor.setVisible(true); |
|||
|
|||
// Change arrow color
|
|||
this.arrow.setFrame("arrow-" + this.frames[newColor]); |
|||
|
|||
// Jiggle the monster :)
|
|||
var monster = icon.getData("monster"); |
|||
|
|||
this.children.bringToTop(monster); |
|||
|
|||
this.monsterTween = this.tweens.add({ |
|||
targets: monster, |
|||
y: "-=24", |
|||
yoyo: true, |
|||
repeat: -1, |
|||
duration: 300, |
|||
ease: "Power2", |
|||
}); |
|||
} |
|||
|
|||
onIconOut(pointer, gameObject) { |
|||
// console.log(this.monsterTween.targets[0].y);
|
|||
|
|||
this.monsterTween.stop(0); |
|||
|
|||
gameObject.getData("monster").setY(gameObject.y); |
|||
|
|||
// console.log(this.monsterTween.targets[0].y);
|
|||
|
|||
this.cursorTween = this.tweens.add({ |
|||
targets: this.cursor, |
|||
alpha: 0, |
|||
duration: 300, |
|||
}); |
|||
|
|||
this.arrow.setFrame("arrow-white"); |
|||
} |
|||
|
|||
onIconDown(pointer, gameObject) { |
|||
if (!this.allowClick) { |
|||
return; |
|||
} |
|||
|
|||
var icon = gameObject; |
|||
|
|||
var newColor = icon.getData("color"); |
|||
|
|||
// Valid color?
|
|||
if (newColor === this.currentColor) { |
|||
return; |
|||
} |
|||
|
|||
var oldColor = this.grid[0][0].getData("color"); |
|||
|
|||
// console.log('starting flood from', oldColor, this.frames[oldColor], 'to', newColor, this.frames[newColor]);
|
|||
|
|||
if (oldColor !== newColor) { |
|||
this.currentColor = newColor; |
|||
|
|||
this.matched = []; |
|||
|
|||
if (this.monsterTween) { |
|||
this.monsterTween.stop(0); |
|||
} |
|||
|
|||
this.cursor.setVisible(false); |
|||
this.instructions.setVisible(false); |
|||
|
|||
this.moves--; |
|||
|
|||
this.text2.setText(Phaser.Utils.String.Pad(this.moves, 2, "0", 1)); |
|||
|
|||
this.floodFill(oldColor, newColor, 0, 0); |
|||
|
|||
if (this.matched.length > 0) { |
|||
this.startFlow(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
createEmitter(color) { |
|||
this.emitters[color] = this.particles.createEmitter({ |
|||
frame: color, |
|||
lifespan: 1000, |
|||
speed: { min: 300, max: 400 }, |
|||
alpha: { start: 1, end: 0 }, |
|||
scale: { start: 0.5, end: 0 }, |
|||
rotate: { start: 0, end: 360, ease: "Power2" }, |
|||
blendMode: "ADD", |
|||
on: false, |
|||
}); |
|||
} |
|||
|
|||
startFlow() { |
|||
this.matched.sort(function(a, b) { |
|||
var aDistance = Phaser.Math.Distance.Between(a.x, a.y, 166, 66); |
|||
var bDistance = Phaser.Math.Distance.Between(b.x, b.y, 166, 66); |
|||
|
|||
return aDistance - bDistance; |
|||
}); |
|||
|
|||
// Swap the sprites
|
|||
|
|||
var t = 0; |
|||
var inc = this.matched.length > 98 ? 6 : 12; |
|||
|
|||
this.allowClick = false; |
|||
|
|||
for (var i = 0; i < this.matched.length; i++) { |
|||
var block = this.matched[i]; |
|||
|
|||
var blockColor = this.frames[block.getData("color")]; |
|||
var oldBlockColor = this.frames[block.getData("oldColor")]; |
|||
|
|||
var emitter = this.emitters[oldBlockColor]; |
|||
|
|||
this.time.delayedCall( |
|||
t, |
|||
function(block, blockColor) { |
|||
block.setFrame(blockColor); |
|||
|
|||
emitter.explode(6, block.x, block.y); |
|||
}, |
|||
[block, blockColor, emitter] |
|||
); |
|||
|
|||
t += inc; |
|||
} |
|||
|
|||
this.time.delayedCall( |
|||
t, |
|||
function() { |
|||
this.allowClick = true; |
|||
|
|||
if (this.checkWon()) { |
|||
this.gameWon(); |
|||
} else if (this.moves === 0) { |
|||
this.gameLost(); |
|||
} |
|||
}, |
|||
[], |
|||
this |
|||
); |
|||
} |
|||
|
|||
checkWon() { |
|||
var topLeft = this.grid[0][0].getData("color"); |
|||
|
|||
for (var x = 0; x < 14; x++) { |
|||
for (var y = 0; y < 14; y++) { |
|||
if (this.grid[x][y].getData("color") !== topLeft) { |
|||
return false; |
|||
} |
|||
} |
|||
} |
|||
|
|||
return true; |
|||
} |
|||
|
|||
clearGrid() { |
|||
// Hide everything :)
|
|||
|
|||
this.tweens.add({ |
|||
targets: [ |
|||
this.icon1.monster, |
|||
this.icon1.shadow, |
|||
this.icon2.monster, |
|||
this.icon2.shadow, |
|||
this.icon3.monster, |
|||
this.icon3.shadow, |
|||
this.icon4.monster, |
|||
this.icon4.shadow, |
|||
this.icon5.monster, |
|||
this.icon5.shadow, |
|||
this.icon6.monster, |
|||
this.icon6.shadow, |
|||
this.arrow, |
|||
this.cursor, |
|||
], |
|||
alpha: 0, |
|||
duration: 500, |
|||
delay: 500, |
|||
}); |
|||
|
|||
var i = 500; |
|||
|
|||
for (var y = 13; y >= 0; y--) { |
|||
for (var x = 0; x < 14; x++) { |
|||
var block = this.grid[x][y]; |
|||
|
|||
this.tweens.add({ |
|||
targets: block, |
|||
|
|||
scaleX: 0, |
|||
scaleY: 0, |
|||
|
|||
ease: "Power3", |
|||
duration: 800, |
|||
delay: i, |
|||
}); |
|||
|
|||
i += 10; |
|||
} |
|||
} |
|||
|
|||
return i; |
|||
} |
|||
|
|||
gameLost() { |
|||
this.stopInputEvents(); |
|||
|
|||
this.text1.setText("Lost!"); |
|||
this.text2.setText(":("); |
|||
|
|||
var i = this.clearGrid(); |
|||
|
|||
this.text3.setAlpha(0); |
|||
this.text3.setVisible(true); |
|||
|
|||
this.tweens.add({ |
|||
targets: this.text3, |
|||
alpha: 1, |
|||
duration: 1000, |
|||
delay: i, |
|||
}); |
|||
|
|||
this.input.once("pointerdown", this.resetGame, this); |
|||
} |
|||
|
|||
resetGame() { |
|||
this.text1.setText("Moves"); |
|||
this.text2.setText("00"); |
|||
this.text3.setVisible(false); |
|||
|
|||
// Show everything :)
|
|||
|
|||
this.arrow.setFrame("arrow-white"); |
|||
|
|||
this.tweens.add({ |
|||
targets: [ |
|||
this.icon1.monster, |
|||
this.icon1.shadow, |
|||
this.icon2.monster, |
|||
this.icon2.shadow, |
|||
this.icon3.monster, |
|||
this.icon3.shadow, |
|||
this.icon4.monster, |
|||
this.icon4.shadow, |
|||
this.icon5.monster, |
|||
this.icon5.shadow, |
|||
this.icon6.monster, |
|||
this.icon6.shadow, |
|||
this.arrow, |
|||
this.cursor, |
|||
], |
|||
alpha: 1, |
|||
duration: 500, |
|||
delay: 500, |
|||
}); |
|||
|
|||
var i = 500; |
|||
|
|||
for (var y = 13; y >= 0; y--) { |
|||
for (var x = 0; x < 14; x++) { |
|||
var block = this.grid[x][y]; |
|||
|
|||
// Set a new color
|
|||
var color = Phaser.Math.Between(0, 5); |
|||
|
|||
block.setFrame(this.frames[color]); |
|||
|
|||
block.setData("oldColor", color); |
|||
block.setData("color", color); |
|||
|
|||
this.tweens.add({ |
|||
targets: block, |
|||
|
|||
scaleX: 1, |
|||
scaleY: 1, |
|||
|
|||
ease: "Power3", |
|||
duration: 800, |
|||
delay: i, |
|||
}); |
|||
|
|||
i += 10; |
|||
} |
|||
} |
|||
|
|||
// Do a few floods just to make it a little easier starting off
|
|||
this.helpFlood(); |
|||
|
|||
for (var i = 0; i < this.matched.length; i++) { |
|||
var block = this.matched[i]; |
|||
|
|||
block.setFrame(this.frames[block.getData("color")]); |
|||
} |
|||
|
|||
this.currentColor = this.grid[0][0].getData("color"); |
|||
|
|||
var movesTween = this.tweens.addCounter({ |
|||
from: 0, |
|||
to: 25, |
|||
ease: "Power1", |
|||
onUpdate: function(tween, targets, text) { |
|||
text.setText( |
|||
Phaser.Utils.String.Pad(tween.getValue().toFixed(), 2, "0", 1) |
|||
); |
|||
}, |
|||
onUpdateParams: [this.text2], |
|||
delay: i, |
|||
}); |
|||
|
|||
this.moves = 25; |
|||
|
|||
this.time.delayedCall(i, this.startInputEvents, [], this); |
|||
} |
|||
|
|||
gameWon() { |
|||
this.stopInputEvents(); |
|||
|
|||
this.text1.setText("Won!!"); |
|||
this.text2.setText(":)"); |
|||
|
|||
var i = this.clearGrid(); |
|||
|
|||
// Put the winning monster in the middle
|
|||
|
|||
var monster = this.add.image( |
|||
400, |
|||
300, |
|||
"flood", |
|||
"icon-" + this.frames[this.currentColor] |
|||
); |
|||
|
|||
monster.setScale(0); |
|||
|
|||
this.tweens.add({ |
|||
targets: monster, |
|||
scaleX: 4, |
|||
scaleY: 4, |
|||
angle: 360 * 4, |
|||
duration: 1000, |
|||
delay: i, |
|||
}); |
|||
|
|||
this.time.delayedCall(2000, this.boom, [], this); |
|||
} |
|||
|
|||
boom() { |
|||
var color = Phaser.Math.RND.pick(this.frames); |
|||
|
|||
this.emitters[color].explode( |
|||
8, |
|||
Phaser.Math.Between(128, 672), |
|||
Phaser.Math.Between(28, 572) |
|||
); |
|||
|
|||
color = Phaser.Math.RND.pick(this.frames); |
|||
|
|||
this.emitters[color].explode( |
|||
8, |
|||
Phaser.Math.Between(128, 672), |
|||
Phaser.Math.Between(28, 572) |
|||
); |
|||
|
|||
this.time.delayedCall(100, this.boom, [], this); |
|||
} |
|||
//调低难度中间放一些相同颜色的
|
|||
floodFill(oldColor, newColor, x, y) { |
|||
if ( |
|||
oldColor === newColor || |
|||
this.grid[x][y].getData("color") !== oldColor |
|||
) { |
|||
return; |
|||
} |
|||
|
|||
this.grid[x][y].setData("oldColor", oldColor); |
|||
this.grid[x][y].setData("color", newColor); |
|||
|
|||
if (this.matched.indexOf(this.grid[x][y]) === -1) { |
|||
this.matched.push(this.grid[x][y]); |
|||
} |
|||
|
|||
if (x > 0) { |
|||
this.floodFill(oldColor, newColor, x - 1, y); |
|||
} |
|||
|
|||
if (x < 13) { |
|||
this.floodFill(oldColor, newColor, x + 1, y); |
|||
} |
|||
|
|||
if (y > 0) { |
|||
this.floodFill(oldColor, newColor, x, y - 1); |
|||
} |
|||
|
|||
if (y < 13) { |
|||
this.floodFill(oldColor, newColor, x, y + 1); |
|||
} |
|||
} |
|||
} |
|||
|
|||
export default PlayScene; |
|||
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,125 @@ |
|||
{ |
|||
"textures": [ |
|||
{ |
|||
"image": "a.png", |
|||
"format": "RGBA8888", |
|||
"size": { |
|||
"w": 535, |
|||
"h": 107 |
|||
}, |
|||
"scale": 1, |
|||
"frames": [ |
|||
{ |
|||
"filename": "1.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"frame": { |
|||
"x": 1, |
|||
"y": 1, |
|||
"w": 105, |
|||
"h": 105 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "2.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"frame": { |
|||
"x": 108, |
|||
"y": 1, |
|||
"w": 105, |
|||
"h": 105 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "3.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"frame": { |
|||
"x": 215, |
|||
"y": 1, |
|||
"w": 105, |
|||
"h": 105 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "4.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"frame": { |
|||
"x": 322, |
|||
"y": 1, |
|||
"w": 105, |
|||
"h": 105 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "5.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 105, |
|||
"h": 105 |
|||
}, |
|||
"frame": { |
|||
"x": 429, |
|||
"y": 1, |
|||
"w": 105, |
|||
"h": 105 |
|||
} |
|||
} |
|||
] |
|||
} |
|||
], |
|||
"meta": { |
|||
"app": "https://www.codeandweb.com/texturepacker", |
|||
"version": "3.0", |
|||
"smartupdate": "$TexturePacker:SmartUpdate:ebd240980a740d94d2fdd16bdeefc610:50d42e55d80513b21b41588cfbb29433:bf9645bc287ef85d0bf835d4803a79ae$" |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 418 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 41 KiB |
@ -0,0 +1,40 @@ |
|||
import Phaser from "phaser"; |
|||
import Rect from "./scenes/Rect"; |
|||
|
|||
function launch({ containerId, onLose }) { |
|||
const container = document.getElementById(containerId); |
|||
const width = container.clientWidth; |
|||
const height = container.clientHeight; |
|||
|
|||
const game = new Phaser.Game({ |
|||
type: Phaser.AUTO, |
|||
width, |
|||
height, |
|||
parent: containerId, |
|||
physics: { |
|||
default: "arcade", |
|||
arcade: { |
|||
//gravity: { y: 300 },
|
|||
debug: false, |
|||
}, |
|||
}, |
|||
scale: { |
|||
mode: Phaser.Scale.FIT, |
|||
autoCenter: Phaser.Scale.CENTER_BOTH, |
|||
parent: containerId, |
|||
width: 1080, |
|||
height: 1080, |
|||
}, |
|||
scene: Rect, |
|||
}); |
|||
Object.assign(game, { |
|||
onLose, |
|||
restart() { |
|||
this.scene.scenes[0].scene.start("Rect"); |
|||
}, |
|||
}); |
|||
return game; |
|||
} |
|||
|
|||
export default launch; |
|||
export { launch }; |
|||
@ -0,0 +1,297 @@ |
|||
import Phaser from "phaser"; |
|||
import tiles from "../assets/a.png"; |
|||
import bg from "../assets/bg.jpg"; |
|||
import gridTile from "../assets/gridTile.png"; |
|||
/** |
|||
*博客 |
|||
* https://www.emanueleferonato.com/2020/04/17/html5-prototype-of-bricks-hyper-casual-game-with-phaser-and-arcade-physics-step-2-adding-score/
|
|||
*/ |
|||
const gameWidth = 927; |
|||
const tileSpace = 3; |
|||
const offsetLeft = (1080 - gameWidth) / 2; |
|||
export default class Rect extends Phaser.Scene { |
|||
constructor() { |
|||
super({ key: "Rect" }); |
|||
this.gameOptions = { |
|||
// number of columns
|
|||
columns: 9, |
|||
|
|||
// number of rows, must be high enough to allow object pooling
|
|||
rows: 20, |
|||
|
|||
// tile speed in pixels per second
|
|||
tileSpeed: 100, |
|||
}; |
|||
} |
|||
preload() { |
|||
this.load.image("bg", bg); |
|||
this.load.image("gridTile", gridTile); |
|||
this.load.spritesheet("tiles", tiles, { |
|||
frameWidth: 107, |
|||
frameHeight: 107, |
|||
}); |
|||
} |
|||
create() { |
|||
this.bg = this.add.image( |
|||
this.game.config.width / 2, |
|||
this.game.config.height / 2, |
|||
"bg" |
|||
); |
|||
this.bg.displayWidth = this.game.config.width; |
|||
this.bg.displayHeight = this.game.config.height; |
|||
// physics group which manages all tiles in game
|
|||
this.tileGroup = this.physics.add.group(); |
|||
|
|||
// determining tile size according to game width and columns
|
|||
this.tileSize = |
|||
(gameWidth - tileSpace * (this.gameOptions.columns - 1)) / |
|||
this.gameOptions.columns; |
|||
|
|||
// time to add tiles to the game
|
|||
for (let i = 0; i < this.gameOptions.rows; i++) { |
|||
// build an array with integers between 0 and this.gameOptions.columns - 1: [0, 1, 2, ..., this.gameOptions.columns - 1]
|
|||
let values = Phaser.Utils.Array.NumberArray( |
|||
0, |
|||
this.gameOptions.columns - 1 |
|||
); |
|||
|
|||
// then we shuffle the array
|
|||
Phaser.Utils.Array.Shuffle(values); |
|||
|
|||
// save middle column color of first row
|
|||
if (i == 0) { |
|||
var middleColor = values[Math.floor(this.gameOptions.columns / 2)]; |
|||
} |
|||
|
|||
// now we place the tiles, row by row
|
|||
for (let j = 0; j < this.gameOptions.columns; j++) { |
|||
// add a tile. Tile frame is set according to "values" shuffled array
|
|||
let tile = this.tileGroup.create( |
|||
offsetLeft + j * this.tileSize, |
|||
i * this.tileSize + (this.game.config.height / 4) * 3, |
|||
"tiles", |
|||
values[j] |
|||
); |
|||
|
|||
// call adjustTile method to adjust tile origin and display size
|
|||
this.adjustTile(tile); |
|||
} |
|||
} |
|||
|
|||
// let's build once again an array with integers between 0 and this.gameOptions.columns - 1
|
|||
let values = Phaser.Utils.Array.NumberArray( |
|||
0, |
|||
this.gameOptions.columns - 1 |
|||
); |
|||
|
|||
// remove the item at "middlecolor" position because we don't want it to be randomly selected
|
|||
values.splice(middleColor, 1); |
|||
|
|||
// add the player to the this.this.game. Player color is picked amoung "values" array items, which does not contain anymore "middlecolor" value
|
|||
this.player = this.tileGroup.create( |
|||
offsetLeft + this.tileSize * Math.floor(this.gameOptions.columns / 2), |
|||
(this.game.config.height / 4) * 3 - this.tileSize, |
|||
"tiles", |
|||
Phaser.Utils.Array.GetRandom(values) |
|||
); |
|||
|
|||
// adjust player origin and display size
|
|||
this.adjustTile(this.player); |
|||
|
|||
// the score
|
|||
this.score = 0; |
|||
|
|||
// add score text
|
|||
this.scoreText = this.add.text(0, 0, "0", { |
|||
fontFamily: "Arial Black", |
|||
fontSize: this.tileSize / 3, |
|||
color: "#ffffff", |
|||
}); |
|||
|
|||
// set a stroke to score text
|
|||
this.scoreText.setStroke("#000000", this.tileSize / 6); |
|||
|
|||
// method to adjust score position
|
|||
this.adjustScorePosition(); |
|||
|
|||
// move entire tile group up by this.gameOptions.tileSpeed pixels / second
|
|||
this.tileGroup.setVelocityY(-this.gameOptions.tileSpeed); |
|||
|
|||
// can the player move? Yes, at the moment
|
|||
this.canMove = true; |
|||
|
|||
// did we match any tile? No, at the moment
|
|||
this.matched = false; |
|||
|
|||
// wait for player input
|
|||
this.input.off("pointerdown"); |
|||
this.input.on("pointerdown", this.moveTile, this); |
|||
} |
|||
// method to be executed at each frame
|
|||
update() { |
|||
// if the player touches the top of the screen...
|
|||
if (this.player.y < 200) { |
|||
// gmae over man, restart the this.game
|
|||
//this.scene.start("Rect");
|
|||
//this.scene.stop
|
|||
this.tileGroup.setVelocityY(0); |
|||
this.input.off("pointerdown"); |
|||
this.input.on( |
|||
"pointerdown", |
|||
function () { |
|||
this.scene.start("Rect"); |
|||
}, |
|||
this |
|||
); |
|||
} else { |
|||
// we need to adjust score position at each frame
|
|||
this.adjustScorePosition(); |
|||
} |
|||
} |
|||
// method to set tile origin and display size
|
|||
adjustTile(sprite) { |
|||
// set origin at the top left corner
|
|||
sprite.setOrigin(0); |
|||
|
|||
// set display width and height to "tileSize" pixels
|
|||
sprite.displayWidth = this.tileSize; |
|||
sprite.displayHeight = this.tileSize; |
|||
} |
|||
|
|||
// method to adjust score position
|
|||
adjustScorePosition() { |
|||
// adjust score position according to its bounding box and player position
|
|||
this.scoreText.x = |
|||
this.player.x + (this.tileSize - this.scoreText.getBounds().width) / 2; |
|||
this.scoreText.y = |
|||
this.player.y + (this.tileSize - this.scoreText.getBounds().height) / 2; |
|||
} |
|||
|
|||
// method to move player tile
|
|||
moveTile(pointer) { |
|||
// if we can move...
|
|||
if (this.canMove) { |
|||
// determine column according to input coordinate and tile size
|
|||
let column = Math.floor((pointer.x - offsetLeft) / this.tileSize); |
|||
|
|||
// get the ditance from current player tile and destination
|
|||
let distance = Math.floor( |
|||
Math.abs(column * this.tileSize - this.player.x) / this.tileSize |
|||
); |
|||
|
|||
// did we actually move?
|
|||
if (distance > 0) { |
|||
// we can't move anymore
|
|||
this.canMove = false; |
|||
|
|||
// tween the player to destination tile
|
|||
this.tweens.add({ |
|||
targets: [this.player], |
|||
x: offsetLeft + column * this.tileSize, |
|||
duration: distance * 30, |
|||
callbackScope: this, |
|||
onComplete: function () { |
|||
// at the end of the tween, check for tile match
|
|||
this.checkMatch(); |
|||
}, |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// method to check tile matches
|
|||
checkMatch() { |
|||
// get tile below player tile
|
|||
let tileBelow = this.physics.overlapRect( |
|||
this.player.x + this.tileSize / 2, |
|||
this.player.y + this.tileSize * 1.5, |
|||
1, |
|||
1 |
|||
); |
|||
|
|||
// "tileBelow" is an array so we have to compare the first - and only - item frame with player frame. Are the two frames the same?
|
|||
if (tileBelow[0].gameObject.frame.name == this.player.frame.name) { |
|||
// we have a match
|
|||
this.matched = true; |
|||
|
|||
// check the whole row below player tile
|
|||
let rowBelow = this.physics.overlapRect( |
|||
0, |
|||
this.player.y + this.tileSize * 1.5, |
|||
gameWidth, |
|||
1 |
|||
); |
|||
|
|||
// tween down the player
|
|||
this.tweens.add({ |
|||
targets: [this.player], |
|||
y: tileBelow[0].gameObject.y, |
|||
duration: 100, |
|||
callbackScope: this, |
|||
onUpdate: function (tween, target) { |
|||
// at each update, we have to adjust player position because tiles continue moving up
|
|||
this.player.y = Math.min(this.player.y, tileBelow[0].gameObject.y); |
|||
}, |
|||
|
|||
// at the end of the tween, we have to move the row at the bottom, to reuse sprites
|
|||
onComplete: function () { |
|||
// increment score
|
|||
this.score++; |
|||
|
|||
// update score text
|
|||
this.scoreText.setText(this.score); |
|||
|
|||
// the good old array with all integers from zero to this.gameOptions.columns - 1
|
|||
let values = Phaser.Utils.Array.NumberArray( |
|||
0, |
|||
this.gameOptions.columns - 1 |
|||
); |
|||
|
|||
// let's shuffle the array
|
|||
Phaser.Utils.Array.Shuffle(values); |
|||
|
|||
// place all tiles below the lowest row
|
|||
for (let i = 0; i < this.gameOptions.columns; i++) { |
|||
rowBelow[i].gameObject.setFrame(values[i]); |
|||
rowBelow[i].gameObject.y += this.tileSize * this.gameOptions.rows; |
|||
} |
|||
|
|||
// check for matches again, there could be a combo
|
|||
this.checkMatch(); |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
// what to do when player moved but there isn't any match?
|
|||
else { |
|||
// we can move again
|
|||
this.canMove = true; |
|||
|
|||
// is there a previous match? Did we come here from a previous match?
|
|||
if (this.matched) { |
|||
// no more matches
|
|||
this.matched = false; |
|||
|
|||
// get the tile below the player
|
|||
let tileBelow = this.physics.overlapRect( |
|||
this.player.x + this.tileSize / 2, |
|||
this.player.y + this.tileSize * 1.5, |
|||
1, |
|||
1 |
|||
); |
|||
|
|||
// the good old array with all integers from zero to this.gameOptions.columns - 1
|
|||
let values = Phaser.Utils.Array.NumberArray( |
|||
0, |
|||
this.gameOptions.columns - 1 |
|||
); |
|||
|
|||
// remove the item at "frame" value of tile below the player pbecause we don't want it to be randomly selected
|
|||
values.splice(tileBelow[0].gameObject.frame.name, 1); |
|||
|
|||
// change player frame
|
|||
this.player.setFrame(Phaser.Utils.Array.GetRandom(values)); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 1000 B |
@ -0,0 +1,272 @@ |
|||
{ |
|||
"textures": [ |
|||
{ |
|||
"image": "tiles.png", |
|||
"format": "RGBA8888", |
|||
"size": { |
|||
"w": 1032, |
|||
"h": 344 |
|||
}, |
|||
"scale": 1, |
|||
"frames": [ |
|||
{ |
|||
"filename": "1024.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 1, |
|||
"y": 1, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "128.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 1, |
|||
"y": 173, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "16.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 173, |
|||
"y": 1, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "2.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 173, |
|||
"y": 173, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "2048.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 345, |
|||
"y": 1, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "256.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 345, |
|||
"y": 173, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "32.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 517, |
|||
"y": 1, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "4.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 517, |
|||
"y": 173, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "4096.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 689, |
|||
"y": 1, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "512.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 689, |
|||
"y": 173, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "64.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 861, |
|||
"y": 1, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
}, |
|||
{ |
|||
"filename": "8.png", |
|||
"rotated": false, |
|||
"trimmed": false, |
|||
"sourceSize": { |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"spriteSourceSize": { |
|||
"x": 0, |
|||
"y": 0, |
|||
"w": 170, |
|||
"h": 170 |
|||
}, |
|||
"frame": { |
|||
"x": 861, |
|||
"y": 173, |
|||
"w": 170, |
|||
"h": 170 |
|||
} |
|||
} |
|||
] |
|||
} |
|||
], |
|||
"meta": { |
|||
"app": "https://www.codeandweb.com/texturepacker", |
|||
"version": "3.0", |
|||
"smartupdate": "$TexturePacker:SmartUpdate:1decd60200dc4068e266e6923d085e4b:41886a3440c847ce1263cc40cb4306a2:accbe1e7e294ded8391337fc1c446319$" |
|||
} |
|||
} |
|||
|
After Width: | Height: | Size: 10 KiB |
Loading…
Reference in new issue