<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>俄罗斯方块</title>
<style>
*{
padding: 0;
margin:0;
}
#game{
/*
display: flex;
justify-content: center;
align-items: center;
*/
width: 100%;
height: 48em;
background-color: #303030;
}
h1{
font-size: 6em;
color: #900102;
text-align: center;
}
#body{
display: flex;
justify-content: center;
align-items: center;
margin-top: 1.5%;
}
canvas{
background-color:#A5A5A5;
float: left;
}
.rules{
width: 200px;
height: 600px;
background-color: #FFD;
}
.rules #score{
width: inherit;
height: 30%;
text-align: center;
font-size: 1.6rem;
font-weight: 400;
color: #089;
border-bottom: solid 2px #000;
background: #FFF;
}
.rules #score div{
width: 80%;
height: 80%;
color: #089;
line-height: 144px;
text-align: center;
}
.rules li{
list-style: none;
}
.menu{
padding-top: 10%;
}
.menu li svg{
width: 60px;
height: 20px;
}
.rules #btn{
background-color: #fef004;
text-align: center;
font-size: 1.4rem;
font-weight: 300;
width: 70%;
height: 10%;
margin-top: 25%;
margin-left: 15%;
border: none;
outline: none;
}
.rules #btn:hover{ /*添加阴影*/
box-shadow: 5px 5px 10px #333333;
transition: 0.4s; /*0.4s的过渡时间*/
}
</style>
</head>
<body>
<div id="game">
<h1>俄罗斯方块</h1>
<div id="body">
<canvas width="400" height="600"></canvas>
<div class="rules">
<div id="score">分数
<div id="num">0</div>
</div>
<ul class="menu">
<li>
<svg t="1586184914085" class="icon" viewBox="0 0 1812 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1787" width="200" height="200"><path d="M1004.547518 878.749457H119.169578C77.545542 878.749457 43.436957 844.785399 43.436957 803.161363l4.191309-389.358174c0-41.913092 30.061804-76.310733 72.119424-76.310733H1004.547518c41.624036 0 75.732622 34.108585 75.732622 75.732622v389.936285c0 41.624036-34.108585 75.588094-75.732622 75.588094z" fill="#C46722" p-id="1788"></path><path d="M1004.547518 880.917375H119.169578c-42.924787 0-77.756012-34.831225-77.756012-77.756012l4.191309-389.358174c0-44.659122 31.940667-78.478652 74.142815-78.478651H1004.547518c42.924787 0 77.756012 34.831225 77.756012 77.756012v389.936285c0 43.069315-34.831225 77.90054-77.756012 77.90054zM119.74769 339.515847c-39.889701 0-69.951506 31.940667-69.951506 74.142815L45.604875 803.161363c0 40.467813 32.952362 73.564703 73.564703 73.564703H1004.547518c40.612341 0 73.564703-32.952362 73.564703-73.564703V413.08055c0-40.612341-32.952362-73.564703-73.564703-73.564703H119.74769z" fill="#6D2C00" p-id="1789"></path><path d="M1005.12563 822.094518H122.638248C79.857988 822.094518 44.882236 787.118765 44.882236 744.338506V382.874218c0-56.221355 45.959873-102.181228 102.181228-102.181228H981.423053c55.209659 0 100.302365 45.092706 100.302366 100.302365v364.499374c0 42.202148-34.542169 76.599789-76.599789 76.599789z" fill="#F5B743" p-id="1790"></path><path d="M1005.992797 824.262437H120.614857C77.69007 824.262437 42.858845 789.431212 42.858845 746.506424V380.850827c0-56.365883 45.815346-102.181228 102.181228-102.181228h840.429762c54.342492 0 98.423503 44.225539 98.423502 98.423503V746.506424c-0.144528 42.78026-34.975753 77.756012-77.90054 77.756013zM145.040073 282.860908C90.986637 282.860908 47.050154 326.797391 47.050154 380.850827v365.655597c0 40.612341 32.952362 73.564703 73.564703 73.564703H1005.992797c40.612341 0 73.564703-32.952362 73.564703-73.564703V377.093102c0-51.885518-42.202148-94.232193-94.232193-94.232194H145.040073z" fill="#CC8B23" p-id="1791"></path><path d="M194.468616 1024c-47.405153 0-92.064275-18.210516-126.028332-51.451934-34.397641-33.675002-53.475324-78.767708-54.053436-126.750972-1.011695-99.29067 79.056763-180.804408 178.347433-181.816103 99.29067-0.867167 180.804408 79.056763 181.816104 178.347434 0.433584 48.127792-17.776932 93.509554-51.451934 127.762667-33.675002 34.397641-78.767708 53.475324-126.750972 53.908908h-1.878863z m-1.300751-330.535316C110.208848 694.331851 43.436957 762.404494 44.159596 845.363511c0.433584 40.178757 16.331653 77.756012 45.092706 105.938953 28.327469 27.749358 65.615668 43.069315 105.216314 43.069316h1.445279c40.178757-0.433584 77.756012-16.331653 105.938954-45.092706s43.358371-66.627364 43.069315-106.806121c-0.867167-82.380905-68.072643-148.863741-150.30902-148.863741-0.578112-0.144528-1.011695-0.144528-1.445279-0.144528z" fill="#E07832" opacity=".5" p-id="1792"></path><path d="M1006.281853 705.171444c-2.890558 0-5.636588-0.867167-8.093563-2.456975-4.769421-3.035086-7.370923-8.527146-6.648283-14.163734l10.116953-84.11524-63.44775-55.932299c-4.191309-3.757726-5.925644-9.538842-4.480365-15.030902s5.925644-9.538842 11.417705-10.695065l83.103544-16.331653 33.530474-77.756012c2.312446-5.203005 7.226395-8.671674 12.862984-8.960731 5.636588-0.289056 10.984121 2.601502 13.73015 7.659979l41.190453 73.853759 84.259768 7.949035c5.636588 0.578112 10.406009 4.191309 12.4294 9.538842 2.023391 5.347532 0.867167 11.273177-3.035086 15.319958l-57.377578 62.146998 18.499572 82.669961c1.300751 5.49206-0.72264 11.273177-5.203005 14.741847-4.335837 3.46867-10.406009 4.335837-15.609014 1.878862l-76.888844-35.553864-72.842064 43.069315c-2.167919 1.445279-4.913949 2.167919-7.515451 2.167919z m-25.870495-158.980695l46.827041 41.190453c3.613198 3.179614 5.49206 8.093563 4.913949 12.862984l-7.370923 62.00247 53.619852-31.796139c4.191309-2.456974 9.394314-2.74603 13.730151-0.722639l56.654938 26.159551-13.585623-60.846248c-1.011695-4.769421 0.289056-9.68337 3.613198-13.296567l42.491204-45.670818-62.146999-5.781116c-4.913949-0.433584-9.249786-3.324142-11.562232-7.515451l-30.35086-54.48702L1052.241726 525.378731c-1.878863 4.480365-5.925644 7.659979-10.695065 8.671675l-61.135303 12.140343z" fill="#DD7936" opacity=".5" p-id="1793"></path><path d="M961.911786 750.408678H178.136963c-42.05762 0-76.455261-34.397641-76.455261-76.455261V273.177539c0-14.308262 11.70676-26.015023 26.015023-26.015023h884.6553c14.163735 0 25.725967 11.562232 25.725967 25.725967V674.242472c0 41.913092-34.253113 76.166205-76.166206 76.166206z" fill="#DF7A08" p-id="1794"></path><path d="M962.34537 752.576596H177.269796c-42.924787 0-77.756012-34.831225-77.756013-77.756012V323.473249C99.513783 280.259406 134.634064 244.994598 177.992435 244.994598h784.497463c42.924787 0 77.756012 34.831225 77.756012 77.756012v351.925446c0 43.069315-34.975753 77.90054-77.90054 77.90054zM177.992435 249.330435c-40.901397 0-74.142815 33.241418-74.142815 74.142814v351.347335c0 40.612341 32.952362 73.564703 73.564704 73.564703h785.075574c40.612341 0 73.564703-32.952362 73.564703-73.564703V322.895138c0-40.612341-32.952362-73.564703-73.564703-73.564703H177.992435z" fill="#B74D04" p-id="1795"></path><path d="M962.923482 699.679383H179.148658c-42.635732 0-77.466957-34.831225-77.466956-77.466956V293.845029C101.681702 240.225177 145.618185 196.288694 199.238037 196.288694h744.02965c52.174573 0 94.954833 42.78026 94.954833 94.954833v333.136819c-0.144528 41.479508-33.964057 75.299038-75.299038 75.299037z" fill="#FFD961" p-id="1796"></path><path d="M760.728944 697.511465l275.181129-1.445279v1.445279z" fill="#FFFF00" p-id="1797"></path><path d="M103.705093 695.632602l932.20498-4.769421v5.203005l-275.181129 1.445279H103.705093z" fill="#FFFE00" p-id="1798"></path><path d="M103.705093 690.28507l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FFFD01" p-id="1799"></path><path d="M103.705093 685.082065l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FFFC01" p-id="1800"></path><path d="M103.705093 679.734533l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FFFB01" p-id="1801"></path><path d="M103.705093 674.531528l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FFFA01" p-id="1802"></path><path d="M103.705093 669.328524l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FFF902" p-id="1803"></path><path d="M103.705093 663.980991l932.20498-4.769421v5.347533l-932.20498 4.769421z" fill="#FFF802" p-id="1804"></path><path d="M103.705093 658.777987l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FFF702" p-id="1805"></path><path d="M103.705093 653.430454l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FFF603" p-id="1806"></path><path d="M103.705093 648.22745l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FFF503" p-id="1807"></path><path d="M103.705093 642.879917l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FEF403" p-id="1808"></path><path d="M103.705093 637.676913l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FEF303" p-id="1809"></path><path d="M103.705093 632.473908l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FEF204" p-id="1810"></path><path d="M103.705093 627.126376l932.20498-4.769421v5.347532l-932.20498 4.769421z" fill="#FEF104" p-id="1811"></path><path d="M103.705093 621.923371l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FEF004" p-id="1812"></path><path d="M103.705093 616.575839l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FEEF05" p-id="1813"></path><path d="M103.705093 611.372834l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FEEE05" p-id="1814"></path><path d="M103.705093 606.025302l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FEED05" p-id="1815"></path><path d="M103.705093 600.822297l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FEEC05" p-id="1816"></path><path d="M103.705093 595.619293l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FEEB06" p-id="1817"></path><path d="M103.705093 590.27176l932.20498-4.769421v5.347533l-932.20498 4.769421z" fill="#FEEA06" p-id="1818"></path><path d="M103.705093 585.068756l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FEE906" p-id="1819"></path><path d="M103.705093 579.721223l932.20498-4.769421v5.347533l-932.20498 4.769421z" fill="#FEE807" p-id="1820"></path><path d="M103.705093 574.518219l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FEE707" p-id="1821"></path><path d="M103.705093 569.170686l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FEE607" p-id="1822"></path><path d="M103.705093 563.967682l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FEE507" p-id="1823"></path><path d="M103.705093 558.620149l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FEE408" p-id="1824"></path><path d="M103.705093 553.417145l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FEE308" p-id="1825"></path><path d="M103.705093 548.21414l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FEE208" p-id="1826"></path><path d="M103.705093 542.866608l932.20498-4.769421v5.347532l-932.20498 4.769421z" fill="#FEE109" p-id="1827"></path><path d="M103.705093 537.663603l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FDE009" p-id="1828"></path><path d="M103.705093 532.316071l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FDDF09" p-id="1829"></path><path d="M103.705093 527.113066l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FDDE09" p-id="1830"></path><path d="M103.705093 521.765534l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FDDD0A" p-id="1831"></path><path d="M103.705093 516.562529l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FDDC0A" p-id="1832"></path><path d="M103.705093 511.359525l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FDDB0A" p-id="1833"></path><path d="M103.705093 506.011992l932.20498-4.769421v5.347533l-932.20498 4.769421z" fill="#FDDA0B" p-id="1834"></path><path d="M103.705093 500.808988l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FDD90B" p-id="1835"></path><path d="M103.705093 495.461455l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FDD80B" p-id="1836"></path><path d="M103.705093 490.258451l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FDD70C" p-id="1837"></path><path d="M103.705093 484.910918l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FDD50C" p-id="1838"></path><path d="M103.705093 479.707914l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FDD40C" p-id="1839"></path><path d="M103.705093 474.504909l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FDD30C" p-id="1840"></path><path d="M103.705093 469.157377l932.20498-4.769421v5.347532l-932.20498 4.769421z" fill="#FDD20D" p-id="1841"></path><path d="M103.705093 463.954372l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FDD10D" p-id="1842"></path><path d="M103.705093 458.60684l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FDD00D" p-id="1843"></path><path d="M103.705093 453.403835l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FDCF0E" p-id="1844"></path><path d="M103.705093 448.056303l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FDCE0E" p-id="1845"></path><path d="M103.705093 442.853298l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FDCD0E" p-id="1846"></path><path d="M103.705093 437.650294l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FDCC0E" p-id="1847"></path><path d="M103.705093 432.302761l932.20498-4.769421v5.347533l-932.20498 4.769421z" fill="#FCCB0F" p-id="1848"></path><path d="M103.705093 427.099757l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FCCA0F" p-id="1849"></path><path d="M103.705093 421.752224l932.20498-4.769421v5.347533l-932.20498 4.769421z" fill="#FCC90F" p-id="1850"></path><path d="M103.705093 416.54922l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FCC810" p-id="1851"></path><path d="M103.705093 411.201687l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FCC710" p-id="1852"></path><path d="M103.705093 405.998683l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FCC610" p-id="1853"></path><path d="M103.705093 400.65115l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FCC510" p-id="1854"></path><path d="M103.705093 395.448146l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FCC411" p-id="1855"></path><path d="M103.705093 390.245141l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FCC311" p-id="1856"></path><path d="M103.705093 384.897609l932.20498-4.769421v5.347532l-932.20498 4.769421z" fill="#FCC211" p-id="1857"></path><path d="M103.705093 379.694604l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FCC112" p-id="1858"></path><path d="M103.705093 374.347072l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FCC012" p-id="1859"></path><path d="M103.705093 369.144067l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FCBF12" p-id="1860"></path><path d="M103.705093 363.796535l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FCBE12" p-id="1861"></path><path d="M103.705093 358.59353l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FCBD13" p-id="1862"></path><path d="M103.705093 353.390526l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FCBC13" p-id="1863"></path><path d="M103.705093 348.042993l932.20498-4.769421v5.347533l-932.20498 4.769421z" fill="#FCBB13" p-id="1864"></path><path d="M103.705093 342.839989l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FCBA14" p-id="1865"></path><path d="M103.705093 337.492456l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FCB914" p-id="1866"></path><path d="M103.705093 332.289452l932.20498-4.769421v5.347532L103.705093 337.492456z" fill="#FCB814" p-id="1867"></path><path d="M103.705093 326.941919l932.20498-4.624893v5.203005l-932.20498 4.769421z" fill="#FBB714" p-id="1868"></path><path d="M103.705093 321.738915l932.20498-4.769421v5.347532l-932.20498 4.624893z" fill="#FBB615" p-id="1869"></path><path d="M103.705093 316.53591l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FBB515" p-id="1870"></path><path d="M103.705093 311.188378l932.20498-4.769421v5.347532l-932.20498 4.769421z" fill="#FBB415" p-id="1871"></path><path d="M103.705093 305.985373l932.20498-4.769421v5.203005l-932.20498 4.769421z" fill="#FBB316" p-id="1872"></path><path d="M103.705093 300.637841l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FBB216" p-id="1873"></path><path d="M103.705093 295.434836l932.20498-4.769421v5.347533l-932.20498 4.624893z" fill="#FBB116" p-id="1874"></path><path d="M103.705093 290.087304l932.20498-4.624893v5.203004l-932.20498 4.769421z" fill="#FBB016" p-id="1875"></path><path d="M103.705093 284.884299l932.20498-4.769421V285.462411l-932.20498 4.624893z" fill="#FBAF17" p-id="1876"></path><path d="M103.705093 279.681295l932.20498-4.769421v5.203004l-932.20498 4.769421z" fill="#FBAE17" p-id="1877"></path><path d="M1035.910073 274.911874L103.705093 279.681295V198.456612h932.20498z" fill="#FBAE17" p-id="1878"></path><path d="M962.634426 701.702774l77.611484-0.289056v0.289056zM99.513783 700.835607l940.732127-4.769421v5.347532l-77.611484 0.289056H99.513783z" fill="#FFFF00" p-id="1879"></path><path d="M99.513783 695.632602l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FFFE00" p-id="1880"></path><path d="M99.513783 690.28507l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FFFD01" p-id="1881"></path><path d="M99.513783 685.082065l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FFFC01" p-id="1882"></path><path d="M99.513783 679.879061l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FFFB01" p-id="1883"></path><path d="M99.513783 674.531528l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FFFA01" p-id="1884"></path><path d="M99.513783 669.328524l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FFF902" p-id="1885"></path><path d="M99.513783 663.980991l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FFF802" p-id="1886"></path><path d="M99.513783 658.777987l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FFF702" p-id="1887"></path><path d="M99.513783 653.430454l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FFF603" p-id="1888"></path><path d="M99.513783 648.22745l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FFF503" p-id="1889"></path><path d="M99.513783 643.024445l940.732127-4.769421v5.203005L99.513783 648.22745z" fill="#FEF403" p-id="1890"></path><path d="M99.513783 637.676913l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FEF303" p-id="1891"></path><path d="M99.513783 632.473908l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FEF204" p-id="1892"></path><path d="M99.513783 627.126376l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FEF104" p-id="1893"></path><path d="M99.513783 621.923371l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FEF004" p-id="1894"></path><path d="M99.513783 616.575839l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FEEF05" p-id="1895"></path><path d="M99.513783 611.372834l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FEEE05" p-id="1896"></path><path d="M99.513783 606.16983l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FEED05" p-id="1897"></path><path d="M99.513783 600.822297l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FEEC05" p-id="1898"></path><path d="M99.513783 595.619293l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FEEB06" p-id="1899"></path><path d="M99.513783 590.27176l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FEEA06" p-id="1900"></path><path d="M99.513783 585.068756l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FEE906" p-id="1901"></path><path d="M99.513783 579.721223l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FEE807" p-id="1902"></path><path d="M99.513783 574.518219l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FEE707" p-id="1903"></path><path d="M99.513783 569.315214l940.732127-4.913949v5.347533L99.513783 574.518219z" fill="#FEE607" p-id="1904"></path><path d="M99.513783 563.967682l940.732127-4.769421v5.203004l-940.732127 4.913949z" fill="#FEE507" p-id="1905"></path><path d="M99.513783 558.764677l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FEE408" p-id="1906"></path><path d="M99.513783 553.417145l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FEE308" p-id="1907"></path><path d="M99.513783 548.21414l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FEE208" p-id="1908"></path><path d="M99.513783 542.866608l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FEE109" p-id="1909"></path><path d="M99.513783 537.663603l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FDE009" p-id="1910"></path><path d="M99.513783 532.316071l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FDDF09" p-id="1911"></path><path d="M99.513783 527.113066l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FDDE09" p-id="1912"></path><path d="M99.513783 521.910062l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FDDD0A" p-id="1913"></path><path d="M99.513783 516.562529l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FDDC0A" p-id="1914"></path><path d="M99.513783 511.359525l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FDDB0A" p-id="1915"></path><path d="M99.513783 506.011992l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FDDA0B" p-id="1916"></path><path d="M99.513783 500.808988l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FDD90B" p-id="1917"></path><path d="M99.513783 495.461455l940.732127-4.769421v5.347533L99.513783 500.808988z" fill="#FDD80B" p-id="1918"></path><path d="M99.513783 490.258451l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FDD70C" p-id="1919"></path><path d="M99.513783 485.055446l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FDD50C" p-id="1920"></path><path d="M99.513783 479.707914l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FDD40C" p-id="1921"></path><path d="M99.513783 474.504909l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FDD30C" p-id="1922"></path><path d="M99.513783 469.157377l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FDD20D" p-id="1923"></path><path d="M99.513783 463.954372l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FDD10D" p-id="1924"></path><path d="M99.513783 458.60684l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FDD00D" p-id="1925"></path><path d="M99.513783 453.403835l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FDCF0E" p-id="1926"></path><path d="M99.513783 448.200831l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FDCE0E" p-id="1927"></path><path d="M99.513783 442.853298l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FDCD0E" p-id="1928"></path><path d="M99.513783 437.650294l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FDCC0E" p-id="1929"></path><path d="M99.513783 432.302761l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FCCB0F" p-id="1930"></path><path d="M99.513783 427.099757l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FCCA0F" p-id="1931"></path><path d="M99.513783 421.752224l940.732127-4.769421v5.347533L99.513783 427.099757z" fill="#FCC90F" p-id="1932"></path><path d="M99.513783 416.54922l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FCC810" p-id="1933"></path><path d="M99.513783 411.346215l940.732127-4.913949v5.347533l-940.732127 4.769421z" fill="#FCC710" p-id="1934"></path><path d="M99.513783 405.998683l940.732127-4.769421v5.203004l-940.732127 4.913949z" fill="#FCC610" p-id="1935"></path><path d="M99.513783 400.795678l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FCC510" p-id="1936"></path><path d="M99.513783 395.448146l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FCC411" p-id="1937"></path><path d="M99.513783 390.245141l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FCC311" p-id="1938"></path><path d="M99.513783 384.897609l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FCC211" p-id="1939"></path><path d="M99.513783 379.694604l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FCC112" p-id="1940"></path><path d="M99.513783 374.347072l940.732127-4.769421v5.347532l-940.732127 4.769421z" fill="#FCC012" p-id="1941"></path><path d="M99.513783 369.144067l940.732127-4.769421v5.203005l-940.732127 4.769421z" fill="#FCBF12" p-id="1942"></path><path d="M99.513783 363.941063l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FCBE12" p-id="1943"></path><path d="M99.513783 358.59353l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FCBD13" p-id="1944"></path><path d="M99.513783 353.390526l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FCBC13" p-id="1945"></path><path d="M99.513783 348.042993l940.732127-4.769421v5.347533L99.513783 353.390526z" fill="#FCBB13" p-id="1946"></path><path d="M99.513783 342.839989l940.732127-4.769421v5.203004l-940.732127 4.769421z" fill="#FCBA14" p-id="1947"></path><path d="M99.513783 337.492456l940.732127-4.769421v5.347533l-940.732127 4.769421z" fill="#FCB914" p-id="1948"></path><path d="M99.513783 332.289452l940.732127-4.769421v5.203004L99.513783 337.492456z" fill="#FCB814" p-id="1949"></path><path d="M99.513783 327.086447l940.732127-4.769421v5.203005L99.513783 332.289452z" fill="#FBB714" p-id="1950"></path><path d="M99.513783 321.738915l940.732127-4.769421v5.347532L99.513783 327.086447z" fill="#FBB615" p-id="1951"></path><path d="M99.513783 316.53591l940.732127-4.769421v5.203005L99.513783 321.738915z" fill="#FBB515" p-id="1952"></path><path d="M99.513783 311.188378l940.732127-4.769421v5.347532L99.513783 316.53591z" fill="#FBB415" p-id="1953"></path><path d="M99.513783 305.985373l940.732127-4.769421v5.203005L99.513783 311.188378z" fill="#FBB316" p-id="1954"></path><path d="M99.513783 300.637841l940.732127-4.769421v5.347532L99.513783 305.985373z" fill="#FBB216" p-id="1955"></path><path d="M99.513783 295.434836l940.732127-4.769421v5.203005L99.513783 300.637841z" fill="#FBB116" p-id="1956"></path><path d="M99.513783 290.231832L1040.24591 285.462411v5.203004L99.513783 295.434836z" fill="#FBB016" p-id="1957"></path><path d="M99.513783 284.884299l940.732127-4.769421V285.462411L99.513783 290.231832z" fill="#FBAF17" p-id="1958"></path><path d="M99.513783 279.681295l940.732127-4.769421v5.203004L99.513783 284.884299zM99.513783 194.698887l96.111057-0.433584h844.62107v80.646571L99.513783 279.681295z" fill="#FBAE17" p-id="1959"></path><path d="M195.62484 194.265303l-96.111057 0.433584v-0.433584z" fill="#FBAE17" p-id="1960"></path><path d="M372.960578 649.239145L143.305738 581.166502c-2.167919-0.72264-4.624893 0.578112-5.203004 2.890558l-6.792812 22.979937c-0.72264 2.167919 0.578112 4.624893 2.890558 5.203005l229.510312 68.072642c2.167919 0.72264 4.624893-0.578112 5.203004-2.890558l6.792812-22.979936c0.72264-2.167919-0.578112-4.480365-2.74603-5.203005z" fill="#FF9136" opacity=".3" p-id="1961"></path><path d="M128.623143 261.894009a16.476181 33.675002 56.184 1 0 55.956342-37.482138 16.476181 33.675002 56.184 1 0-55.956342 37.482138Z" fill="#FFFFFF" p-id="1962"></path><path d="M1002.392324 803.81205a9.105258 33.675002 60 1 0 58.326814-33.675002 9.105258 33.675002 60 1 0-58.326814 33.675002Z" fill="#FFFFFF" opacity=".5" p-id="1963"></path><path d="M529.628826 211.175068L206.753488 234.588588V211.175068h322.875338z" fill="#FFFFFF" p-id="1964"></path><path d="M874.616932 582.900837H258.205422c-42.924787 0-77.90054-35.120281-77.90054-77.90054v-90.618996c0-48.994959 40.034229-89.173717 89.173716-89.173717h604.560223c49.139487 0 89.462773 40.178757 89.462772 89.462773v79.490347c-0.144528 48.850432-40.178757 88.740133-88.884661 88.740133z" fill="#FFA85A" opacity=".5" p-id="1965"></path><path d="M874.905988 585.068756H268.611431c-49.862127 0-90.474468-40.612341-90.474468-90.474468v-80.935626c0-49.862127 40.612341-90.474468 90.474468-90.474468h606.439085c49.862127 0 90.474468 40.612341 90.474468 90.474468v80.935626c-0.144528 49.862127-40.612341 90.474468-90.618996 90.474468zM268.611431 327.375503c-47.54968 0-86.283159 38.58895-86.283159 86.283159v80.935626c0 47.54968 38.58895 86.283159 86.283159 86.283158h608.028892c46.682513 0 84.548824-37.866311 84.548824-84.548823v-82.669961c0-47.54968-38.58895-86.283159-86.283159-86.283159H268.611431z" fill="#F2893B" opacity=".5" p-id="1966"></path><path d="M874.038821 584.201588H270.634822c-50.729294 0-92.353331-41.479508-92.353331-92.35333v-22.11277c0-9.538842 7.804507-17.343348 17.343349-17.343348h757.904328c4.335837 0 7.804507 3.46867 7.804507 7.804507v36.710087c0 47.983264-39.167062 87.294854-87.294854 87.294854z" fill="#D36922" p-id="1967"></path><path d="M873.027125 586.224979H266.58804c-49.862127 0-90.474468-40.612341-90.474468-90.474468v-26.015023c0-10.839593 8.816202-19.511267 19.511268-19.511267H951.072194c6.792811 0 12.4294 5.49206 12.429399 12.4294v33.09689c0 50.006655-40.612341 90.474468-90.474468 90.474468zM195.769367 454.560058c-8.382618 0-15.319958 6.937339-15.319957 15.319958v26.015023c0 47.54968 38.733478 86.283159 86.283158 86.283159H873.027125c47.54968 0 86.283159-38.733478 86.283159-86.283159v-33.09689c0-4.480365-3.613198-8.093563-8.093562-8.093563H195.769367z" fill="#A04400" p-id="1968"></path><path d="M979.255135 808.653423H656.524325l322.73081-11.562232z" fill="#FFFFFF" opacity=".5" p-id="1969"></path><path d="M194.757672 469.59096c8.382618-1.589807 16.620709-3.035086 24.569744-4.624893 1.011695-3.613198 2.167919-8.96073 3.757725-16.042597 4.913949-23.991632 8.671674-40.756869 11.128649-50.440238-9.394314 1.589807-18.6441 3.035086-27.60483 4.624893v-6.93734c37.721783-6.648284 80.068459-9.972425 126.8955-9.972425v-7.659979h15.609014v14.597318H326.711648c1.445279 16.765237 2.312446 37.721783 2.312447 62.72511 2.456974-0.433584 5.781116-0.433584 9.683369 0h4.480365v-6.937339h14.886375v13.730151H348.390834c-9.394314-0.433584-15.898069-0.433584-19.366739 0 0.433584 28.616525-0.289056 56.365883-2.312447 83.392601l-32.807834-3.035086c2.456974-26.015023 3.757726-52.319101 3.757726-78.767708-16.476181 0.578112-31.651611 1.589807-45.52629 3.035086-4.913949 30.061804-9.249786 56.365883-12.718456 78.767708l-32.807834-9.972426c2.456974-15.753542 6.503756-37.143671 11.995816-64.170389-8.527146 1.589807-16.476181 3.035086-23.847104 4.624893v-6.93734z m100.735949-75.732621c-3.035086 0-7.659979 0.289056-14.163734 0.722639-6.503756 0-11.417704 0.289056-14.886375 0.72264-4.480365 21.39013-8.671674 43.069315-12.718455 65.037556 13.441095-1.589807 28.038413-2.601502 44.081011-3.035085-0.144528-24.425216-0.867167-45.52629-2.312447-63.44775zM384.956394 422.185808c3.035086-1.589807 5.925644-2.601502 8.96073-3.035086 0.433584-2.601502 1.300751-6.359228 2.312446-11.417705 1.445279-7.081867 3.46867-16.765237 5.925644-29.050108l26.159551 3.757725c-0.433584 2.023391-1.300751 5.058477-2.167919 9.105258-0.433584 3.035086-2.312446 10.261481-5.203004 21.39013 0.433584 0 1.445279-0.289056 3.035086-0.72264h1.445279c15.464486 0 23.124465 6.359228 23.124464 19.077684-1.011695 20.956546-4.480365 39.745174-10.406009 56.654938 5.925644 6.070172 11.128649 11.417704 15.609014 16.042597l-17.92146 23.702577c-3.035086-4.046781-6.2147-7.659979-9.68337-10.695065-4.913949 9.249786-11.128649 18.6441-18.644099 28.327469l-23.124465-14.597318c8.96073-10.695065 16.476181-22.112769 22.401825-34.397641-5.49206-6.070172-13.007511-13.441095-22.401825-22.11277 2.023391-10.261481 4.769421-26.015023 8.238091-47.405152-0.433584 0-1.300751 0.289056-2.167919 0.722639-2.456974 1.011695-4.191309 1.734335-5.203004 2.312447v-7.659979z m26.15955 41.33498c2.456974 1.589807 4.769421 3.613198 6.648284 6.070172 4.480365-14.741846 6.648284-28.038413 6.648284-39.745173 0.433584-5.636588-1.300751-8.671674-5.203005-9.105258-3.46867 16.187125-6.2147 30.495388-8.093563 42.780259z m142.504514-18.355043l-29.050109 13.007511c-0.433584-2.023391-1.445279-4.624893-3.035086-7.659979-1.011695-3.613198-2.023391-6.070172-3.035086-7.659979-24.425216 3.613198-47.54968 8.671674-69.373394 15.319958 8.96073-28.038413 19.077683-54.342492 30.639916-78.767708l28.327469 10.695065c-9.394314 18.355044-16.909765 35.698392-22.401825 52.030046 12.4294-3.035086 22.401825-4.769421 29.772748-5.347533-4.046781-8.093563-8.238091-16.042597-12.718456-23.702576l26.882191-12.284872c6.070172 9.105258 14.019207 23.991632 23.991632 44.370067z m-70.963201 16.765236c0 2.601502 0.289056 5.058477 0.722639 7.659979 15.464486-5.058477 28.327469-7.370923 38.733479-6.937339 15.898069 0.578112 23.558048 7.370923 23.124464 20.66749-0.433584 12.718456-4.046781 27.749358-10.406009 45.092706h5.203005v4.624893c-33.385946 1.011695-59.256441 4.046781-77.611485 9.249786-4.046781-19.366739-6.937339-44.370067-8.96073-75.009982l29.194637-5.347533z m7.515451 68.072643h12.718455c7.515451-18.355044 11.70676-34.108585 12.718456-47.405152 0.433584-8.093563-3.035086-11.995816-10.406009-11.417705-8.527146 1.011695-15.609014 2.74603-21.679186 5.347533 1.878863 23.41352 4.191309 41.190453 6.648284 53.475324zM590.041489 471.903407l23.124465 8.382618c-4.046781 12.284872-8.238091 32.37425-12.718455 60.412664l-26.159551-11.417704c4.191309-15.898069 9.394314-34.975753 15.753541-57.377578z m2.312447-94.810305c10.406009 6.648284 18.933155 13.730151 25.436911 21.39013L599.869387 419.873361c-1.445279-1.589807-3.179614-3.324142-5.203005-5.347532-7.515451-8.093563-13.730151-14.019207-18.644099-17.632404l16.331653-19.800323z m0 45.092706c10.984121 8.093563 19.366739 15.609014 25.436911 22.112769l-17.198821 20.66749c-8.527146-9.105258-16.620709-16.620709-24.569743-22.112769l16.331653-20.66749z m64.893029 16.765237c12.4294-0.433584 18.6441 8.382618 18.644099 26.737662 0.433584 32.085195-2.167919 57.377578-8.23809 75.732622-0.433584 1.011695-1.011695 1.589807-1.445279 1.589807 0 0.433584-0.433584 0.289056-1.445279-0.72264-5.49206-6.648284-14.886374-12.718456-28.327469-18.355044-1.011695 9.68337-1.445279 16.331653-1.445279 19.944851l-25.436911-12.284872c2.456974-33.09689 7.226395-69.084338 14.163734-107.817816-5.925644 0.578112-10.984121 1.300751-14.886374 2.312446v-6.937339c8.382618-1.589807 16.909765-2.74603 25.436911-3.757726-0.433584-0.433584-1.011695-1.300751-1.445279-2.312446-6.503756-11.273177-11.128649-18.065988-14.163735-20.66749l21.679186-15.319958c4.913949 4.624893 11.70676 13.007511 20.089379 25.292383l-17.198821 11.417704c5.49206-1.011695 10.984121-1.589807 16.476181-1.589807v-6.070172h11.128649v8.382619c5.49206-13.296567 11.995816-25.725967 19.366739-37.432727l26.159551 9.972425c-1.011695 1.589807-2.456974 4.046781-4.480365 7.659979-3.46867 6.070172-5.925644 10.695065-7.515451 13.730151 4.480365-1.589807 10.695065-2.74603 18.644099-3.757726h2.312447v-6.070172h14.163734v11.417705c-14.45279 1.011695-27.60483 3.035086-39.600646 6.070172-0.433584 0.578112-1.011695 1.734335-1.445279 3.757725-3.035086 5.636588-4.913949 9.68337-5.925644 12.284872 8.96073-3.035086 16.909765-4.624893 23.847105-4.624893 8.96073 0.578112 13.730151 4.913949 14.163734 13.007512 0 6.070172-4.191309 14.741846-12.718455 26.015022 0.433584 0.578112 0.72264 1.300751 0.722639 2.312447 0.433584 1.011695 0.72264 1.734335 0.72264 2.312446 1.011695 0 2.74603-0.289056 5.203004-0.722639h4.480365v-6.93734h11.995816v13.007512c-6.937339 0-13.874679 0.578112-20.956546 1.589807 3.035086 13.730151 4.769421 25.292383 5.203005 34.397641 0 11.70676-1.445279 21.968241-4.480365 30.639915 0 1.589807-0.72264 2.312446-2.312447 2.312447-11.995816-6.648284-24.569744-11.70676-38.010839-15.319958V525.378731c6.937339 0 12.4294 0.289056 16.476182 0.72264 0.433584-2.601502 0.72264-7.370923 0.722639-14.597319 0-9.68337-1.011695-19.655795-3.035086-29.772748-2.023391 0.578112-4.913949 1.011695-8.96073 1.589807-3.46867 1.011695-5.925644 1.589807-7.515451 1.589807v-6.937339c4.480365-1.589807 9.394314-2.601502 14.886374-3.035086-0.433584-1.589807-1.300751-3.757726-2.167918-6.93734-0.433584-2.601502-1.011695-4.624893-1.44528-6.070172 8.382618-8.671674 13.730151-16.331653 15.609014-22.979936 0.433584-1.011695 0.433584-1.589807 0-1.589807 0-0.433584-0.433584-0.72264-1.445279-0.72264-6.503756 0.578112-14.45279 3.324142-23.847104 8.382619v-7.659979c0.433584 0 1.011695-0.289056 1.445279-0.72264h0.722639l-16.476181-9.972425c0.433584-1.011695 1.011695-2.601502 1.445279-4.624893 1.011695-1.589807 1.445279-2.74603 1.44528-3.757726-2.023391 0.578112-5.203005 0.72264-9.68337 0.72264-4.480365 0.578112-7.659979 0.72264-9.68337 0.722639 0 2.023391-0.433584 5.058477-1.445279 9.249786-0.433584 5.636588-1.011695 9.972425-1.445279 13.007512 4.624893-1.878863 8.238091-3.035086 11.273177-3.035086z m-12.718456 11.562232c-3.46867 26.015023-5.925644 47.983264-7.515451 65.760196 3.035086 0 6.2147 0.289056 9.68337 0.72264 2.456974-16.765237 3.757726-35.698392 3.757725-56.654939 0-7.659979-1.445279-11.273177-4.480365-10.695064l-1.445279 0.867167zM769.111562 398.483232c19.366739-6.648284 35.120281-9.972425 46.971569-9.972426 15.898069 1.011695 23.558048 9.394314 23.124465 25.292383-2.023391 20.956546-6.503756 41.624036-13.441095 62.002471 2.456974 6.070172 5.925644 14.308262 10.406009 24.425216 3.46867 8.093563 5.925644 13.730151 7.515451 16.765237l-24.569744 16.765237c-0.433584-1.011695-1.300751-2.74603-2.312446-5.347533-3.035086-7.659979-5.49206-13.441095-7.515451-17.632404-4.046781 7.081867-10.406009 16.620709-19.366739 28.327469-1.445279 2.023391-2.456974 3.613198-3.035086 4.624893L764.631197 524.656092c12.4294-16.331653 22.401825-32.37425 29.772749-48.127792-10.406009-21.968241-19.944851-40.467813-28.327469-55.787771l23.847104-13.730151c2.023391 3.035086 4.913949 8.382618 8.96073 16.042597 3.46867 7.081867 6.2147 12.4294 8.23809 16.042598 3.035086-12.284872 4.769421-25.003327 5.203005-38.299895 1.011695-4.624893-1.445279-6.359228-7.515451-5.347532-11.417704 1.589807-23.41352 4.913949-35.84292 9.972425v-6.937339z m160.425974 53.475324c-9.972425 12.718456-19.366739 25.292383-28.327469 37.432727 4.480365 9.105258 9.972425 15.609014 16.476181 19.077684 2.023391-11.273177 4.191309-20.66749 6.648283-28.32747l5.203005 1.589807c-0.433584 7.081867-0.433584 17.054293 0 29.772748 0.433584 12.284872 1.300751 21.679186 2.312446 28.32747 0.433584 4.046781-1.445279 5.636588-5.925644 4.624893-18.933155-5.636588-33.530474-15.030902-44.08101-28.32747-1.445279 2.023391-3.46867 4.913949-5.925644 8.382619-7.515451 10.261481-12.140344 17.343348-14.163735 21.39013l-23.124465-16.042598c3.46867-5.636588 10.695065-16.331653 21.679186-32.085194 3.46867-4.624893 6.2147-8.093563 8.23809-10.695065-4.046781-11.70676-7.226395-27.026718-9.683369-45.815346-3.035086 1.011695-7.226395 2.023391-12.718456 3.035086-3.46867 1.011695-5.925644 1.734335-7.515451 2.312447v-6.93734c5.925644-1.589807 12.4294-3.035086 19.366739-4.624893-3.035086-20.378434-4.480365-38.299895-4.480365-53.475324l28.32747-3.757726c1.011695 19.366739 2.167919 36.421032 3.757725 51.307406 13.874679-2.023391 23.558048-3.324142 29.050109-3.757725V418.428082l15.609013-0.722639v14.597318c-14.45279 1.011695-28.905581 2.312446-43.213843 3.757726 1.011695 8.093563 2.167919 15.609014 3.757726 22.112769 5.925644-8.671674 11.70676-16.042597 17.19882-22.112769l21.534658 15.898069zM911.616076 379.405548c6.937339 11.273177 12.140344 20.378434 15.609013 27.460302l-24.569743 13.007511c-3.035086-7.081867-7.949035-16.331653-14.886374-27.460301l23.847104-13.007512z" fill="#BF6B17" p-id="1970"></path><path d="M194.613144 461.35287c8.382618-1.445279 16.620709-3.035086 24.569744-4.480365 1.011695-3.46867 2.167919-8.671674 3.757725-15.609014 4.913949-23.41352 8.671674-39.745174 11.128649-49.284015-9.394314 1.445279-18.6441 3.035086-27.60483 4.480365v-6.648284c37.721783-6.503756 80.068459-9.68337 126.8955-9.683369v-7.515451h15.609014v14.163734h-22.401825c1.445279 16.476181 2.312446 36.854616 2.312446 61.135304 2.456974-0.433584 5.781116-0.433584 9.68337 0h4.480365v-6.648284h14.886374v13.441095h-9.68337c-9.394314-0.433584-15.898069-0.433584-19.366739 0 0.433584 27.893885-0.289056 54.920604-2.312446 81.36921l-32.807835-3.035086c2.456974-25.436911 3.757726-51.01835 3.757726-76.888845-16.476181 0.433584-31.651611 1.445279-45.52629 3.035086-4.913949 29.339165-9.249786 54.920604-12.718455 76.888845l-32.807835-9.683369c2.456974-15.464486 6.503756-36.276504 11.995816-62.725111-8.527146 1.445279-16.476181 3.035086-23.847104 4.480365v-6.792811z m100.735949-73.853759c-3.035086 0-7.659979 0.289056-14.163734 0.722639-6.503756 0-11.417704 0.289056-14.886374 0.72264-4.480365 20.956546-8.671674 42.05762-12.718456 63.44775 13.441095-1.445279 28.038413-2.456974 44.081011-3.035086-0.144528-23.702576-0.867167-44.370067-2.312447-61.857943zM384.811866 415.103941c3.035086-1.445279 5.925644-2.456974 8.96073-3.035086 0.433584-2.456974 1.300751-6.2147 2.312446-11.128649 1.445279-6.937339 3.46867-16.476181 5.925644-28.327469l26.159551 3.757725c-0.433584 2.023391-1.300751 4.913949-2.167919 8.96073-0.433584 3.035086-2.312446 9.972425-5.203004 20.956546 0.433584 0 1.445279-0.289056 3.035086-0.722639h1.445279c15.464486 0 23.124465 6.2147 23.124465 18.644099-1.011695 20.378434-4.480365 38.733478-10.40601 55.20966l15.609014 15.609013-17.92146 23.124465c-3.035086-4.046781-6.2147-7.515451-9.68337-10.406009-4.913949 8.96073-11.128649 18.210516-18.644099 27.60483l-23.124465-14.163735c8.96073-10.406009 16.476181-21.679186 22.401825-33.530474-5.49206-5.925644-13.007511-13.152039-22.401825-21.679185 2.023391-9.972425 4.769421-25.436911 8.238091-46.24893-0.433584 0-1.300751 0.289056-2.167919 0.72264-2.456974 1.011695-4.191309 1.734335-5.203004 2.167919v-7.515451z m26.15955 40.323285c2.456974 1.445279 4.769421 3.46867 6.648284 5.925644 4.480365-14.45279 6.648284-27.315774 6.648284-38.733478 0.433584-5.49206-1.300751-8.382618-5.203005-8.96073-3.46867 15.898069-6.2147 29.772748-8.093563 41.768564z m142.504514-17.92146l-29.050109 12.718455c-0.433584-2.023391-1.445279-4.480365-3.035086-7.515451-1.011695-3.46867-2.023391-5.925644-3.035086-7.515451-24.425216 3.46867-47.54968 8.527146-69.373394 14.886374 8.96073-27.315774 19.077683-52.897213 30.639916-76.888845l28.327469 10.406009c-9.394314 17.92146-16.909765 34.831225-22.401825 50.729295 12.4294-3.035086 22.401825-4.769421 29.772748-5.203005-4.046781-7.949035-8.238091-15.609014-12.718455-23.124464l26.88219-11.995816c6.070172 9.249786 14.019207 23.702576 23.991632 43.502899z m-70.963201 16.476181c0 2.456974 0.289056 4.913949 0.722639 7.515451 15.464486-4.913949 28.327469-7.226395 38.733479-6.648284 15.898069 0.433584 23.558048 7.226395 23.124464 20.089379-0.433584 12.4294-4.046781 27.171246-10.406009 44.081011h5.203005v4.480365c-33.385946 1.011695-59.256441 4.046781-77.611485 8.96073-4.046781-18.933155-6.937339-43.213843-8.96073-73.13112l29.194637-5.347532z m7.515451 66.338308h12.718455c7.515451-17.92146 11.70676-33.385946 12.718456-46.24893 0.433584-7.949035-3.035086-11.70676-10.406009-11.128648-8.527146 1.011695-15.609014 2.74603-21.679186 5.203004 1.878863 22.835409 4.191309 40.323285 6.648284 52.174574zM590.041489 463.665316l23.124465 8.238091c-4.046781 11.995816-8.238091 31.651611-12.718455 58.967385l-26.159551-11.128649c4.046781-15.609014 9.249786-34.253113 15.753541-56.076827z m2.167919-92.497858c10.406009 6.503756 18.933155 13.441095 25.436911 20.956546l-17.92146 20.956546-5.203005-5.203005c-7.515451-7.949035-13.730151-13.730151-18.644099-17.19882l16.331653-19.511267z m0 43.936483c10.984121 7.949035 19.366739 15.17543 25.436911 21.679185l-17.19882 20.089379c-8.527146-8.96073-16.620709-16.187125-24.569744-21.679186l16.331653-20.089378z m64.893029 16.476181c12.4294-0.433584 18.6441 8.238091 18.6441 26.15955 0.433584 31.362555-2.167919 55.932299-8.238091 73.853759-0.433584 1.011695-1.011695 1.445279-1.445279 1.445279 0 0.433584-0.433584 0.289056-1.445279-0.722639-5.49206-6.503756-14.886374-12.4294-28.327469-17.92146-1.011695 9.394314-1.445279 15.898069-1.445279 19.366739l-25.436911-11.995816c2.456974-32.37425 7.226395-67.350003 14.163734-105.216314-5.925644 0.433584-10.984121 1.300751-14.886374 2.167918v-6.648283c8.382618-1.445279 16.909765-2.74603 25.436911-3.757726-0.433584-0.433584-1.011695-1.300751-1.445279-2.167919-6.503756-10.984121-11.128649-17.632404-14.163734-20.089378l21.679185-14.886374c4.913949 4.480365 11.70676 12.718456 20.089379 24.569743l-17.198821 11.128649c5.49206-1.011695 10.984121-1.445279 16.476181-1.445279v-5.925644h11.128649v8.23809c5.49206-12.862983 11.995816-25.147855 19.366739-36.565559l26.159551 9.683369c-1.011695 1.445279-2.456974 4.046781-4.480365 7.515451-3.46867 5.925644-5.925644 10.406009-7.515451 13.441095 4.480365-1.445279 10.695065-2.74603 18.644099-3.757725h2.312447v-5.925644h14.163734v11.128648c-14.45279 1.011695-27.60483 3.035086-39.600645 5.925644-0.433584 0.433584-1.011695 1.734335-1.445279 3.757726-3.035086 5.49206-4.913949 9.394314-5.925645 11.995816 8.96073-3.035086 16.909765-4.480365 23.847105-4.480365 8.96073 0.433584 13.730151 4.769421 14.163734 12.718456 0 5.925644-4.191309 14.45279-12.718455 25.436911 0.433584 0.433584 0.72264 1.300751 0.722639 2.167918 0.433584 1.011695 0.72264 1.734335 0.72264 2.167919 1.011695 0 2.74603-0.289056 5.203004-0.72264h4.480365v-6.648283h11.995816v12.718455c-6.937339 0-13.874679 0.433584-20.956546 1.445279 3.035086 13.441095 4.769421 24.569744 5.203005 33.530474 0 11.417704-1.445279 21.39013-4.480365 29.772748 0 1.445279-0.72264 2.167919-2.312447 2.167919-11.995816-6.503756-24.569744-11.417704-38.010838-14.886374v-4.480365c6.937339 0 12.4294 0.289056 16.476181 0.722639 0.433584-2.456974 0.72264-7.226395 0.722639-14.163734 0-9.394314-1.011695-19.077683-3.035086-29.050109-2.023391 0.433584-4.913949 1.011695-8.96073 1.445279-3.46867 1.011695-5.925644 1.445279-7.515451 1.445279v-6.648284c4.480365-1.445279 9.394314-2.456974 14.886374-3.035086-0.433584-1.445279-1.300751-3.757726-2.167918-6.648283-0.433584-2.456974-1.011695-4.480365-1.445279-5.925644 8.382618-8.382618 13.730151-15.898069 15.609013-22.401825 0.433584-1.011695 0.433584-1.445279 0-1.445279 0-0.433584-0.433584-0.72264-1.445279-0.72264-6.503756 0.433584-14.45279 3.179614-23.847104 8.238091v-7.515451c0.433584 0 1.011695-0.289056 1.445279-0.72264h0.72264l-16.476181-9.68337c0.433584-1.011695 1.011695-2.456974 1.445279-4.480365 1.011695-1.445279 1.445279-2.74603 1.445279-3.757725-2.023391 0.433584-5.203005 0.72264-9.68337 0.722639-4.480365 0.433584-7.659979 0.72264-9.68337 0.72264 0 2.023391-0.433584 4.913949-1.445279 8.96073-0.433584 5.49206-1.011695 9.68337-1.445279 12.718456 4.624893-2.023391 8.382618-3.035086 11.273177-3.035086z m-12.718456 11.128648c-3.46867 25.436911-5.925644 46.827041-7.515451 64.17039 3.035086 0 6.2147 0.289056 9.68337 0.722639 2.456974-16.476181 3.757726-34.831225 3.757725-55.209659 0-7.515451-1.445279-10.984121-4.480365-10.406009l-1.445279 0.722639zM768.967035 391.979476c19.366739-6.503756 35.120281-9.68337 46.971568-9.68337 15.898069 1.011695 23.558048 9.249786 23.124465 24.569744-2.023391 20.378434-6.503756 40.612341-13.441095 60.412664 2.456974 5.925644 5.925644 13.874679 10.406009 23.847104 3.46867 7.949035 5.925644 13.441095 7.515451 16.476181l-24.569744 16.476181c-0.433584-1.011695-1.300751-2.74603-2.312446-5.203004-3.035086-7.515451-5.49206-13.152039-7.515451-17.198821-4.046781 6.937339-10.406009 16.187125-19.366739 27.60483-1.445279 2.023391-2.456974 3.46867-3.035086 4.480365l-22.401825-18.6441c12.4294-15.898069 22.401825-31.507083 29.772748-46.971569-10.406009-21.39013-19.944851-39.600646-28.327469-54.487019l23.847104-13.441096c2.023391 3.035086 4.913949 8.238091 8.96073 15.609014 3.46867 6.937339 6.2147 12.140344 8.23809 15.609014 3.035086-11.995816 4.769421-24.425216 5.203005-37.2882 1.011695-4.480365-1.445279-6.2147-7.515451-5.203004-11.417704 1.445279-23.41352 4.769421-35.84292 9.683369v-6.648283z m160.425973 52.319101c-9.972425 12.4294-19.366739 24.569744-28.327469 36.56556 4.480365 8.96073 9.972425 15.17543 16.476181 18.644099 2.023391-10.984121 4.191309-20.089379 6.648283-27.604829l5.203005 1.445279c-0.433584 6.937339-0.433584 16.620709 0 29.050109 0.433584 11.995816 1.300751 21.101074 2.312446 27.604829 0.433584 3.902253-1.445279 5.49206-5.925644 4.480365-18.933155-5.49206-33.530474-14.597318-44.08101-27.604829-1.445279 2.023391-3.46867 4.769421-5.925644 8.23809-7.515451 9.972425-12.140344 16.909765-14.163735 20.956546l-23.124465-15.609013c3.46867-5.49206 10.695065-15.898069 21.679186-31.362556 3.46867-4.480365 6.2147-7.949035 8.238091-10.406009-4.046781-11.417704-7.226395-26.304079-9.68337-44.80365-3.035086 1.011695-7.226395 2.023391-12.718456 3.035086-3.46867 1.011695-5.925644 1.734335-7.515451 2.167919v-6.648284c5.925644-1.445279 12.4294-3.035086 19.36674-4.480365-3.035086-19.944851-4.480365-37.288199-4.480365-52.174573l28.327469-3.757726c1.011695 18.933155 2.167919 35.553864 3.757725 50.006655 13.874679-2.023391 23.558048-3.179614 29.050109-3.757726v-6.648283l15.609014-0.72264v14.163735c-14.45279 1.011695-28.905581 2.167919-43.213844 3.757725 1.011695 7.949035 2.167919 15.17543 3.757726 21.679186 5.925644-8.382618 11.70676-15.609014 17.19882-21.679186l21.534658 15.464486z m-17.92146-70.963201c6.937339 10.984121 12.140344 19.944851 15.609014 26.88219l-24.569744 12.718456c-3.035086-6.937339-7.949035-15.898069-14.886374-26.88219l23.847104-12.718456z" fill="#FFFFFF" p-id="1971"></path><path d="M838.340428 910.112012c-37.288199 0-72.40848-14.308262-99.001614-40.467813-27.026718-26.448606-42.05762-61.857943-42.491203-99.724254-0.72264-78.045068 62.146999-142.215458 140.192066-142.938097h1.445279c37.288199 0 72.40848 14.308262 99.001615 40.467813 27.026718 26.448606 42.05762 61.857943 42.491203 99.724254 0.433584 37.866311-14.019207 73.420175-40.467813 100.446893-26.448606 27.026718-61.857943 42.05762-99.724253 42.491204h-1.44528z m-1.156223-268.24379l0.144528 14.886374c-61.713415 0.578112-111.431014 51.307406-110.708374 112.876293 0.289056 29.917276 12.140344 57.811162 33.530473 78.767708 21.39013 20.956546 49.428543 32.37425 79.34582 31.940666 29.917276-0.289056 57.811162-12.140344 78.767707-33.530473 20.956546-21.39013 32.229723-49.573071 31.940667-79.34582-0.578112-61.713415-51.451934-111.431014-112.876293-110.708374l-0.144528-14.886374z" fill="#FF9136" opacity=".3" p-id="1972"></path><path d="M954.195834 677.9026a9.105258 33.675002 66.352 1 0 61.694422-27.015203 9.105258 33.675002 66.352 1 0-61.694422 27.015203Z" fill="#FFFFFF" p-id="1973"></path><path d="M934.885068 686.671872H612.009731l322.875337-11.70676z" fill="#FFFFFF" p-id="1974"></path><path d="M68.928335 356.001388a6.2147 22.835409 30 1 0 22.835409-39.552088 6.2147 22.835409 30 1 0-22.835409 39.552088Z" fill="#FFFFFF" opacity=".5" p-id="1975"></path><path d="M57.02258 708.20653l23.268992-322.875338H57.02258v322.875338z" fill="#FFFFFF" opacity=".5" p-id="1976"></path><path d="M682.683876 285.462411c-2.890558 0-5.636588-0.867167-8.093563-2.456975-4.769421-3.035086-7.370923-8.527146-6.648283-14.163734l10.116953-84.11524-63.44775-55.932299c-4.335837-3.757726-6.070172-9.538842-4.624893-15.030902s5.925644-9.538842 11.417705-10.695065l83.103544-16.331653 33.530474-77.756013c2.312446-5.203005 7.226395-8.671674 12.862984-8.96073 5.636588-0.289056 10.984121 2.601502 13.73015 7.659979l41.190453 73.853759 84.259768 7.949035c5.636588 0.578112 10.406009 4.191309 12.4294 9.538842 2.023391 5.347532 0.867167 11.273177-3.035086 15.319957l-57.522106 62.002471 18.499572 82.669961c1.300751 5.49206-0.72264 11.273177-5.203005 14.741846-4.335837 3.46867-10.406009 4.335837-15.609013 1.878863l-76.888845-35.553864-72.842064 43.069315c-2.023391 1.589807-4.624893 2.312446-7.226395 2.312447z m-26.015023-159.125223l46.827041 41.190453c3.613198 3.179614 5.49206 8.093563 4.913949 12.862983l-7.370923 62.146999 53.619852-31.796139c4.191309-2.456974 9.394314-2.74603 13.730151-0.722639l56.654938 26.15955-13.585623-60.846247c-1.011695-4.769421 0.289056-9.68337 3.613198-13.296567L857.56264 116.364763l-62.146999-5.781116c-4.913949-0.433584-9.249786-3.324142-11.562232-7.515451l-30.35086-54.48702-24.714272 57.23305c-1.878863 4.480365-5.925644 7.659979-10.695065 8.671674l-61.424359 11.851288z" fill="#FF9136" opacity=".3" p-id="1977"></path></svg>
点击开始游戏</li>
<li>
<svg t="1586184866338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1422" width="200" height="200"><path d="M1017.28884579 534.09109116l-662.73273745 0L354.55610835 472.72694864 1017.28884579 472.72694865l-2e-8 61.3641425z" fill="" p-id="1423"></path><path d="M358.28692148 717.71907109L1.43220042 508.13772668l356.85472106-215.24570478 0 424.82704919z" fill="" p-id="1424"></path></svg>
向左移动</li>
<li>
<svg t="1586184688150" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1301" width="200" height="200"><path d="M6.71115421 489.90890885l662.73273745-1e-8L669.44389165 551.27305136 6.71115421 551.27305136l2e-8-61.36414251z" fill="" p-id="1302"></path><path d="M665.71307852 306.28092891L1022.56779958 515.86227332l-356.85472106 215.24570478 0-424.82704919z" fill="" p-id="1303"></path></svg>
向右移动</li>
<li>
<svg t="1586594577999" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2162" width="200" height="200"><path d="M781.6479741 999.79618418l0-611.60394228L838.27796891 388.1922419 838.27796891 999.79618418l-56.62999481-2e-8z" fill="" p-id="2163"></path><path d="M612.1866059 381.63522865L805.59907708 52.31129174l198.63983493 329.32393691-392.05230611 0z" fill="" p-id="2164"></path></svg>
旋转</li>
</ul>
<button id="btn">开始游戏</button>
</div>
</div>
</div>
<script>
var canvas=document.getElementsByTagName('canvas')[0];
if(canvas.getContext){
var cxt=canvas.getContext('2d');
}else{
console.log('您的浏览器不支持HTML5画板');
}
var nowFigure=[]; //存放当前的图形
var nextFigure=[]; //存放下一个的图形
var initialX; //原始图形X坐标
var initialY; //原始图形Y坐标
var pos=0; //向下移动那个的距离
var scores=0;
//定义底层数组
var back=new Array(20);
for(var i=0;i<back.length;i++){
back[i]=new Array(25);
for( var j=0;j<back[i].length;j++){
back[i][j]=0;
}
}
//随机出现图形
function randomFigture(number){
var n=[[0,0,0,0],
[0,0,0,0],
[0,0,0,0],
[0,0,0,0]];
switch(number){
case 1:
n[0][0]=1;
n[0][1]=1;
n[0][2]=1;
n[0][3]=1;
break;
case 2:
n[0][1]=1;
n[1][0]=1;
n[1][1]=1;
n[2][1]=1;
break;
case 3:
n[0][0]=1;
n[0][1]=1;
n[1][0]=1;
n[1][1]=1;
break;
case 4:
n[0][1]=1;
n[2][1]=1;
n[1][0]=1;
n[1][1]=1;
break;
case 5:
n[0][0]=1;
n[1][0]=1;
n[1][1]=1;
n[2][1]=1;
break;
case 6:
n[0][0]=1;
n[0][1]=1;
n[0][2]=1;
n[1][2]=1;
break;
case 7:
n[0][2]=1;
n[1][0]=1;
n[1][1]=1;
n[1][2]=1;
break;
}
return n;
}
//获取随机图形
function figure(){
var random=randomFigture(parseInt(Math.random()*6)+1);
return random;
}
//封装绘图函数
//将背景中值为1的区域填充
function paint(){
for(var i=0;i<back.length;i++){
for(var j=0;j<back[i].length;j++){
if(back[i][j]>0){
var x=i*20;
var y=j*20;
cxt.fillStyle='#000';
cxt.fillRect(x+0.5,y+100.5,19,19);
}
}
}
}
//找到最先出现1的最右侧，最左侧位置
function find(x){
var indexRight;
var indexBottom;
var indexTop;
var indexLeft;
//检测右侧
loopRight:
for(var i=3; i>=0; i--){
for(var j=3; j>=0;j--){
if(x[i][j]===1){
indexRight=i;
break loopRight;
}
}
}
//检测左侧
loopLeft:
for(var i=0; i<4; i++){
for(var j=3; j>=0;j--){
if(x[i][j]===1){
indexLeft=i;
break loopLeft;
}
}
}
//检测上侧
loopTop:
for(var i=0; i<4; i++){
for(var j=3; j>=0;j--){
if(x[j][i]===1){
indexTop=i;
break loopTop;
}
}
}
//检测下侧
loopBottom:
for(var i=3; i>=0; i--){
for(var j=3; j>=0;j--){
if(x[j][i]===1){
indexBottom=i;
break loopBottom;
}
}
}
var array=[];
array.splice(0,0,indexTop,indexRight,indexBottom,indexLeft);
return array;
}
//移动后重新弄画图
function repaint(){
var index=find(nowFigure);
for(var i=initialX+index[3],j=0; i<index[3]+index[1]+1, j<index[1]+1; i++, j++){
for(var a=initialY+index[0]; a<index[2]+1; a++){
if(back[i][a+pos]===1){
continue;
}else{
back[i][a+pos]=nowFigure[j][a];
}
}
}
paint();
}
//下一个要出现的图形
//参数为下一个图形的二维数组
function paintNext(next){
cxt.clearRect(80,5,40,40);
for(var i=0;i<nextFigure.length;i++){
for(var j=0;j<nextFigure[i].length;j++){
if(nextFigure[i][j]>0){
var x=i*10;
var y=j*10;
cxt.fillStyle='#000';
cxt.fillRect(x+80.5,y+5.5,9,9);
}
}
}
}
//移动之前将上一次数据清除
//包括自动下降
function clear(){
var index=find(nowFigure);
for(var i=initialX+index[3],j=0; i<index[3]+index[1]+1, j<index[1]+1; i++, j++){
for(var a=initialY+index[0];a<index[2]+1;a++){
if(nowFigure[j][a]===1){
back[i][a+pos]=0;
}else{
continue;
}
}
}
cxt.clearRect(0,100,400,500);
}
//出现的图形
function paintFigure(){
//下一个的图形
nextFigure=figure();
initialX=parseInt(Math.random()*16);
initialY=0;
repaint();
paintNext(nextFigure);
}
//左移
function moveLeft(){
var col;
if(pos>=0 && pos<23){
col=4;
}else if(pos>22 && pos<26){
col=26-pos;
}
if(initialX>0 && initialX<20){
for(var a=0; a<col; a++){
//直接退出函数，不发生移动
if(back[initialX][a+pos]===1 && back[initialX-1][a+pos]===1){
console.log('无法移动');
return false;
}
}
if(initialX>0 && initialX<17){
//将原始清零
clear();
initialX-=1;
//重新赋值
repaint();
}
else if(initialX>16 && initialX<20){
var leftTimes=20-initialX;
//清零
clear();
initialX-=1;
//重新赋值
for(var m=initialX,j=0; m<m+leftTimes, j<leftTimes; m++, j++){
for(var a=initialY; a<4; a++){
if(back[m][a+pos]===1){
continue;
}else{
back[m][a+pos]=nowFigure[j][a];
}
}
}
paint();
}
}else{
console.log('无法移动');
}
}
//右移
function moveRight(){
var col;
var index;
//先找到右侧首次出现的位置
loop:
for(var i=3; i>=0; i--){
for(var j=0; j<4; j++){
if(nowFigure[i][j]===1){
index=i;
break loop;
}
}
}
if(pos>=0 && pos<23){
col=4;
}else if(pos>22 && pos<26){
col=26-pos;
}
if(initialX+index>=0 && initialX+index<19){
for(var a=0; a<col; a++){
if(back[initialX+index][a+pos]===1 && back[initialX+index+1][a+pos]===1){
console.log('无法移动');
return false;
}
}
if(initialX>=0 && initialX<16){
//将原始清零
clear();
initialX+=1;
//重新赋值
repaint();
}
else if(initialX>=16&&initialX<19){
var rightTimes;
if(initialX===16){
rightTimes=3;
}else if(initialX===17){
rightTimes=2;
}else if(initialX===18){
rightTimes=1;
}
//数组供判断是否可以继续移动
var judge=[];
for (var j=0;j<4;j++){
judge.unshift(nowFigure[rightTimes][j]);
}
if(judge[0]===0 && judge[1]===0 && judge[2]===0 && judge[3]===0){
//将原始清零
clear();
initialX+=1;
//重新赋值
for(var m=initialX,j=0; m<m+rightTimes, j<rightTimes; m++, j++){
for(var a=initialY; a<4; a++){
back[m][a+pos]=nowFigure[j][a];
}
}
paint();
}
}else{
console.log('无法移动');
}
}
}
//旋转
function colockwise(){
var array=new Array(4);
for(var i=0;i<array.length;i++){
array[i]=new Array(4);
for( var j=0;j<array[i].length;j++){
array[i][j]=0;
}
}
var array;
for(var i=3,j=0; i>=0,j<4; i--,j++){
for(var m=0; m<4; m++){
array[j][m]=nowFigure[m][i];
}
}
//裁剪数组
var index=find(array);
if(index[3]>0){
array.splice(0,index[3]);
for(var i=0; i<index[3]; i++){
array.push([0,0,0,0]);
}
}
if(index[2]<3){
for(var a=0; a<index[0]; a++){
for(var i=0; i<4; i++){
array[i].shift();
array[i].push(0);
}
}
}
//检测是否可以旋转
clear();
nowFigure=array;
repaint();
}
//自动下落
function dropDown(){
var index=find(nowFigure);
if(pos+index[2]>=0 && pos+index[2]<24){
for(var i=initialX+index[3]; i<initialX+index[1]+1; i++){
if(back[i][pos+index[2]]===1 && back[i][pos+index[2]+1]===1){
clearLine();
pos=0;
nowFigure=nextFigure;
paintFigure();
repaint();
return false;
}
}
clear();
pos++;
repaint();
}else{
clearLine();
pos=0;
nowFigure=nextFigure;
paintFigure();
repaint();
return false;
}
}
//满行消除一行
function clearLine(){
for(var i=0; i<4; i++){
for(var j=24; j>=0; j--){
if(back[0][j]===1 && back[1][j]===1 && back[2][j]===1 && back[3][j]===1 && back[4][j]===1 &&
back[5][j]===1 && back[6][j]===1 && back[7][j]===1 && back[8][j]===1 && back[9][j]===1 &&
back[10][j]===1 && back[11][j]===1 && back[12][j]===1 && back[13][j]===1 && back[14][j]===1 &&
back[15][j]===1 && back[16][j]===1 && back[17][j]===1 && back[18][j]===1 && back[19][j]===1 ){
for(var a=0;a<20;a++){
back[a].splice(j,1);
back[a].unshift(0);
}
cxt.clearRect(0,100,400,500);
paint();
score();
}
}
}
}
//计算分数
function score(){
var score1=document.getElementById('num');
scores++;
score1.innerHTML=scores+'';
}
//页面加载完成才会触发
window.onload=function(){
var button=document.getElementsByTagName('button')[0];
button.addEventListener('click',startGame);
function startGame(){
button.removeEventListener('click',startGame); //移除监听事件，开始游戏按钮只能应用一次
//自调用函数
//显示下一个会出现的图形
(function next(){
cxt.font='20px Arial';
cxt.fillStyle='#FFF';
cxt.fillText('下一个:',0,20);
})()
//初始化第一个图形
nowFigure=figure();
//开始游戏
paintFigure();
//定时器 图形自懂下落
setInterval(dropDown,300);
//键盘监听事件
document.addEventListener('keydown',((event)=>{
//left 37
//right 39
//up 38
//down 40
switch(event.keyCode){
case 37:
moveLeft();
break;
case 39:
moveRight();
break;
case 38:
colockwise()
break;
}
}))
}
}
</script>
</body>
</html>
扫一扫
11-20
367
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
