ASCII Game World

\n {world.map((row, i) => (\n

\n {row.map((tile, j) => (\n {tile}\n ))}\n

\n ))}\n \n

View Source

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nasync function server(request: Request): Promise {\n const url = new URL(request.url);\n \n if (url.pathname === '/generate') {\n const world = generateWorld(20, 40);\n return new Response(JSON.stringify({ world }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n return new Response(`\n \n \n ASCII Game World Generator\n \n \n \n

\n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nfunction generateWorld(height: number, width: number): string[][] {\n const world = Array(height).fill(0).map(() => Array(width).fill(null));\n const stack: [number, number][] = [];\n\n // Start with a random tile in the middle\n const startY = Math.floor(height / 2);\n const startX = Math.floor(width / 2);\n world[startY][startX] = getRandomTile();\n stack.push([startY, startX]);\n\n while (stack.length > 0) {\n const [y, x] = stack.pop()!;\n const neighbors = [\n [y - 1, x], [y + 1, x], [y, x - 1], [y, x + 1]\n ].filter(([ny, nx]) => ny >= 0 && ny < height && nx >= 0 && nx < width);\n\n for (const [ny, nx] of neighbors) {\n if (world[ny][nx] === null) {\n const possibleTiles = getPossibleTiles(world, ny, nx);\n if (possibleTiles.length > 0) {\n world[ny][nx] = possibleTiles[Math.floor(Math.random() * possibleTiles.length)];\n stack.push([ny, nx]);\n }\n }\n }\n }\n\n // Fill any remaining null tiles\n for (let y = 0; y < height; y++) {\n for (let x = 0; x < width; x++) {\n if (world[y][x] === null) {\n world[y][x] = getRandomTile();\n }\n }\n }\n\n return world;\n}\n\nfunction getRandomTile(): string {\n const tiles = Object.keys(tileTypes);\n return tiles[Math.floor(Math.random() * tiles.length)];\n}\n\nfunction getPossibleTiles(world: string[][], y: number, x: number): string[] {\n const neighbors = [\n world[y - 1]?.[x],\n world[y + 1]?.[x],\n world[y]?.[x - 1],\n world[y]?.[x + 1]\n ].filter(Boolean);\n\n return Object.entries(tileTypes)\n .filter(([tile, { constraints }]) => \n neighbors.every(neighbor => constraints.includes(neighbor))\n )\n .map(([tile]) => tile);\n}\n\nconst css = `\n body {\n font-family: sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n }\n #root {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n }\n button {\n margin-top: 10px;\n padding: 5px 10px;\n font-size: 16px;\n }\n`;\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/jxnblk/the-juice/code/still-olive-barnacle","extension","actionData","errors"]