🍌 Nano Banana Sprite Master 🚀

Overview

This skill helps students transform text prompts into high-fidelity game sprites (ships, asteroids, power-ups, obstacles, or background elements) that look stunning on the Liquid Galaxy video wall. It covers the full pipeline: Generation -> Transparent Processing -> Rig Integration.

🎨 Phase 1: The Perfect Generation Prompt

To get a usable game asset, you must be specific. Nano Banana generates squares, but we need game sprites.

Prompt Template:

"Top-down view of a [Aesthetic, e.g., Sleek Vaporwave] [Object, e.g., Space Ship]. Feature: [Details, e.g., Single central thruster]. Background: Solid bright neon green (#00FF00). High contrast, symmetrical, game asset, 4k. The object must occupy the center of the frame. No checkerboard, no grid, no shadowed ground."

Why Green? 💚

Generating with a solid neon green background allows us to use a Chroma Key algorithm (like in Hollywood movies) to remove the background in real-time on the client, as AI models often struggle to export true transparency (Alpha channel).

---

💻 Phase 2: Real-time Background Removal

Add this utility to your client-side code (e.g., sketch.js) to process the AI asset upon loading.