캐릭터 방향향

Author: kdaon07

public/player/player_b.svg

@@ -8,20 +8,24 @@ export default function Simulator({array, img, title, direction}) {
         setItem(img);
     }, []);
 
-
     return (
         <SimulBg>
             <Map>
                 <tbody>
                     {array.map((row, rowIndex) => (
                         <tr key={rowIndex}>
                             {row.map((cell, cellIndex) => (
-                                <Piece key={cellIndex} img={item[cell]}>{
-                                    cell == 0 & direction === "RIGHT" ? '→' :
-                                    cell == 0 & direction === "LEFT" ? '←' :
-                                    cell == 0 & direction === "UP" ? '↑' :
-                                    cell == 0 & direction === "DOWN" ? '↓' : ''
-                                }</Piece>
+                                <Piece key={cellIndex} img={
+                                    cell === 0
+                                        ? direction === "UP"
+                                            ? item[0.1]
+                                            : direction === "LEFT"
+                                                ? item[0.2]
+                                                : direction === "RIGHT"
+                                                    ? item[0.3]
+                                                    : item[0]
+                                        : item[cell]
+                                } />
                             ))}
                         </tr>
                     ))}

public/map/player.svg public/player/player_f.svgpublic/map/player.svg renamed to public/player/player_f.svg

@@ -17,7 +17,10 @@ export default function Plant() {
 
     useEffect(() => {
         setObject({
-            0: "/map/player.svg",
+            0: "/player/player_f.svg",
+            0.1: "/player/player_b.svg",
+            0.2: "/player/player_l.svg",
+            0.3: "/player/player_r.svg",
             3: "/map/wall.svg",
             1000: "/map/potion.svg",
             1001: "/map/tree_wall.svg",