Added platforms renderer

+Added an experimental platforms renderer

src/components/map/Map.css

@@ -128,3 +128,7 @@
 .map svg g.spawn-point path.background {
     fill: #111;
 }
+
+.map svg g.platform rect {
+    fill: #333;
+}

src/components/map/ObjectsRenderQueue.js

@@ -11,8 +11,16 @@ import DerailerRenderer from './object-renderers/DerailerRenderer';
 import ElectrificationStatusPopup from './additional-layer-components/ElectrificationStatusPopup';
 import SpawnPointRenderer from './object-renderers/SpawnPointRenderer';
 import IsolationEndRenderer from './object-renderers/IsolationEndRenderer';
+import PlatformRenderer from './object-renderers/PlatformRenderer';
 
 const ObjectRendererQueue = [
+    {
+        'name': 'platforms',
+        'category': 'misc',
+        'type': 'Platform',
+        'renderer': PlatformRenderer,
+        'cond': (layers) => layers['platforms'],
+    },
     {
         'name': 'tracks',
         'category': 'tracks',

src/components/map/object-renderers/PlatformRenderer.js

@@ -0,0 +1,20 @@
+export default function PlatformRenderer(props) {
+    const { object } = props;
+    const [x, y] = object.pos.toSVGCoords();
+    if(!object.def) return null;
+
+    const [centerX, centerY] = object.def.center.toSVGCoords();
+    const sizeX = object.def.size.x;
+    const sizeY = object.def.size.z;
+
+    return (
+        <g className="platform" transform={`translate(${x}, ${y}) rotate(${object.rot.y})`}>
+            <rect
+                x={-sizeX / 2 + centerX}
+                y={-sizeY / 2 + centerY}
+                width={sizeX}
+                height={sizeY}
+            />
+        </g>
+    );
+}

src/helpers/constants.js

@@ -63,6 +63,11 @@ const Constants = {
         fetchListUrl: `${process.env.PUBLIC_URL}/sceneries/sceneries.json`,
     },
     layers: [
+        {
+            id: 'platforms',
+            name: 'Platforms (WIP)',
+            default: true,
+        },
         {
             id: 'tracks',
             name: 'Tracks',