Sunset Story Match

by Ankit Mandal

Check out "Sunset Story Match" by Ankit Mandal - featuring Colored Background, Canvas API, Sprite Manager and more. 88,660 views. Try this Snapchat Lens on Easy Lens.

88,660 views

Features

• Colored Background: sunset gradient background
• Canvas API: Procedurally draw the full 2D game UI in a bright "Space Snacks" style: colorful space gradient backdrop (teal→purple), subtle moving nebula haze, cute rounded 4x4 card slots with soft white outline and neon accent shadow, plus a bottom-center rounded Restart pill button background with a subtle press pop. Keep the same full-screen grid layout and inner safe-frame inset guide for each card so images always aspect-fit cleanly inside the slot.
• Sprite Manager: Create and manage sprites for 16 cards (faces and backs), aligned to a full-screen 4x4 grid. Sprites are used for rendering; touch hit-testing is handled in code via the precomputed slot rectangles for reliability.
• Sparkles: Bright celebratory shimmer enabled only during the completion state behind the win message, matching the Space Snacks theme (pastel neon tint).
• Text On Screen: Top-center timer text reading "00.0s" in bold white rounded styling with a subtle outline/shadow for contrast; placed in the top safe-area header above the full-screen grid; hidden when the completion message is shown.
• Text On Screen: Gameplay hint text near the top (below timer): defaults to "Tap cards to start". If any sprite textures are missing, this text switches to a clear missing-textures message listing the exact required names; gameplay is disabled until fixed, but Restart still works.
• Text On Screen: Shown only after all pairs are matched: "Snack Attack Complete! {finalTime}s\nSend this to challenge a friend". Big bold white rounded text with a subtle dark outline for readability; positioned at the top safe-area header, centered, and not covering the card grid.
• Text On Screen: rolling story text
• Text On Screen: Bottom-center button label reading "Restart" (bold white). Keep it centered inside the Canvas-drawn restart pill button.
• Sprite Store: Provide EXACTLY these 9 textures (names must match exactly): snack_astronaut (STOP sign icon), donut_orbit (YIELD sign icon), ramen_rocket (SPEED LIMIT sign icon), soda_planet (TURN ARROW sign icon), taco_ufo (PEDESTRIAN CROSSING sign icon), cookie_comet (NO ENTRY / DO NOT ENTER sign icon), icecream_satellite (RAILROAD CROSSING sign icon), gummy_alien (TRAFFIC LIGHT icon), card_back_snacks (construction-striped card back). Each of the 8 face textures is used as a matching pair; the back texture is shared for all cards.
• Touch Events: Capture touch down/up for card flipping and the Restart button.