듀오링고 배틀

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Create a responsive browser game titled “듀오링고 배틀” (English title in the document may be Word Warden), a portrait-friendly 3D educational battle game. Use a dark navy-to-purple gradient backdrop and a Three.js-style orthographic-feeling perspective arena: a circular dark purple floor/ring with soft fog and warm/cool lighting. Keep the camera fixed facing a simple battle stage from the front, slightly elevated, with the player on the left and an owl mascot enemy on the right.

The player avatar is a small stylized blue armored humanoid/word hero: a bright cyan-blue capsule-shaped body, a dark visor/face plate, and a glowing pale-gold sword held at the right side. The enemy is a large cute green owl mascot resembling Duolingo: round lime-green body, lighter green belly, darker green wings and pointed ear/feather shapes, pale eye patches, dark eyes with cyan highlights, green brows, orange beak, small orange feet and toes, and small dark-green chest feathers. Give both characters soft shadows and very subtle idle bobbing; let the owl gently rotate side to side. Put a small angled green label near the enemy reading “🦉 듀오링고”.

The game is a quiz combat loop. At startup, show a full-screen translucent dark overlay and centered rounded navy panel. The panel contains the large Korean title “듀오링고 배틀”, the description “듀오링고가 길을 막고 있다.\n문제를 맞히면 공격하고, 3번 쓰러뜨리면 다음 웨이브로 넘어간다.”, and a wide yellow rounded button labeled “전투 시작”. Do not show the quiz interaction as active until this button is pressed.

During play, show a top HUD with three dark translucent pill counters: left “WAVE 1”, center “영웅 HP 3 · 점수 0”, and right “듀오링고 HP 3”. Near the bottom, place a wide dark rounded question card with a centered Korean prompt and four answer buttons in a 2-column grid. Buttons are light/off-white, rounded, bold, and have a subtle inset lower shadow. The initial/fallback prompt reads “문제를 읽고 정답을 골라 공격하세요!”. Use these exact quiz questions, answers, and correct choices, cycling through them: (1) ““사과”를 영어로 고르세요” — apple, water, house, green; correct apple. (2) ““cat”의 뜻은?” — 개, 고양이, 새, 물고기; correct 고양이. (3) “빈칸을 채우세요: I ___ happy.” — am, is, are, be; correct am. (4) ““안녕하세요”에 가장 가까운 말은?” — Goodbye, Please, Hello, Thanks; correct Hello. (5) ““book”은 무엇일까요?” — 책, 빵, 공, 학교; correct 책. (6) “다음 중 색깔은?” — run, blue, jump, eat; correct blue. (7) ““Thank you”의 뜻은?” — 미안해요, 고마워요, 괜찮아요, 어서 와요; correct 고마워요. (8) “They ___ friends.” — am, is, are, be; correct are.

When the player taps/clicks an answer, lock the question and disable all four choices. On a correct answer, color the selected button green, show the temporary message “정답! 공격 성공 ✨” in pale green, add 100 points, reduce Duolingo HP by 1, briefly pulse the owl larger, and swing the hero sword forward before returning it. On an incorrect answer, color the selected button red, show “오답! 반격을 받았다 💥” in pale red, reduce hero HP by 1, and briefly pulse the hero. After a short delay, if neither side is defeated, advance to the next question.

When Duolingo HP reaches zero, advance to the next wave after a brief delay. Increment the wave, set enemy HP to 3 plus half the wave rounded down (capped at 5), restore the hero by 1 HP up to a maximum of 3, increment the question position, briefly pulse the enemy, and show “WAVE [number]! 더 어려운 문제다!” in yellow. The player’s HP starts at 3, enemy HP starts at 3, score starts at 0, and successful hits require three correct answers to defeat the enemy in a wave. If hero HP reaches zero, show a centered dark overlay panel with “쓰러졌다”, text in the form “[wave]웨이브에서 멈췄어요. 다시 도전해 보세요.”, and a yellow “다시 도전” button. The victory overlay should use “승리!” and text in the form “총 [score]점으로 [wave]웨이브까지 돌파했어요.”; preserve the same restart button. Restart fully resets to wave 1, both HP 3, score 0, and the first playable state.

Make the UI mobile-friendly: full viewport canvas, max-width around 980px, large rounded cards, responsive font sizes, two answer columns, touch-friendly buttons, and overflow hidden. Use white bold text with shadows, translucent navy HUD panels, yellow primary buttons, and a polished friendly educational-game look. Controls are exclusively pointer/touch/click interaction with the on-screen Start, answer, and Restart buttons; there is no keyboard movement or free-roaming.