Logo Brain Project Report
1. The Concept
Logo Brain is a portrait mobile logo-quiz game for Khmer and English players. Under the Khmer title ទាយប្រេន, it asks players to recognize international brand marks through short casual rounds: name the logo, spell the letters, guess the country of origin, pick the business category, identify the logo type, or recall the year founded. Each Play costs energy. Coins unlock extra modes. Three lives and a 20-second timer keep the session tight. The product is a no-install web prototype meant to feel like a pocket quiz studio, not a farm or animal game.
2. The Stack
The Stack: HTML5, CSS3, and vanilla JavaScript in three files (index.html, style.css, game.js). No framework, bundler, or backend. Progress lives in browser localStorage. Brand art is WebP in assets/logos/. Fonts are Nunito and Kantumruy Pro. Audio is local OGG/WAV (Kenney CC0 SFX plus Kevin MacLeod CC BY music). A local static server (python -m http.server) is enough to run it.
The AI Assist: Cursor (Grok 4.6) paired with the designer-developer in one chat. The agent expanded the brand catalog, converted logos to WebP, rewired quiz modes, restyled sheets, added How to play and first-run logic, sourced legal audio, then tuned sound and logo size from live screenshots and Khmer feedback.
3. The 1 Day Sprint:
Morning (Hours 1–3): Grew the quiz from a small set into a real catalog (sports, fashion, food, phones, computers, cars, motorcycles, and more) and kept Home arrows on quiz types, not logo categories. Names stayed free; Country, Category, Letters, Logo Type, and Year Founded stay locked behind coins. Enlarged the category-mode brand mark and rebuilt Pause/Settings to match the navy-and-gold Unlock Country sheet instead of tall stone panels.
Afternoon (Hours 4–6): Fixed the Pause overlay that stacked Level and Lives on top of each other. Added an Energy explainer and a full How to play guide. First visit auto-opens the guide; returning players only see it from Settings. Downloaded CC0 interface sounds and music, then threw out the cartoon “animal game” loops after they clashed with a brand quiz.
The Finish Line (Hour 7-8): Replaced music with lounge/quiz tracks (Lobby Time on Home, Cipher in play) and swapped 8-bit jingles for glass dings, a quiz buzzer, and chip/card SFX. Enlarged answer-tile logos from about 68% to 92% of the button so wordmarks like Zara and Panasonic are readable. Settings now credits the music license. First tap still unlocks audio because browsers block autoplay.
4. The Roadblocks
Roadblocks: CSS had many late !important rules, so Pause children inherited a centered overlay and answer logos stayed tiny until the last stylesheet block was changed. Mixkit music cannot be used in games, so that download path was a dead end. Kenney’s beach and pizzicato packs were legal but sounded like a kids’ animal title, not a logo quiz. Existing localStorage saves had no seenHowPlay flag, so first-run logic had to treat old players as already onboarded. Brand marks remain third-party IP; this build is a prototype, not a commercial ship.
5. Key Takeaways
A logo quiz lives or dies on read speed: large marks, clear modes, and a timer the player understands. Energy vs coins needed a sentence in the UI, not only a HUD number. Onboarding should appear once, then get out of the way.
Audio is part of genre. Legal files that belong to a farm game will make a brand quiz feel wrong. CC0 and CC BY with credit are enough if the mood matches.
Vanilla HTML/CSS/JS is fast to ship and easy to break with stacked overrides. Fix the last winning rule, not the first.
My final thought: Logo Brain already plays like a real pocket quiz: bilingual, mode-based, and picky about how it looks and sounds. The next honest step is fewer CSS collisions, a reviewed logo license, and one more pass on loop points so the lounge track feels native to ទាយប្រេន—not borrowed from another kind of game.