Web Games
Gamified Marketing Modules & Interactive Experiences
Web games gamified marketing combines leaderboard mechanics with brand engagement to drive campaign performance. Reusable gamified marketing modules with leaderboards — built to maximize brand campaign engagement, extend session duration, and drive participation through high-interactivity web experiences. Each module is independently deployable and festival-ready.
Core Tech Stack
- Vue 3 · Tailwind CSS · Vite — frontend framework & build toolchain
- Matter.js · Phaser — 2D physics engine & game framework
- LINE LIFF · Google Tag Manager (GTM) — campaign integration & user tracking
- Modular architecture — each game is a standalone, reusable component
Card Memory Game
- Time-limited card-flipping mechanics to accumulate scores
- Modular mini-game — drop-in ready for any marketing campaign
- Animated flip transitions with smooth visual feedback
- Leaderboard integration for competitive, repeat participation
- Ideal for seasonal events, product launches & brand activation
Spot the Difference
- Visual observation challenge — spot differences between two images
- Precision click detection with animated highlight feedback
- Configurable difficulty levels & time constraints
- High shareability — perfect for social media campaign virality
- Drives brand attention through focused visual engagement
Parkour Runner
- Side-scrolling runner inspired by classic platform mechanics
- Physics engine powered by Phaser — realistic jump & collision
- Procedural obstacle generation for infinite replayability
- Smooth animations via Matter.js rigid body simulation
- High-score system & social sharing integration
Quiz Battle PK
- Real-time competitive Q&A — players battle head-to-head
- Dynamic question bank with configurable categories & difficulty
- Live leaderboard updates — rewards speed & accuracy
- Countdown timer per question to intensify competition
- Fully integrated with LINE LIFF for campaign-based distribution
