Simple vite react based pixel game

[jlahtinen]

This pull request introduces a new Vite + React project for a game including project dependencies, and custom plugins for handling ASCII art. The most important changes include the README how to start this kind of project and an example of the project created by following README with copilot.

Project Setup:

• completesolution/js_vite_react_game/.gitignore: Added common ignore patterns for logs, build directories, and editor files.
• completesolution/js_vite_react_game/package.json: Defined project metadata, scripts, dependencies, and devDependencies for the Vite + React setup.
• completesolution/js_vite_react_game/index.html: Created the HTML template for the Vite + React application.

ESLint Configuration:

• completesolution/js_vite_react_game/eslint.config.js: Configured ESLint with support for React hooks, React refresh, and global browser variables.

Custom Plugins for ASCII Art:

• completesolution/js_vite_react_game/plugins/asciiArtToCssPlugin.js: Added a plugin to transform .atxt files into CSS during development and production.
• completesolution/js_vite_react_game/plugins/asciiArtToSvgPlugin.js: Added a plugin to transform .atxt files into SVG strings.
• completesolution/js_vite_react_game/plugins/generateAsciiArtCss.js: Implemented the function to generate CSS from .atxt file content.
• completesolution/js_vite_react_game/plugins/generateAsciiArtSvg.js: Implemented the function to generate SVG from .atxt file content.

Game Implementation:

• completesolution/js_vite_react_game/src/App.jsx: Developed the main game component, rendering enemies, ship, and ammo dynamically based on ASCII art, with collision detection logic.
• completesolution/js_vite_react_game/src/App.css: Added styles for the game components and animations.
• completesolution/js_vite_react_game/src/ascii-art/ammo.atxt: Defined the ASCII art for ammo.
• completesolution/js_vite_react_game/src/ascii-art/enemy.atxt: Defined the ASCII art for enemies.
• completesolution/js_vite_react_game/src/ascii-art/ship.atxt: Defined the ASCII art for the ship.
• completesolution/js_vite_react_game/src/index.css: Added global styles for the application.
• completesolution/js_vite_react_game/src/main.jsx: Set up the React application entry point.
• completesolution/js_vite_react_game/vite.config.js: Configured Vite with React and the custom ASCII art to SVG plugin.

[jakoivus]

This pull request introduces a new Vite + React project setup with various configurations, plugins, and initial implementation of a simple game using ASCII art. The most important changes include setting up the project structure, configuring ESLint, adding custom plugins for ASCII art, and implementing the initial game logic.

Project setup and configuration:

• completesolution/js_vite_react_game/.gitignore: Added standard ignore rules for logs, node_modules, build directories, and editor-specific files.
• completesolution/js_vite_react_game/package.json: Initialized the project with dependencies and scripts for development, build, linting, and preview.
• completesolution/js_vite_react_game/eslint.config.js: Configured ESLint with plugins for React hooks and refresh, and set up rules for the project.

Custom plugins for ASCII art:

• completesolution/js_vite_react_game/plugins/asciiArtToCssPlugin.js: Created a plugin to convert ASCII art files to CSS, handling both development and production environments.
• completesolution/js_vite_react_game/plugins/asciiArtToSvgPlugin.js: Created a plugin to convert ASCII art files to SVG, returning the SVG string as a JavaScript module.

Initial game implementation:

• completesolution/js_vite_react_game/src/App.jsx: Implemented the main game component with state management for enemies, ship, and ammo, and added logic for rendering and updating positions.
• completesolution/js_vite_react_game/src/ascii-art/enemy.atxt, completesolution/js_vite_react_game/src/ascii-art/ship.atxt, completesolution/js_vite_react_game/src/ascii-art/ammo.atxt: Added ASCII art files for game elements. [1] [2] [3]