small refactor, move render stuff to render/

js13k2024/game/src/game-states/gameplay/game-logic.ts

@@ -7,7 +7,11 @@ import {
   isInExplosionRange,
 } from './monster-logic';
 import { generateLevel } from './level-generator';
-import { BLASTER_SHOT_DURATION, MOVE_ANIMATION_DURATION, OBSTACLE_DESTRUCTION_DURATION } from './animation-utils';
+import {
+  BLASTER_SHOT_DURATION,
+  MOVE_ANIMATION_DURATION,
+  OBSTACLE_DESTRUCTION_DURATION,
+} from './render/animation-utils';
 import { soundEngine } from '../../sound/sound-engine';
 import {
   getDirectionFromKey,

js13k2024/game/src/game-states/gameplay/game-render.ts

@@ -1,16 +1,16 @@
 import { BonusType, GameState, LevelConfig } from './gameplay-types';
-import { drawObstacles, drawGoal } from './grid-objects-render';
-import { drawGrid } from './grid-render';
-import { drawPlayer } from './player-render';
-import { drawMonsters } from './monster-render';
-import { drawBonuses, drawLandMines, drawTimeBombs } from './bonus-render';
-import { drawExplosions } from './explosion-render';
-import { calculateDrawingOrder } from './isometric-utils';
-import { calculateShakeOffset, interpolatePosition } from './animation-utils';
-import { drawTooltip } from './tooltip-render';
-import { drawElectricalDischarges } from './discharges-render';
-import { drawPlatform } from './grid-render';
-import { drawBlasterShot, drawSlideTrail, drawTsunamiEffect } from './bonus-effect-render';
+import { drawObstacles, drawGoal } from './render/grid-objects-render';
+import { drawGrid } from './render/grid-render';
+import { drawPlayer } from './render/player-render';
+import { drawMonsters } from './render/monster-render';
+import { drawBonuses, drawLandMines, drawTimeBombs } from './render/bonus-render';
+import { drawExplosions } from './render/explosion-render';
+import { calculateDrawingOrder } from './render/isometric-utils';
+import { calculateShakeOffset, interpolatePosition } from './render/animation-utils';
+import { drawTooltip } from './render/tooltip-render';
+import { drawElectricalDischarges } from './render/discharges-render';
+import { drawPlatform } from './render/grid-render';
+import { drawBlasterShot, drawSlideTrail, drawTsunamiEffect } from './render/bonus-effect-render';
 
 export const PLATFORM_HEIGHT = 20;
 

js13k2024/game/src/game-states/gameplay/gameplay.tsx

@@ -1,6 +1,6 @@
 import { FunctionComponent, useState, useRef, useEffect } from 'react';
 import { drawGameState } from './game-render';
-import { drawMoveArrows } from './move-arrows-render';
+import { drawMoveArrows } from './render/move-arrows-render';
 import { doGameUpdate, handleKeyPress, isGameEnding } from './game-logic';
 import { getMoveFromClick, getValidMoves } from './move-utils';
 import { HUD } from './hud';

js13k2024/game/src/game-states/gameplay/move-utils.ts

@@ -1,5 +1,5 @@
 import { BonusType, Direction, GameState, LevelConfig, Position } from './gameplay-types';
-import { getArrowShape } from './move-arrows-render';
+import { getArrowShape } from './render/move-arrows-render';
 
 export const isPositionEqual = (pos1: Position, pos2: Position): boolean => pos1.x === pos2.x && pos1.y === pos2.y;
 

js13k2024/game/src/game-states/gameplay/animation-utils.ts → js13k2024/game/src/game-states/gameplay/render/animation-utils.ts

@@ -1,4 +1,4 @@
-import { ElectricalDischarge } from './gameplay-types';
+import { ElectricalDischarge } from '../gameplay-types';
 
 export const MOVE_ANIMATION_DURATION = 250; // 1/4 second
 export const TELEPORT_ANIMATION_DURATION = 500; // 1/2 second

js13k2024/game/src/game-states/gameplay/bonus-effect-render.ts → js13k2024/game/src/game-states/gameplay/render/bonus-effect-render.ts

@@ -1,5 +1,5 @@
 import { interpolatePosition } from './animation-utils';
-import { BlasterShot, Direction, GameState, Position } from './gameplay-types';
+import { BlasterShot, Direction, GameState, Position } from '../gameplay-types';
 import { toIsometric } from './isometric-utils';
 
 export const drawTsunamiEffect = (

js13k2024/game/src/game-states/gameplay/bonus-render.ts → js13k2024/game/src/game-states/gameplay/render/bonus-render.ts

@@ -1,4 +1,4 @@
-import { Position, Bonus, BonusType } from './gameplay-types';
+import { Position, Bonus, BonusType } from '../gameplay-types';
 import { toIsometric, TILE_WIDTH, TILE_HEIGHT } from './isometric-utils';
 import { drawShadow } from './grid-render';
 

js13k2024/game/src/game-states/gameplay/explosion-render.ts → js13k2024/game/src/game-states/gameplay/render/explosion-render.ts

@@ -1,4 +1,4 @@
-import { Explosion } from './gameplay-types';
+import { Explosion } from '../gameplay-types';
 import { toIsometric, TILE_WIDTH, TILE_HEIGHT } from './isometric-utils';
 
 export const drawExplosions = (ctx: CanvasRenderingContext2D, explosions: Explosion[]) => {

js13k2024/game/src/game-states/gameplay/grid-objects-render.ts → js13k2024/game/src/game-states/gameplay/render/grid-objects-render.ts

@@ -1,4 +1,4 @@
-import { Position, Obstacle } from './gameplay-types';
+import { Position, Obstacle } from '../gameplay-types';
 import { toIsometric, TILE_WIDTH, TILE_HEIGHT } from './isometric-utils';
 import { calculateObstacleHeight } from './animation-utils';
 

js13k2024/game/src/game-states/gameplay/grid-render.ts → js13k2024/game/src/game-states/gameplay/render/grid-render.ts

@@ -1,6 +1,6 @@
-import { PLATFORM_HEIGHT } from './game-render';
+import { PLATFORM_HEIGHT } from '../game-render';
 import { TILE_HEIGHT, TILE_WIDTH, toIsometric } from './isometric-utils';
-import { GameState } from './gameplay-types';
+import { GameState } from '../gameplay-types';
 
 export const drawPlatform = (ctx: CanvasRenderingContext2D, gridSize: number) => {
   const topLeft = toIsometric(0, 0);
@@ -94,18 +94,18 @@ const drawTsunamiTile = (ctx: CanvasRenderingContext2D, x: number, y: number, ts
   ctx.lineWidth = 2;
   ctx.beginPath();
   ctx.moveTo(isoX - TILE_WIDTH / 2, isoY + TILE_HEIGHT / 2 - waterHeight + Math.sin(Date.now() / 200 + x * 0.5) * 3);
-  ctx.lineTo(isoX + TILE_WIDTH / 2, isoY + TILE_HEIGHT / 2 - waterHeight + Math.sin(Date.now() / 200 + (x + 1) * 0.5) * 3);
+  ctx.lineTo(
+    isoX + TILE_WIDTH / 2,
+    isoY + TILE_HEIGHT / 2 - waterHeight + Math.sin(Date.now() / 200 + (x + 1) * 0.5) * 3,
+  );
   ctx.stroke();
 };
 
 const drawSlideTile = (ctx: CanvasRenderingContext2D, x: number, y: number) => {
   const { x: isoX, y: isoY } = toIsometric(x, y);
 
   // Draw a subtle ice-like effect
-  const gradient = ctx.createLinearGradient(
-    isoX - TILE_WIDTH / 2, isoY,
-    isoX + TILE_WIDTH / 2, isoY + TILE_HEIGHT
-  );
+  const gradient = ctx.createLinearGradient(isoX - TILE_WIDTH / 2, isoY, isoX + TILE_WIDTH / 2, isoY + TILE_HEIGHT);
   gradient.addColorStop(0, 'rgba(200, 200, 255, 0.2)');
   gradient.addColorStop(0.5, 'rgba(220, 220, 255, 0.3)');
   gradient.addColorStop(1, 'rgba(200, 200, 255, 0.2)');
@@ -140,4 +140,4 @@ export const drawShadow = (ctx: CanvasRenderingContext2D, x: number, y: number,
   ctx.beginPath();
   ctx.ellipse(x + width / 2, y + height / 2 + SHADOW_OFFSET, width / 2, height / 4, 0, 0, Math.PI * 2);
   ctx.fill();
-};
+};

js13k2024/game/src/game-states/gameplay/isometric-utils.ts → js13k2024/game/src/game-states/gameplay/render/isometric-utils.ts

@@ -1,4 +1,4 @@
-import { Position } from './gameplay-types';
+import { Position } from '../gameplay-types';
 
 // Constants for isometric tile dimensions
 export const TILE_WIDTH = 60;

js13k2024/game/src/game-states/gameplay/monster-render.ts → js13k2024/game/src/game-states/gameplay/render/monster-render.ts

@@ -1,10 +1,15 @@
-import { Monster } from './gameplay-types';
+import { Monster } from '../gameplay-types';
 import { toIsometric } from './isometric-utils';
 import { interpolatePosition } from './animation-utils';
 import { EntityRenderParams } from './entity-render-utils';
 import { renderEntity } from './entity-render';
 
-export const drawMonsters = (ctx: CanvasRenderingContext2D, monsters: Monster[], cellSize: number, isPlayerMonster: boolean) => {
+export const drawMonsters = (
+  ctx: CanvasRenderingContext2D,
+  monsters: Monster[],
+  cellSize: number,
+  isPlayerMonster: boolean,
+) => {
   monsters.forEach((monster) => {
     const interpolatedPosition = interpolatePosition(monster.position, monster.previousPosition, monster.moveTimestamp);
 
@@ -67,4 +72,4 @@ const drawPlayerFeatures = (ctx: CanvasRenderingContext2D, x: number, y: number,
   }
 
   ctx.restore();
-};
+};

js13k2024/game/src/game-states/gameplay/move-arrows-render.ts → js13k2024/game/src/game-states/gameplay/render/move-arrows-render.ts

@@ -1,6 +1,6 @@
-import { Position, Direction } from './gameplay-types';
+import { Position, Direction } from '../gameplay-types';
 import { toIsometric } from './isometric-utils';
-import { getNewPosition, getOrthogonalDirection } from './move-utils';
+import { getNewPosition, getOrthogonalDirection } from '../move-utils';
 
 // Updated function to draw move arrows
 

js13k2024/game/src/game-states/gameplay/player-render.ts → js13k2024/game/src/game-states/gameplay/render/player-render.ts

@@ -1,4 +1,4 @@
-import { Obstacle, Player } from './gameplay-types';
+import { Obstacle, Player } from '../gameplay-types';
 import { toIsometric } from './isometric-utils';
 import {
   interpolatePosition,

js13k2024/game/src/game-states/gameplay/tooltip-render.ts → js13k2024/game/src/game-states/gameplay/render/tooltip-render.ts

@@ -1,4 +1,4 @@
-import { Position, BonusType, getBonusDescription } from './gameplay-types';
+import { Position, BonusType, getBonusDescription } from '../gameplay-types';
 import { toIsometric } from './isometric-utils';
 
 export const drawTooltip = (

js13k2024/game/src/game-states/intro/game-preview.tsx

@@ -1,6 +1,6 @@
 import { FunctionComponent, useEffect, useRef } from 'react';
 import { drawGameState } from '../gameplay/game-render';
-import { drawGrid } from '../gameplay/grid-render';
+import { drawGrid } from '../gameplay/render/grid-render';
 import { GameState, BonusType } from '../gameplay/gameplay-types';
 
 const PREVIEW_WIDTH = 300;