🤖 Pixel Engineer: Live Wallpaper Combat 🤖

A clean, interactive, and action-oriented live wallpaper experience. Watch your Pixel Engineer defend the workshop floor from robotic threats in a beautiful 3D-layered environment.

📸 Preview

---

🌟 Features

• 🎯 Interactive Combat: The Engineer automatically tracks and neutralizes robotic bug enemies.
• 🖱️ Mouse Following: When the coast is clear, the Engineer follows your crosshair cursor.
• 🌿 3D Depth Layering: Multiple foreground and background layers (clouds, grass, sun) create an immersive depth effect.
• 🎨 Pure CSS Environment: A lightweight, high-performance background rendered entirely with CSS gradients.
• ✨ Minimalist Design: No UI clutter, no text logs—just pure, reactive pixel art.

---

🚀 Live Wallpaper Setup (Windows)

You can use this project as a fully interactive desktop wallpaper using Lively Wallpaper.

Method 1: URL (Recommended)

1. Open Lively Wallpaper.
2. Click Add Wallpaper (+).
3. Paste the Live Link: https://owsam22.github.io/pixel-engineer-live-wallpaper/
4. Click OK and enjoy!

Method 2: Local Files

1. Download or clone this repository:

   git clone https://github.com/owsam22/pixel-engineer-live-wallpaper.git

2. Open Lively Wallpaper.
3. Click Add Wallpaper (+).
4. Browse and select the index.html file from the project folder.
5. Click OK.

---

🛠️ Tech Stack

• Graphics: PIXI.js for high-performance 2D rendering.
• Logic: Vanilla JavaScript with a custom State Machine.
• Styling: Modern CSS3 Gradients & Flexbox.

---

📸 Graphics

Asset	Role
	The Hero
	The Robotic Bug
	Foreground Depth
	Atmospheric Sky

---

👤 Credits

Developed by owsam22.

---

Note: This project is optimized for high resolutions and performance as a desktop background.