🐍 WebAssembly Snake Game

This is a Snake game built using Rust and WebAssembly (WASM), with a React frontend. The game runs efficiently in the browser using WebGL2 for rendering.

🚀 Features

• WebAssembly-Powered: The game logic is written in Rust and compiled to WebAssembly for high performance.
• React Integration: A React frontend handles game settings and user interactions.
• WebGL2 Rendering: Uses WebGL2 for smooth and efficient graphics.

---

🛠️ Technology Stack

• Rust → Game logic and WebAssembly bindings
• WebAssembly (WASM) → Runs the Rust code in the browser
• React (TypeScript) → Frontend UI
• WebGL2 → Graphics rendering
• JS/WASM Interop → wasm_bindgen for Rust-JS communication

---

📜 How It Works

Game Loop

1. The game initializes a WebGL2 rendering context.
2. The snake moves automatically, and the player controls its direction using the keyboard.
3. When the snake eats food, it grows in size.
4. If the snake collides with itself, the game resets.
5. The game runs inside a requestAnimationFrame loop for smooth performance.

---

🕹️ How to Play

1. Open the game in a browser.
2. Use arrow keys to move the snake.
3. Eat food to grow longer.
4. Avoid hitting the walls or yourself.
5. Pause the game by opening the settings panel (top-left three-dot menu).

---

📦 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/Jozefpodlecki/Snake

2️⃣ Build the WebAssembly Module

Run the following command inside the game directory:

cd game
wasm-pack build --target web --out-dir ../web/snake-game --debug

3️⃣ Install Dependencies & Start the Web App

Navigate to the web directory and start the development server:

cd web
npm install
npm run dev

📜 Credits

• rustwasm.github.io
• developer.mozilla.org = Rust_to_Wasm
• rollup-starter-app
• wasm-bindgen - request animation frame
• so -how-to-convert-closure-to-js-sysfunction
• reactjs-vite-tailwindcss-boilerplate
• simpleicons
• wasm-bindgen examples
• console_error_panic_hook