ウェブカメラを左右反転表示(Grok)
ウェブカメラを左右反転表示するだけのアプリです。
Launch
Prompts:
Create a mirror camera app #title - Mirror Camera #Coding - HTML code with a JavaScript #Screen - Size: 300x300 - Overall pastel-themed and cute design - Simple and easy to use #UI - Canvas:Flip the image horizontally to display the camera image.
Prompts(Optimized):
# Mirror Camera - Live Camera with Mirror Effect ## Overview Create a **web-based mirror camera app** that flips the live camera feed **horizontally** in real-time. The app should have a **cute, pastel-themed design** and be easy to use. ## Features - Displays a **live camera feed**. - **Flips the image horizontally** to create a mirror effect. - Uses a **Canvas element** for rendering. ## Technical Requirements - **Languages:** HTML, JavaScript - **Frameworks/Libraries:** None (pure JavaScript) - **Video Processing:** Uses **getUserMedia API** to access the camera and **Canvas API** to apply mirroring. ## UI Design - **Canvas:** Displays the **mirrored 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 camera feed is **flipped horizontally**. 3. The mirrored image is displayed on the **Canvas** in real-time.
engine:
Grok
<< menu
