From 32fa585c2619d379dd95a7f76154c553d4df6191 Mon Sep 17 00:00:00 2001 From: vivomo <929992114@qq.com> Date: Fri, 20 Oct 2023 20:19:33 +0800 Subject: [PATCH 1/2] feat: use info --- packages/client/src/assets/img/btn.png | Bin 0 -> 1719 bytes packages/client/src/assets/img/dialog.png | Bin 0 -> 14823 bytes .../client/src/assets/img/duck_default.png | Bin 0 -> 15770 bytes packages/client/src/assets/img/user_bg.png | Bin 0 -> 5361 bytes packages/client/src/common.scss | 24 +++- .../client/src/components/UserInfo/index.tsx | 63 +++++++++++ .../src/components/UserInfo/styles.scss | 80 +++++++++++++ .../src/components/UserPackage/index.tsx | 29 +++++ .../src/components/UserPackage/styles.scss | 21 ++++ .../client/src/pages/home/header/index.tsx | 2 +- .../client/src/pages/home/header/styles.scss | 4 +- packages/client/src/pages/home/index.tsx | 106 ++++++++++-------- packages/client/src/pages/home/styles.scss | 72 +++++++----- 13 files changed, 322 insertions(+), 79 deletions(-) create mode 100644 packages/client/src/assets/img/btn.png create mode 100644 packages/client/src/assets/img/dialog.png create mode 100644 packages/client/src/assets/img/duck_default.png create mode 100644 packages/client/src/assets/img/user_bg.png create mode 100644 packages/client/src/components/UserInfo/index.tsx create mode 100644 packages/client/src/components/UserInfo/styles.scss create mode 100644 packages/client/src/components/UserPackage/index.tsx create mode 100644 packages/client/src/components/UserPackage/styles.scss diff --git a/packages/client/src/assets/img/btn.png b/packages/client/src/assets/img/btn.png new file mode 100644 index 0000000000000000000000000000000000000000..98c3652fc7e0ce0d46b2b84fb408803e6299830f GIT binary patch literal 1719 zcmd^=`#;lr9LK*(43&`+S#t}MOL!b9G-;L+HFU7tQ?7+bW|8S&=6JaDV9rBMOs6H6 z)nP8lhA7IVB6260xtrTI+f3){@uMqt$8O;sw{n!w`uDT5p-!b`&@vt99q)Ep zya7@p#rDO6eg}DrY+DO0Bem9%Qy)j9BK$>7<6=AE{_)n4q0X(1n6`)$VIC=_*o6hy zp;@>zC2lW|%bi9-VA3%geFqV);K`|K`pgH0^i^9D@G1)`0lh#1AT`UHmQD)}m8Cb` zbW%BEc(&+B+yW4t^@78kiXKmDd3gA`%6LtH$&0I#UkjJGxPY;ks| z2*;{Tg-ST-qJd;ZEdWJxAQ59C?pw4n(&&O z&Oh2iiNQQ-kFek)T#C}oyt7;3_ahTQ7 z>G5){JYwLxc-aCN9<4c1_`G5=C12SytFP}(F${MuohWs;eQn!}2$j(IDLszV0Xv^H z#$0l#tj~4CsFiz}@OhX_bMu$my!0GyR!LFVywLZfo3$aZbkw(1&fOQuT=cUYPY!e; zb%a^0z8zkl<~?bk*ij2rhdk?>zvs+jbJv(}o7UwoZw_?bCJz9ESnK$ut}3f13>kyf zzIV*dis1`Uw6P;jIXyx`iwdjGa34(wotSJowf^UP6cwcFiqvsfi zO8TqvP-cv{g#n`U-5I&2dus**1RT4Z%i^jdJ?di(dW(sS3ZS~E0BI3N^&zl(s4?1e ziKu#`q=wqPY_Z^tY41dXlhPuqu|YqgPZmT&#q9_h!Rrqn-NTLWc_*s+rili|N^aXm zCsbP_BPA2fPpqRBq!pvW4ru|e+RIXcV+Yu$l?xoEmh`|9#3LQR5r}ZWg;YiVX<|q#o+wlX4XLsa#&eQmfYlOBu zxM1spU;`ozhAC#^%=T-u8X4ltzVEE6o=!Dq7J5*LKy-C#3~w}_uW=LPkq_dE+JS4> k7(Ewh14L)^%k~g}z|;&O&pd(&en^1**-Pl>D8JwT1#l+&TmS$7 literal 0 HcmV?d00001 diff --git a/packages/client/src/assets/img/dialog.png b/packages/client/src/assets/img/dialog.png new file mode 100644 index 0000000000000000000000000000000000000000..674fa920e8b8d996c0d470b888dba17a462aa111 GIT binary patch literal 14823 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 Vr{0gO2I(Hg+;kuD)(+<%{|js*%+de= literal 0 HcmV?d00001 diff --git a/packages/client/src/assets/img/duck_default.png b/packages/client/src/assets/img/duck_default.png new file mode 100644 index 0000000000000000000000000000000000000000..c175b9331a4f13fb4f4f024be36f4375f950ac03 GIT binary patch literal 15770 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 D`BhfG literal 0 HcmV?d00001 diff --git a/packages/client/src/assets/img/user_bg.png b/packages/client/src/assets/img/user_bg.png new file mode 100644 index 0000000000000000000000000000000000000000..1aae03f740e10eb1a9db3614a3b293d942545a2c GIT binary patch literal 5361 zcmeI0YfO_@7{?D7(XcT=bY7V2E-G~ax(x*#E6rvrqtUXm4cUq<$%Zu!L_t!dE$wEM zORFrS6Ii(<#SW7N(Ge+^(lQBU$fd%>!dj?MOIJV}q!)VMsY(5|FU#ym)(>x< zH_!ih&N;t-*~f&Wkl^jX0DzF>kFco#1PbA2Tpt8S_5~9%0oc@@jQ!x#Lh_@Do1A01 znw}Yl&c5zy8NYoXj!@oS6TNu*+TED&w3pIDzlu;^2;BHZ#NivE7x~c{C-!x{HAI`B z%NemprH%CZZdVHK!-TKw zdmI7Ghk5lCNbR*VYH))pFfy=vk}i1`3>WI+}RiU*4|NHl_Yhp3SRWXiF6Yia7` z?Y>xAQouCL)S(?K=lfLKG^(+unLsool2v!^T4~+9Gbu9t-Wtj2h&?sE zcO(d`+-j;oL~WmKbLACa+-%#t?c_W5HmsfmWh-nb9W!C|JBh)d_6@uuTv&%Tru&8w{TB86ovjpdce*$nJWv$7 zW|X*tLtE*`Wu|e%mYf2T!1!uiehmPY9Mq0oux8`3|NCenr2 zII4vlH5Uk!Z%;qkW;wHvJI6)GYG(QoQGd*P)Iv3|I;xL#ShbhcG!lhEiT2J-L15B{ zni-~_5@d$1Xrk>3Y|iN)mQKk-g$re4$x!7OWub`rOuwoeu`(8`FA|*n9=Vo17zelW zs@#(mVKBc)?5s!D?ZgK>_~jCfe$iVCrzd4y=!3lLk@!g1^zGT2sruKw6_e4nDz>`{ zyP??WjIVh7P`eBp0QAIhX>^$!!|19eg$YXrxv79{DMO-5Vf@ke!9n4XDa=ADlq7S6 z*1+mK@w3vV?8TtwrmJYM-N0$CPY>4Td~W-f_t6FEPqaVLK7Nz=OU_?%{*vHWj)KB4kJdRIy&}#e0JY}D0VxW;v?cb1CQgS%TZh$S+)Eb42A5HpK({&u z`?3Kb*daWPrin~_R941NHwtQ#xelxU0P@j2ABLHC8;v@Hl<9<+M|-loK^@~|f%uTU zBh95_y;+Amc)>ArHMgi8XSn$R?3}FzGuH!xb7`JGb+I7mWh?$4T;Rc5FZCEc<0aZ2 zZpgi|G+M{7C{nhl<2Ad#Gt5iXi&?cVfb3qF5>VO@7;+|k%^*q=mgZ`4()s|jx=?DxOVB1McZ9IRwb8a z3`v^#l*jvNvSGdq_JGuETsn_CsJegT@a23eqkws#E zA8hh6Bm0xpGO_z8(e`I0M*O)fiT1?GhmOfJ)8wgrl%=)JTR0cnn@bR^8`TMrw56mW zNwnA4k+|nZXVda9tH=NOhpttA7_n%1{m7Rd=W4Pd1%dJyXI;|b&It?iTqM*M^g|qe h?k3*fTw^LX_ { + return ( +

