Security Wecam(Grok)

This is a simple app that displays your webcam like a security camera.

Prompts:

Prompts(Optimized):

# Security Camera - Live Surveillance Effect

## Overview
Create a **web-based security camera app** that displays a live camera feed with a **black-and-white filter** and **scanning lines** for a surveillance effect. The app should have a **cute, pastel-themed design** and be simple to use.

## Features
- Displays a **live camera feed**.
- Applies a **black-and-white filter**.
- Adds **scanning lines** for a classic surveillance camera effect.

## Technical Requirements
- **Languages:** HTML, JavaScript
- **Frameworks/Libraries:** None (pure JavaScript)
- **Video Processing:** Uses **getUserMedia API** to access the camera and **Canvas API** to apply effects.

## UI Design
- **Canvas:** Displays the **modified live camera feed**.
- **Screen Size:** 300x300 pixels.
- **Theme:** Pastel colors with a **cute and minimalistic design**.

## User Interaction Flow
1. The app **accesses the user's camera**.
2. The **live feed is displayed in black and white**.
3. **Scanning lines** move across the screen to simulate a security camera effect.

engine:

Grok

<< menu