외부 라이브러리 없이 HTML5 기반 2D 웹 게임을 단일 파일로 신속하게 제작하고 싶을 때 유용합니다.
I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (index.html) build of an architectural flight evasion game. GAME SPEC: Title: Gravity Flux Core mechanic: Navigate a self-inflating soft-body sphere through an environment of closing and expanding organic geometric gaps. Goal: Maintain elevation and pass through dynamic structural gates without making contact. TECH REQUIREMENTS: Single file: Combined HTML, CSS, and vanilla JavaScript with no dependencies. Rendering: 2D Canvas API. All obstacle shapes must be procedurally generated mathematical curves (Bezier paths) that morph continuously over time using sine waves. Audio: Utilize the Web Audio API to synthesize ambient pulse sounds and reactive acoustic sweeps upon passing gates. Design style: Zen-like abstract art style. Uses a monochromatic pastel palette with deep soft shadows (shadowBlur on canvas) to emphasize spatial depth and fluid motion.
최고 수준의 물리 기반 게임 플레이 프로그래머 역할을 해주길 바랍니다. 구조적 비행 회피 게임의 단일 파일(index.html) 빌드를 생성하세요. 게임 사양: 제목: Gravity Flux 핵심 메커니즘: 닫히고 확장되는 유기적 기하학적 간격 사이로 자체 팽창하는 소프트 바디 구체를 조종합니다. 목표: 고도를 유지하며 접촉 없이 동적 구조 게이트를 통과합니다. 기술 요구사항: 단일 파일: 의존성 없는 HTML, CSS, 바닐라 JavaScript의 결합. 렌더링: 2D Canvas API. 모든 장애물 형태는 사인파를 사용하여 시간이 지남에 따라 연속적으로 변형되는 절차적으로 생성된 수학적 곡선(베지어 경로)이어야 합니다. 오디오: Web Audio API를 활용하여 앰비언트 펄스 사운드와 게이트 통과 시 반응형 아쿠스틱 스윕을 합성합니다. 디자인 스타일: 선(Zen) 스타일의 추상적 아트 스타일. 깊은 소프트 섀도우(캔버스의 shadowBlur)를 갖춘 단색 파스텔 팔레트를 사용하여 공간적 깊이와 유연한 움직임을 강조합니다.
출처 · prompts.chat · Gravity Flux Flappy Engine — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
웹 오디오 API와 HTML5 Canvas 2D를 활용하여 부드러운 유체 물리 엔진과 실시간 파동 장애물을 구현한 젠(Zen) 스타일 비행 게임 'TPI 중력 플럭스'입니다. 절제된 파스텔 톤 그래픽과 감각적인 사운드 스위프가 어우러지며, 페이지 로드 즉시 스스로 플레이하는 자동 시연 모드에서 사용자 터치/클릭 조작으로 자연스럽게 전환됩니다.
I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (index.html) build of an architectural flight evasion game. GAME SPEC: Title: TPI 중력 플럭스 (Gravity Flux) Core mechanic: Navigate a self-inflating soft-body sphere through an environment of closing and expanding organic geometric gaps. Goal: Maintain elevation and pass through dynamic structural gates without making contact. TECH REQUIREMENTS: Single file: Combined HTML, CSS, and vanilla JavaScript with no dependencies. Rendering: 2D Canvas API. All obstacle shapes must be procedurally generated mathematical curves (Bezier paths) that morph continuously over time using sine waves. Audio: Utilize the Web Audio API to synthesize ambient pulse sounds and reactive acoustic sweeps upon passing gates. Design style: Zen-like abstract art style. Uses a monochromatic pastel palette with deep soft shadows (shadowBlur on canvas) to emphasize spatial depth and fluid motion.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (index.html) build of an architectural flight evasion game. GAME SPEC: Title: mopick 중력 플럭스 (Gravity Flux) Core mechanic: Navigate a self-inflating soft-body sphere through an environment of closing and expanding organic geometric gaps. Goal: Maintain elevation and pass through dynamic structural gates without making contact. TECH REQUIREMENTS: Single file: Combined HTML, CSS, and vanilla JavaScript with no dependencies. Rendering: 2D Canvas API. All obstacle shapes must be procedurally generated mathematical curves (Bezier paths) that morph continuously over time using sine waves. Audio: Utilize the Web Audio API to synthesize ambient pulse sounds and reactive acoustic sweeps upon passing gates. Design style: Zen-like abstract art style. Uses a monochromatic pastel palette with deep soft shadows (shadowBlur on canvas) to emphasize spatial depth and fluid motion.
웹 오디오 API와 HTML5 Canvas 2D를 활용하여 부드러운 유체 물리 엔진과 실시간 파동 장애물을 구현한 젠(Zen) 스타일 비행 게임 'mopick 중력 플럭스'입니다. 절제된 파스텔 톤 그래픽과 감각적인 사운드 스위프가 어우러지며, 페이지 로드 즉시 스스로 플레이하는 자동 시연 모드에서 사용자 터치/클릭 조작으로 자연스럽게 전환됩니다.
mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
입력 칸레슨 05 배우기 ›
원문 · 없음바꿔 넣을 자리가 표시돼 있지 않아 쓸 때마다 원문을 직접 고쳐야 했습니다.
개선 · 1개[Spacebar / Left Mouse Click]
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
원문
I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (index.html) build of an architectural flight evasion game. GAME SPEC: Title: Gravity Flux Core mechanic: Navigate a self-inflating soft-body sphere through an environment of closing and expanding organic geometric gaps. Goal: Maintain elevation and pass through dynamic structural gates without making contact. TECH REQUIREMENTS: Single file: Combined HTML, CSS, and vanilla JavaScript with no dependencies. Rendering: 2D Canvas API. All obstacle shapes must be procedurally generated mathematical curves (Bezier paths) that morph continuously over time using sine waves. Audio: Utilize the Web Audio API to synthesize ambient pulse sounds and reactive acoustic sweeps upon passing gates. Design style: Zen-like abstract art style. Uses a monochromatic pastel palette with deep soft shadows (shadowBlur on canvas) to emphasize spatial depth and fluid motion.
개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
I want you to act as a top-tier physics-based gameplay programmer. Produce a SINGLE FILE (`index.html`) build of an architectural flight evasion game. GAME SPEC: - Title: Gravity Flux - Core Mechanic: Navigate a self-inflating soft-body sphere through closing and expanding organic geometric gaps. - Controls: [Spacebar / Left Mouse Click] to inflate and apply upward buoyancy force; gravity constantly pulls down. - Goal & Loop: Maintain elevation, pass through dynamic structural gates to score points. Show current score and reset instantly upon collision. TECH REQUIREMENTS: - Single File: Combined HTML, CSS, and vanilla JavaScript with zero external dependencies. - Rendering: 2D Canvas API with procedurally generated Bezier paths morphing continuously via sine waves. Monochromatic pastel palette with soft canvas shadows (`shadowBlur`). - Audio: Web Audio API synthesizing ambient background pulses and reactive gate-pass acoustic sweeps. OUTPUT FORMAT: - Deliver ONLY complete, production-ready, fully playable code inside a single `html` code block without code truncation or conversational text.