Air Purifier Placement Simulator

เจ้าของผลงานเล่าไว้แบบนี้

Simple 100% Vibe Code Air Purifier Simulation. Generated by Gemini https://air-purifier-simulation.web.app # Air Purifier Placement Simulator An interactive, physics-based web simulator that helps you find the optimal placement for an air purifier in your room. Visualizes airflow patterns, PM 2.5 dust particle behavior, and real-time AQI using an HTML5 Canvas particle system — no build step, no dependencies. > UI and guidance text is in Thai (ภาษาไทย). ## Table of Contents - [Key Features](#key-features) - [Tech Stack](#tech-stack) - [Live Demo](#live-demo) - [Getting Started](#getting-started) - [Architecture](#architecture) - [Simulation Details](#simulation-details) - [Deployment](#deployment) - [Troubleshooting](#troubleshooting) --- ## Key Features - Real-time particle simulation of airflow and PM 2.5 dust using Canvas + `requestAnimationFrame` - Drag-and-drop AC unit, air purifier, and bed to any position in the room - Four air purifier models (Compact → Elite) with different CADR ratings and capture radii - Adjustable room dimensions and air speed - "Release PM 2.5" button to inject 150 dust particles instantly and watch purification - Color-coded AQI (Air Quality Index) display updated in real time - Educational placement guide with best-practice tips - Responsive layout — works on mobile and desktop - Automatic live deployment via GitHub Actions → Firebase Hosting --- ## Tech Stack | Layer | Technology | |---|---| | **Rendering** | HTML5 Canvas API | | **Language** | Vanilla JavaScript (ES6+) | | **Styling** | Tailwind CSS (CDN) | | **Hosting** | Firebase Hostin

โดย MicroBenz · ดูโพสต์ต้นทาง