+
+

User info

+
+
+ +
+
+
+ +
+
+ +
+
+
+
+
HP
+
100100
+
+
+
Attack
+
201
+
+
+
AttackRange
+
51
+
+
+
Speed
+
22
+
+
+
Strength
+
201
+
+
+
Space
+
101
+
+
+
+
+
+ + +
+
+ ); +}; + +export default UserInfo; \ No newline at end of file diff --git a/packages/client/src/components/UserInfo/styles.scss b/packages/client/src/components/UserInfo/styles.scss new file mode 100644 index 00000000..b1e7ee48 --- /dev/null +++ b/packages/client/src/components/UserInfo/styles.scss @@ -0,0 +1,80 @@ +.mi-userinfo-wrapper { + display: flex; + justify-content: space-between; + + h3 { + font-size: 28px; + margin-bottom: 8px; + } + + .left-main-content { + width: 768px; + } + + .user-detail-wrapper { + height: 378px; + } + + .user-detail-wrapper { + display: flex; + justify-content: space-between; + } + + .user-appearance-wrapper { + display: flex; + justify-content: center; + align-items: center; + width: 338px; + height: 100%; + background: url("../../assets/img/user_bg.png") no-repeat center / 100% 100%; + + .user-appearance { + width: 222px; + } + } + + .loot-wrapper { + display: flex; + justify-content: space-between; + flex-direction: column; + height: 100%; + } + + .loot-detail { + width: 180px; + height: 180px; + border: 1px solid #FFF5E9; + background: #000; + color: #FFF5E9; + } + + .user-attr-wrapper { + width: 213px; + font-size: 26px; + + dl { + display: flex; + } + + dt { + margin-right: 10px; + } + + .base-attr { + margin-right: 10px; + color: #fff; + } + + .extra-attr { + color: red; + + &::before { + content: '+'; + } + } + } + + .mi-user-package { + margin-bottom: 24px; + } +} \ No newline at end of file diff --git a/packages/client/src/components/UserPackage/index.tsx b/packages/client/src/components/UserPackage/index.tsx new file mode 100644 index 00000000..f4a7b65d --- /dev/null +++ b/packages/client/src/components/UserPackage/index.tsx @@ -0,0 +1,29 @@ +import React from 'react'; +import './styles.scss'; + +interface IProps { + title: string; +} + +const arr = new Array(10).fill(10); + +const UserPackage = (props: IProps) => { + return ( +
+

{props.title}

+
+ { + arr.map(() => { + return ( +
+ +
+ ) + }) + } +
+
+ ); +}; + +export default UserPackage; \ No newline at end of file diff --git a/packages/client/src/components/UserPackage/styles.scss b/packages/client/src/components/UserPackage/styles.scss new file mode 100644 index 00000000..9b8b9756 --- /dev/null +++ b/packages/client/src/components/UserPackage/styles.scss @@ -0,0 +1,21 @@ +.mi-user-package { + width: 366px; + + .package-items-wrapper { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } + + .package-item { + margin-bottom: 14px; + width: 62px; + height: 62px; + background: #FFF5E9; + border: 6px solid transparent; + + &:nth-child(-n+3) { + border-color: #DCC7AF; + } + } +} \ No newline at end of file diff --git a/packages/client/src/pages/home/header/index.tsx b/packages/client/src/pages/home/header/index.tsx index ad845b5d..fe5aaa8a 100644 --- a/packages/client/src/pages/home/header/index.tsx +++ b/packages/client/src/pages/home/header/index.tsx @@ -43,7 +43,7 @@ const HomeHeader = (props: IProps) => { props.walletAddress ? : - + } ); diff --git a/packages/client/src/pages/home/header/styles.scss b/packages/client/src/pages/home/header/styles.scss index 99866b8d..15ad62cc 100644 --- a/packages/client/src/pages/home/header/styles.scss +++ b/packages/client/src/pages/home/header/styles.scss @@ -18,8 +18,8 @@ } .play-btn { - width: 214px; - height: 72px; + width: 210px; + height: 66px; font-size: 24px; } diff --git a/packages/client/src/pages/home/index.tsx b/packages/client/src/pages/home/index.tsx index da82306c..99b2332d 100644 --- a/packages/client/src/pages/home/index.tsx +++ b/packages/client/src/pages/home/index.tsx @@ -1,44 +1,56 @@ -import React, { useState } from 'react'; +import React, { useRef, useState } from 'react'; import Header from '@/pages/home/header'; import './styles.scss'; import useModal from '@/hooks/useModal'; import Loading from '@/components/Loading'; import MintList from '@/config/mint'; +import { message } from 'antd'; +import UserInfo from '@/components/UserInfo'; const Home = () => { const [hasInit, setHasInit] = useState(false); const [walletAddress, setWalletAddress] = useState(''); - const [step, setStep] = useState('play'); + const [step, setStep] = useState('mint'); + const usernameRef = useRef(); const { Modal, open, close, setContent } = useModal({ title: '', }); const createWallet = () => { setContent( -
- -
- Creating Wallet... +
+
+ You have successfully created a wallet.Name your character and start your journey! +
+
+ +
); open(); - setTimeout(() => { - setWalletAddress('0X1234567894519845184814'); - setContent( -
-
- You have successfully created a wallet, and we will send you xxx test tokens as a gift. - Start your journey in Mississippi! -
- -
- ) - }, 3000); + // setTimeout(() => { + // setWalletAddress('0X1234567894519845184814'); + // setContent( + //
+ //
+ // You have successfully created a wallet, and we will send you xxx test tokens as a gift. + // Start your journey in Mississippi! + //
+ // + //
+ // ) + // }, 3000); } const toMint = () => { + if (!usernameRef.current.value) { + message.error('Please input your username'); + return; + } + console.log(usernameRef.current.value, 'username'); + setWalletAddress('0X1234567894519845184814'); close(); setStep('mint'); } @@ -68,42 +80,42 @@ const Home = () => { { step === 'mint' && (
-

Mint Your Own Character

-

- You can select and combine elements from the left bar to create your own character.
- After generation of your character, initial attributes will be randomly generated -

+
+

HOME

+ + +
-
-
- { - MintList.map((item) => { - return ( -
+ {/*
*/} + {/*
*/} + {/* {*/} + {/* MintList.map((item) => {*/} + {/* return (*/} + {/*
*/} -
- ) - }) - } -
+ {/*
*/} + {/* )*/} + {/* })*/} + {/* }*/} + {/*
*/} -
-
+ {/*
*/} + {/*
*/} -
+ {/*
*/} -
- - -
+ {/*
*/} + {/* */} + {/* */} + {/*
*/} -
- - -
+ {/*
*/} + {/* */} + {/* */} + {/*
*/} -
-
+ {/*
*/} + {/*
*/}
) } diff --git a/packages/client/src/pages/home/styles.scss b/packages/client/src/pages/home/styles.scss index 469f8cc1..3736bb7a 100644 --- a/packages/client/src/pages/home/styles.scss +++ b/packages/client/src/pages/home/styles.scss @@ -11,54 +11,76 @@ .play-btn { position: absolute; - width: 360px; - height: 112px; + width: 210px; + height: 66px; left: 50%; bottom: 25%; - font-size: 30px; + font-size: 24px; transform: translate3d(-50%, 0, 0); } } .mint-section { - font-family: Arial, "Microsoft YaHei UI", sans-serif; - color: #fff; - background: #0C0B0B; + + font-family: MISS, Arial, "Microsoft YaHei UI", sans-serif; + color: #BC8C61; + background: rgba(0, 0, 0, 0.6); + + .mint-box { + padding-top: 24px; + width: 1200px; + margin: 0 auto; + } .mint-title { + margin-bottom: 18px; font-size: 32px; font-weight: 700; line-height: 40px; - text-align: center; } - .mint-desc { - margin: 0 auto; - width: 1100px; - font-size: 20px; - font-weight: 700; - line-height: 24px; - text-align: center; + .mi-btn { + display: block; + margin: 36px auto; + width: 238px; + height: 66px; + font-size: 32px; } - .mint-wrapper { - width: 1280px; - margin: 0 auto; - } } } -.create-wallet-loading-wrapper { +.create-wallet-wrapper { + padding: 40px; display: flex; - justify-content: space-around; - align-items: center; - padding: 20px; + justify-content: space-between; + flex-direction: column; + height: 100%; - .create-wallet-loading-content { - font-size: 24px; + .create-wallet-content { + padding: 20px; + font-size: 20px; font-family: MISS, sans-serif; - color: #e16f39; + text-align: center; + color: #5D2E1C; + } + + .mint-name { + display: flex; + justify-content: space-between; + + input { + width: 245px; + height: 45px; + background: url("../../assets/img/btn.png") no-repeat center / 100% 100%; + } + + button { + font-size: 24px; + width: 170px; + height: 45px; + } } } From 0be837a57980f91fca9f8c06fdfb05f89e55b0b2 Mon Sep 17 00:00:00 2001 From: vivomo <929992114@qq.com> Date: Fri, 20 Oct 2023 21:16:58 +0800 Subject: [PATCH 2/2] feat: add delivery --- packages/client/src/assets/img/delivery.png | Bin 0 -> 18045 bytes .../client/src/components/MapCell/index.tsx | 6 ++++++ .../client/src/components/MapCell/styles.scss | 10 ++++++++++ packages/client/src/config/map.ts | 17 +++++++++++------ packages/client/src/pages/game/index.tsx | 1 + 5 files changed, 28 insertions(+), 6 deletions(-) create mode 100644 packages/client/src/assets/img/delivery.png diff --git a/packages/client/src/assets/img/delivery.png b/packages/client/src/assets/img/delivery.png new file mode 100644 index 0000000000000000000000000000000000000000..316302f8c28d2fec701743aa06a3230186663ff2 GIT binary patch literal 18045 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 literal 0 HcmV?d00001 diff --git a/packages/client/src/components/MapCell/index.tsx b/packages/client/src/components/MapCell/index.tsx index b3ace795..29d71390 100644 --- a/packages/client/src/components/MapCell/index.tsx +++ b/packages/client/src/components/MapCell/index.tsx @@ -3,6 +3,7 @@ import { CellType } from '../../constants'; import { getCellClass, isMovable } from '@/utils'; import './styles.scss'; import Player, { IPlayer } from '@/components/Player'; +import { DELIVERY } from '@/config/map'; interface ITransform { index: number; @@ -38,6 +39,7 @@ const MapCell = (props: IProps) => { const [menuVisible, setMenuVisible] = useState(false); const [activePlayerId, setActivePlayerId] = useState(-1); + const isDelivery = DELIVERY.x === x && DELIVERY.y === y; if (!cellClassCache[`${y}-${x}`]) { cellClassCache[`${y}-${x}`] = getCellClass(mapData, { x, y}); @@ -107,6 +109,10 @@ const MapCell = (props: IProps) => { }
+ { + isDelivery &&
+ } + { players && players.map((player) => ) } diff --git a/packages/client/src/components/MapCell/styles.scss b/packages/client/src/components/MapCell/styles.scss index 7df77bae..527d6d62 100644 --- a/packages/client/src/components/MapCell/styles.scss +++ b/packages/client/src/components/MapCell/styles.scss @@ -8,6 +8,16 @@ grid-template-rows: 1fr 1fr 1fr; } + .cell-map-delivery { + position: absolute; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url("/src/assets/img/delivery.png") no-repeat center 100% / cover; + } + @for $i from 1 through 28 { .mi-wall-#{$i} { background: url("/src/assets/wall/wall_#{$i}.png") no-repeat center 100% / cover; diff --git a/packages/client/src/config/map.ts b/packages/client/src/config/map.ts index 805eb48f..3ad803dd 100644 --- a/packages/client/src/config/map.ts +++ b/packages/client/src/config/map.ts @@ -1,14 +1,19 @@ +export const DELIVERY = { + x: 4, + y: 5 +} + const MAP_CFG = [ [101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101], [101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], [101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101], [101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], - [101, 101, 101, 102, 102, 102, 102, 102, 102, 100, 100, 101, 101, 101, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], - [101, 101, 101, 102, 102, 102, 102, 102, 102, 100, 100, 101, 101, 101, 100, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], - [101, 101, 101, 102, 102, 102, 102, 102, 102, 100, 100, 101, 101, 101, 100, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], - [101, 101, 101, 102, 102, 102, 102, 102, 102, 100, 100, 101, 101, 101, 100, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], - [101, 101, 101, 102, 102, 102, 102, 102, 102, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], - [101, 101, 101, 102, 102, 102, 102, 102, 102, 100, 100, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 100, 101, 101], + [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], + [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], + [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], + [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], + [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101], + [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 100, 101, 101], [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 100, 101, 101], [101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 100, 101, 101], [101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 100, 100, 100, 100, 100, 100, 101, 101, 101, 101, 101, 100, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 101, 101, 101, 100, 101, 101], diff --git a/packages/client/src/pages/game/index.tsx b/packages/client/src/pages/game/index.tsx index ff14ad4d..ac67f653 100644 --- a/packages/client/src/pages/game/index.tsx +++ b/packages/client/src/pages/game/index.tsx @@ -155,6 +155,7 @@ const Game = () => { data={renderMapData} vertexCoordinate={vertexCoordinate} onPlayerMove={movePlayer} + />