ウェブカメラをセキュリティカメラのように表示(Grok)
ウェブカメラをセキュリティカメラのように表示するシンプルなアプリです。
Launch
Prompts:
Create a security camera app #title - Security Camera #Coding - HTML code with a JavaScript #Screen - Size: 300x300 - Overall pastel-themed and cute design - Simple and easy to use #UI - Canvas:display the camera image as black and white image with scanning lines
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
