폴라로이드 카메라 감성으로 즉석 인화 및 사진 배치가 가능한 웹캠 앱을 개발합니다.
Please develop a web camera application with a retro Polaroid atmosphere. Place a Polaroid camera model in the lower-left corner of the page that can call the user’s webcam and show a real-time preview. After clicking the shutter, a piece of “photo paper” slowly comes out from the top of the camera, and the photo develops from initially blurry to clear. Users can drag the fully developed photo from above the camera to any position on the page, creating a free layout similar to a “photo collage wall.”
레트로 폴라로이드 분위기의 웹 카메라 애플리케이션을 개발해 주세요. 페이지 좌측 하단에 사용자의 웹캠을 호출하여 실시간 미리보기를 보여주는 폴라로이드 카메라 모델을 배치합니다. 셔터를 클릭하면 카메라 상단에서 '인화지' 한 장이 천천히 나오고, 사진은 처음에 흐릿했다가 점차 선명하게 인화됩니다. 사용자는 완전히 인화된 사진을 카메라 위에서 페이지의 어느 위치로든 드래그하여 배치할 수 있어, 자유로운 '사진 콜라주 벽' 형태의 레이아웃을 만들 수 있습니다.
출처 · GitHub YouMind-OpenLab/awesome-gemini-3-prompts — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
레트로 감성의 폴라로이드 카메라 렌즈를 통해 실시간 피드를 미리보고, 셔터를 눌러 즉석 인화지가 배출되면서 서서히 선명해지는 아날로그 현상 과정을 시각화했습니다. 현상된 즉석사진들을 코르크 보드 형태의 자유로운 콜라주 벽면 어디로든 자유롭게 드래그하여 나만의 빈티지 사진 갤러리를 꾸밀 수 있습니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Please develop a web camera application with a retro Polaroid atmosphere. Place a Polaroid camera model in the lower-left corner of the page that can call the user’s webcam and show a real-time preview. After clicking the shutter, a piece of “photo paper” slowly comes out from the top of the camera, and the photo develops from initially blurry to clear. Users can drag the fully developed photo from above the camera to any position on the page, creating a free layout similar to a “photo collage wall.”
레트로 감성의 폴라로이드 카메라 렌즈를 통해 실시간 피드를 미리보고, 셔터를 눌러 즉석 인화지가 배출되면서 서서히 선명해지는 아날로그 현상 과정을 시각화했습니다. 현상된 즉석사진들을 코르크 보드 형태의 자유로운 콜라주 벽면 어디로든 자유롭게 드래그하여 나만의 빈티지 사진 갤러리를 꾸밀 수 있습니다.
원문과 같은 언어로 보완한 프롬프트입니다. 점수는 명확성 · 구체성 · 출력 형식 · 재사용성 기준의 AI 평가입니다.
Act as a Senior Frontend Developer. Create a web application with a retro Polaroid aesthetic using [HTML/CSS/JavaScript]. 1. UI: Position a Polaroid camera model in the bottom-left with a real-time webcam preview. 2. Logic: Upon clicking the shutter, generate a 'photo paper' div that slides out from the top. 3. Animation: Use CSS filters to simulate the photo 'developing' (blurry/white to clear over [X] seconds). 4. Interaction: Enable drag-and-drop functionality so users can arrange photos freely to create a collage. Ensure the code handles camera permissions and is modular.