Accelerate your 2D game development and build a library of custom animated assets. Sign up now and bring your characters to life.

Start Creating Sprite Animations Today

1.gif

6.gif

9.gif

5.gif

Generate unique sprites from text, bring them to life with AI-powered animation, and export game-ready sprite sheets in seconds. Create characters, items, and effects for your 2D games faster than ever.

You can generate animations for **characters, creatures, items, objects, UI elements** and **VFX** (special effects). The tool supports creating these **from scratch** using **text** prompts or by **uploading** your own static images to be animated.

What game assets can I generate animations for?

Yes. The tool uses a specialized "Pose Editor" and keyframe system to ensure that characters retain their **proportions, style****, and **details** across different frames and animations. It also offers specific style filters (like Pixel Art) to maintain a **cohesive look**.

Does the tool keep object permanence and style consistency?

Animations can have a maximum of **3 seconds**. The exported spritesheet can have **up to 64 frames**, with each individual frame **up to 512x512** pixels resolution.

How many frames do the animations have? At what resolution?

You can generate and animate sprites in **any art style**. From retro pixel art with large pixels, to highly detailed cel-shaded art with fine lines, and anything in between. The animations will strictly follow the art style of the image you upload. And if you generate your sprite with Ludo, we offer a vast number of art styles for you to choose from.

What are the supported art styles?

**Minimal to none**. Most sprites are generated with transparent backgrounds and are ready to drop directly into game engines. For more complex animations you may want to generate multiple versions and choose the best one. You can also **download** the **individual frames **in a zip file, or download a **video/GIF** of the animation.

How much manual cleanup is required after generation?

The free trial includes **30 credits**, which allows you to create approximately **3 to 6 animations** depending on your workflow.
**6 Animations** if you upload your own existing art and use the "Animate Sprite" feature (5 credits per animation).
**~5 Animations **if you generate a new static sprite from scratch (0.5 credits) and then animate it (5 credits).

How many animations can I generate during the free trial?

Yes. The tool is designed to produce **high-quality, professional** 2D assets suitable for **indie and commercial games**. It automates complex animation processes (like walk cycles or attacks) that usually require manual keyframing. We have **thousands** of users are actively importing Ludo spritesheets directly into their game.

Does it generate professional quality animations?

Minutes. The workflow is designed to be intuitive:
1) Describe/Upload,
2) Animate with a text prompt,
3) Export.
No prior artistic or animation skills are required.
Our technology rarely more than a few tries to get it right.

How long will it take me to be proficient with the tool?

Yes. In addition to the Enterprise plan, we offer a dedicated **Developer Tools & Integration** option for users building on top of the platform. This provides API access for custom integrations and MCP (Model Context Protocol) support for AI workflows. Please **contact us** for more information.

Does the tool offer a stable and affordable API for large-scale production?

The standard output is a perfectly formatted, **transparent PNG** sprite sheet.

What's the output file type?

Very easy. You can export animations as sprite sheets with **customizable frame counts, layouts, and sizes** in just a few clicks. These files are designed for a seamless "drop-in" experience for engines like Unity, Unreal, Godot, and GameMaker.

How easy is it to export the animation frames into a game-engine-ready sprite sheet?

Yes, absolutely. The Sprite Generator has an "Animate Sprite" tab specifically designed for this. You can **upload** your own existing character art (static images) and then use a text prompt to describe the motion you want (e.g., "walk cycle," "attack," "jump"). The AI will animate your drawing and generate a sprite sheet for you.
For the best results, it is recommended to upload an image that contains **only the sprite**, although the tool can automatically remove backgrounds.

Is it possible to upload characters that I have already drawn and animate them?

Go from a still image to a moving character by typing simple commands like "run cycle," "idle," or "sword attack." Animate objects to build dynamic worlds. Our AI automates the complex animation process, so you can generate sprite animations for your games without manual keyframing.

AI Powered Animation - Sprite Gen Page - 01.png

Breathe Life into Characters and Objects with AI-Powered 2D Animation

Skip the drawing board and start creating immediately. Describe what you want to create and let AI take it from text, to static sprite to 2D animation. It’s the fastest way to get high-quality 2D animations for your game without lifting a pen.

Text to Sprite - Sprite Gen Page - 01.png

Create Unique 2D Animations with Ludo.ai’s Text-to-Sprite feature

Download your animations as perfectly formatted, transparent PNG sprite sheets. Customize frame counts, layout, and sizes to fit your specific engine requirements, ensuring a seamless drop-in experience for Unity, Unreal, Godot, or any 2D engine.

Sprite Sheet Export - Sprite Gen Page - 01.png

Generate Professional 2D Animation Assets with Instant Sprite Sheet Export

Apply the exact movement from a reference video or animation directly onto your sprites. Capture specific movements—from a complex martial arts combo to a unique dance—and apply that exact animation to your generated character. It’s the perfect tool for bridging the gap between complex or realistic motion and 2D art.

Transfer Motion - Sprite Gen Page - 01.png

Replicate your Favorite Movement with Ludo.ai’s Motion Transfer

Visuals are only half the battle. Instantly generate and attach matching sound effects to your new animations directly within the tool. From heavy footfalls to magical chimes, create a cohesive audio-visual asset package that is ready for implementation the moment you download it.

Audio Generation - Sprite Gen Page - 01.png

Complete the Experience with Integrated Audio Generation

Fine-tune your assets without ever leaving the platform. Use powerful built-in AI editing tools to perfect your static sprites before you animate them. Adjust colors, clean up details, or modify shapes to ensure your character matches your game’s specific aesthetic perfectly before setting it in motion.

Integrated Image Editor - Sprite Gen Page - 01.png

Refine Your Vision with the Integrated Image Editor

Write a prompt to generate a new static sprite from scratch, or upload your own image.

Describe or Upload

Provide a text instruction or upload a reference video to transfer specific motion to your sprite.

Animate with AI

Preview the animation, generate audio, and export a game-ready sprite sheet to use directly in your project

Export and Use

Screenshot 2025-12-05 at 18.45.42.png

ScreenRecording2025-12-05at18.43.40-ezgif.com-optimize.gif

Create unique, game-ready 2D assets in minutes. Go from a text description to a fully animated character with a downloadable sprite sheet — no artistic or animation skills required.

Silas

I'm shocked

Exquisite

 Insane?!

Summer'n

Amazed

Liking the output

Geoffrey

Best at posing the sprites

NotWheaten

Awesome Product

ChrisZ09

Love it!

Tosha

Ludo is the best!

Generate and Animate Custom Sprites and Sprite Sheets for Your Games

Whether you’re prototyping, pitching, or exploring visual directions, the Image Generator helps you instantly visualize your ideas and build a rich creative reference library.

Start Visualizing Your Game Today

Bring your game world to life with Ludo.ai's Image Generator. Create stunning concept art, UI elements, textures, sprites, and more with simple text prompts or reference images. Experiment with art styles and find the perfect aesthetic for your game.

Screenshot 2025-12-05 at 19.43.04.png

landing_image_generator.webp

Instantly visualize your game world by creating stunning concept art, gameplay screenshots, icons, and assets with simple text prompts.

Bring Your Vision to Life with Ludo.ai’s Image Generator

Experience the fastest way to get game-ready 3D assets. Sign up now and start building your library of AI-generated models.

Start Generating 3D Models Today

Generate and download 3D models in multiple formats. Use descriptive text prompts, and create unique 3D models of characters, items, and other objects, without any modeling.

Screenshot 2025-12-05 at 18.30.19.png

ScreenRecording2025-12-05at18.33.30-ezgif.com-optimize.gif

Create custom 3D models from text or images in seconds — no 3D modeling skills required

AI-Powered 3D Asset Generator for Game Developers

Populate your game world with professional audio assets. Sign up to start generating music, SFX, and voice acting today.

Complete Your Game’s Soundscape

Create studio-quality sound effects, music, and voice acting assets using the best models. Generate specific SFX, compose loopable music tracks, and design unique human or monster voices for your game characters.

Screenshot 2025-12-05 at 18.15.26.png

Screenshot 2025-12-05 at 18.17.28.png

Generate studio-quality sound effects, music, and voice acting assets using state-of-the-art AI models.

Create Professional Game Audio with Ludo.ai’s Audio Generator

Bring a new dimension to your creative process. Sign up to start generating dynamic videos from your text and images.

See Your Ideas in Motion

Bring your ideas to life with Ludo.ai's Video Generator. Go from a text prompt or static image to a short, animated clip in seconds. It’s the perfect tool for visualizing gameplay, animating assets, and creating eye-catching content for your game.

Screenshot 2025-12-05 at 18.50.00.png

Untitledvideo-ezgif.com-optimize.gif

Go from a simple text prompt or static image to a short, animated video with sound in seconds.

Animate Your Game Ideas with the Video Generator

Test your core mechanics without writing any code. Sign up to turn your text descriptions into interactive, playable prototypes.

Prototype Smarter. Build Faster.

Turn ideas into interactive experiences with the Playable Generator. Define mechanics, genre, or describe an atmosphere. Upload assets or let Ludo.ai's AI assemble a prototype, embracing 'vibe coding' to translate intuitive feel into gameplay. Test loops and get an interactive sense of your game instantly.

frontpage_playable_generator.jpeg

landing_playable_generator.webp

Go from a text description to a simple, playable web-based game in minutes, with no coding required.

Turn Game Ideas into Playable Prototypes with Ludo.ai's Playable Generator

The Project tool is designed to match the creative flow of indie developers and professional studios alike. Organize, ideate, and evolve your game concepts with AI-powered support.

Turn Ideas Into Game Plans

Ludo.ai's Project tool isn't just a document editor – it's your AI-powered co-writer. Structure your game's details with customizable templates, then use AI suggestions to generate text and images for mechanics, story, characters, and more. It's collaborative game design, supercharged.

Screenshot 2025-12-05 at 19.54.38.png

landing_game_concept.webp

Create your game's blueprint with an AI-powered co-writer that helps you structure and generate ideas for mechanics, story, characters, and more - all in one flexible workspace.

Craft Winning Game Ideas with Ludo.ai's Project Tool

Overcome creative blocks and discover your next hit. Sign up to generate endless, data-backed game concepts in seconds.

Start Generating Hit Game Ideas Today

Stuck in a creative rut? Ludo.ai's Game Ideator generates fresh game concepts in seconds. Input keywords, themes, or even existing game titles, and our AI will craft unique and inspiring ideas to kickstart your project.

frontpage_game_ideator.jpeg

landing_game_ideator.webp

Generate fresh, unique game concepts in seconds by providing keywords, themes, or even existing game titles.

Fuel Your Next Hit Game with Ludo.ai’s Game Ideator

Don't guess if your idea has market potential—know it. Sign up to get a detailed, data-backed score for your game concepts.

Know Before You Build

Input your game concept and receive a detailed Ludo Score, assessing its potential based on chart dominance, trend alignment, newcomer impact, and creative edge. Refine your idea with data-backed insights.

frontpage_ludo_score.jpeg

landing_ludo_score.jpeg

Evaluate your game concept's market potential with a detailed score based on chart dominance, trend alignment, and creative edge.

Validate Your Game Ideas with the Ludo Score

Stay informed with daily updates and a clear visual interface that makes complex market movements easy to understand — and act on.

Data That Moves as Fast as the Market

Discover emerging trends, analyze top-performing games, and identify untapped market opportunities. Ludo.ai's Market Trends tool provides a comprehensive overview of the gaming landscape, helping you make data-driven design decisions.

frontpage_market_trends.jpeg

landing_market_trends.jpeg

Stay ahead of the curve by discovering emerging trends, analyzing top-performing games, and identifying untapped market opportunities.

Stay Ahead of the Curve with Ludo.ai’s Market Trends Tool

Find inspiration and analyze the competition faster than ever. Sign up to explore millions of games, icons, and screenshots with intelligent search.

Start Your Game Research Today

Explore a vast database of games, images, and icons. Search with phrases, genre, platform, art style, and more. Ludo.ai's AI-powered search helps you quickly find references, analyze competitors, and discover visual inspiration.

frontpage_search.jpeg

landing_search.webp

Explore a vast database of millions of games, images, and icons using natural language, phrases, and powerful filters.

Find Game Inspiration with Ludo.ai’s Search Tool

Let data guide your creativity from the very first step. Sign up to follow a structured path to your next great game idea.

Start Your Guided Ideation Journey Today

Not sure where to start? Ludo.ai's Idea Pathfinder guides you through key design choices, presenting options, market insights, and even letting you add your own custom ideas. It's the perfect way to structure your brainstorming and kickstart your game development.

frontpage_idea_pathfinder.jpeg

landing_idea_pathfinder.webp

Get guided, step-by-step brainstorming for your next hit game, with market insights presented at every choice.

Map Out Your Next Hit with Ludo.ai’s Idea Pathfinder

Get instant answers and accelerate your creative process. Sign up to harness the power of a conversational AI built for game developers.

A Fast, Flexible Companion to Ludo.ai

Get design help, explore new ideas, or research specific games, all within a natural conversation. Ask Ludo integrates seamlessly with ideation, image generation, 3D asset generation, and market research tools, providing a central hub for all your AI-powered needs.

frontpage_ask_ludo.jpeg

landing_ask_ludo.webp

An AI-powered assistant built into the Ludo.ai platform — ready to brainstorm, guide, and answer your questions in real time.

Ask Ludo, Your AI Gaming Companion

Get a custom roadmap from concept to creation. Sign up to generate a personalized development guide for your specific game idea and engine.

Start Building Your Game Today

Ludo creates a custom interactive development tutorial, based on your game concept, that is designed to help you go from idea to a playable game. Ludo guides you through each step of the development process, in several game engines.

frontpage_tutorial_generation.jpeg

landing_tutorials.webp

Ludo creates a custom, interactive development tutorial based on your game concept, designed to help you go from idea to a playable game.

Tutorial Generation

Discover innovative concepts by combining the DNA of chart-topping hits. Sign up to get inspired by what's trending and create your next unique game.

Let the Market Guide Your Creativity

Deconstruct the DNA of chart-topping games, blend their core mechanics, and generate innovative concepts with proven market appeal.  Ludo.ai's Top Charts Blender is a unique ideation tool that lets you fuse elements from the world's most successful games, generating fresh, data-backed concepts that bridge the gap between familiarity and novelty. 

frontpage_top_charts.jpeg

landing_top_charts.jpeg

Combine the best elements from today’s top-performing games to create fresh, high-potential game concepts.

Blend Trends Into Innovation with Ludo.ai’s Top Charts Blender

_media-dae0e3ed-844d-4524-bb71-800049fa237a.webp

Venture Beat: Ludo.ai introduces text-to-video generator too...

Venture Beat: Ludo.ai introduces text-to-video generator tool for game devs

<p>

<img src="https://api.flotiq.com/image/0x0/_media-fa9a77dd-2d01-43ab-8502-509979e988b1.webp" alt="Alumnia Knights hero image" style="width:100%;max-width:800px;height:auto;display:block;margin:0 0 32px 0;border-radius:8px;">

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;"><strong>Alumnia Knights</strong> is a fantasy RPG built in Unity by Bouchier Tristan (known as Sheyn) — a sprawling, lore-heavy world where players join a cast of Knights to seal rifts, battle monsters, and push back the influence of Outer Gods. The game features a roster of distinct playable characters across multiple roles: Dealer, Tank, Healer — each with their own personality, abilities, and animations.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">Available on PC, Android, WebGL, and Linux, with support for six languages, Alumnia Knights is an ambitious undertaking for a single developer. And at the center of it all is a battle system that needed to feel alive.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 40px 0;">That's where Ludo.ai came in.</p>

<hr style="border:none;border-top:1px solid #e5e7eb;margin:0 0 40px 0;">

<h2 style="color:#7E31F1;font-size:24px;font-weight:700;margin:0 0 24px 0;">The Problem: Every Character Needs to Move</h2>

<video controls="" style="width:100%;max-width:600px;height:auto;display:block;margin:0 0 28px 0;border-radius:8px;">
  <source src="https://api.flotiq.com/image/0x0/_media-f29775ff-2053-4f67-8714-df3b7f6cefa1.mp4" type="video/mp4">
</video>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">Alumnia Knights isn't a game where characters stand still. Its battle system is built around animated sprites: characters that swing, cast, idle, and react in real time. Every single character in the game needs a full set of sprite animations to function.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">For a solo developer, that's a production challenge with no clean solution. Hand-animating a full roster of characters across multiple animation states is the kind of work that can consume an entire development cycle before the actual game design gets attention.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 40px 0;">Bouchier needed a pipeline that would let him generate quality animations quickly, keep them consistent across the roster, and integrate them cleanly into Unity.</p>

<hr style="border:none;border-top:1px solid #e5e7eb;margin:0 0 40px 0;">

<h2 style="color:#7E31F1;font-size:24px;font-weight:700;margin:0 0 24px 0;">The Solution: Every Character Animation, Made with Ludo</h2>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">Bouchier's approach was direct: use Ludo.ai for every character spritesheet in the game.</p>

<blockquote style="border-left:4px solid #7E31F1;margin:0 0 20px 0;padding:16px 20px;background:#f9f7ff;border-radius:0 8px 8px 0;">
  <p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 8px 0;">"For the battle system, every single character's spritesheets on my game were made with Ludo.ai. Meaning that every character animation and movements — so basically what makes the game feel alive — were made with Ludo."</p>
  <p style="color:#5391F6;font-size:14px;font-weight:600;margin:0;">— Sheyn (Bouchier Tristan), Developer, Alumnia Knights</p>
</blockquote>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">Not some characters. Not a subset of animations. Every one.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 28px 0;">This wasn't a shortcut for a single bottleneck. It became the foundation of the entire battle system's visual production.</p>

<img src="https://api.flotiq.com/image/0x0/_media-2c38cdeb-fbfb-4c1c-85f8-cebba95a636f.webp" alt="Ludo Sprite Generator showing the Alumnia Knights roster in progress" style="width:100%;max-width:896px;height:auto;display:block;margin:0 0 40px 0;border-radius:8px;">

<hr style="border:none;border-top:1px solid #e5e7eb;margin:0 0 40px 0;">

<h2 style="color:#7E31F1;font-size:24px;font-weight:700;margin:0 0 24px 0;">What Made It Work</h2>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">Bouchier landed on Ludo.ai for a specific set of reasons, each one addressing a real constraint of solo game development.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 12px 0;"><strong style="color:#374151;">Iteration speed.</strong> Getting to a usable result didn't require burning through dozens of attempts:</p>

<blockquote style="border-left:4px solid #7E31F1;margin:0 0 20px 0;padding:16px 20px;background:#f9f7ff;border-radius:0 8px 8px 0;">
  <p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 8px 0;">"I can have very decent results in as less as 2-3 prompts per animation."</p>
  <p style="color:#5391F6;font-size:14px;font-weight:600;margin:0;">— Sheyn (Bouchier Tristan)</p>
</blockquote>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">That kind of turnaround is enough to stay in a creative flow without getting stuck in refinement loops. Across a full character roster, it adds up fast.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;"><strong style="color:#374151;">Automatic resize on export.</strong> Ludo can automatically resize spritesheets on export so every character comes out at the same dimensions. In a game like Alumnia Knights, with a varied roster spanning human knights, large enemies, and creatures, keeping consistent frame sizes is essential for clean Unity integration. This happened automatically, without extra steps.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;"><strong style="color:#374151;">Resolution flexibility.</strong> The ability to export at different resolutions gave Bouchier control over the final look of each character, all within the same tool.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;"><strong style="color:#374151;">Automatic background removal.</strong> Sprites need clean transparent backgrounds to work in-engine. Ludo handled this automatically, eliminating a manual step that would otherwise have to happen for every frame of every animation.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 40px 0;">The result: a pipeline where generating a new character animation meant uploading, prompting, and exporting — not hours of cleanup work in external software.</p>

<hr style="border:none;border-top:1px solid #e5e7eb;margin:0 0 40px 0;">

<h2 style="color:#7E31F1;font-size:24px;font-weight:700;margin:0 0 24px 0;">From Ludo to Unity</h2>

<img src="https://api.flotiq.com/image/0x0/_media-edd8d380-5ee7-4f51-9452-55bf25ac283a.gif" alt="Emilie attack animation in Unity editor" style="width:100%;max-width:800px;height:auto;display:block;margin:0 0 28px 0;border-radius:8px;">

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">This clip shows Emilie's attack animation open in Unity's Animation editor. The sprite itself was generated in Ludo; what Bouchier is building here is the layered combat effect on top: sword rotation, scale, anchored position, and a multi-stage VFX sequence all keyed against the base sprite animation. The Ludo-generated spritesheet is the foundation. The engine handles the rest.</p>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 40px 0;">It's a clear picture of how the two tools divide the work: Ludo produces the character motion, Unity handles the combat feel.</p>

<hr style="border:none;border-top:1px solid #e5e7eb;margin:0 0 40px 0;">

<h2 style="color:#7E31F1;font-size:24px;font-weight:700;margin:0 0 24px 0;">Beyond the Pipeline</h2>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">Bouchier also noted two things that don't show up in a technical feature list but matter in practice: the UI and the community.</p>

<blockquote style="border-left:4px solid #7E31F1;margin:0 0 20px 0;padding:16px 20px;background:#f9f7ff;border-radius:0 8px 8px 0;">
  <p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 8px 0;">"The UI of the Ludo.ai website is pretty and intuitive. And the Discord support really is awesome."</p>
  <p style="color:#5391F6;font-size:14px;font-weight:600;margin:0;">— Sheyn (Bouchier Tristan)</p>
</blockquote>

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 40px 0;">For a solo developer, time spent figuring out a tool is time not spent building the game. An interface that doesn't require a learning curve, and a support channel that's actually responsive, are real parts of what makes a tool viable day to day.</p>

<hr style="border:none;border-top:1px solid #e5e7eb;margin:0 0 40px 0;">

<h2 style="color:#7E31F1;font-size:24px;font-weight:700;margin:0 0 24px 0;">Play Alumnia Knights</h2>

<img src="https://api.flotiq.com/image/0x0/_media-5843b824-8b38-4d68-ba56-ec619a022622.webp" alt="Alumnia Knights in-game screenshot" style="width:100%;max-width:896px;height:auto;display:block;margin:0 0 28px 0;border-radius:8px;">

<p style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 20px 0;">Alumnia Knights is actively in development and playable now. It's available for free (name your own price) on itch.io, with releases on PC, Android, Linux, and WebGL.</p>

<ul style="color:#374151;font-size:16px;line-height:1.75;margin:0 0 40px 0;padding-left:24px;">
  <li style="margin-bottom:8px;"><strong>Play or download:</strong> <a href="https://sheyne.itch.io/alumnia-knights" style="color:#7E31F1;text-decoration:none;">sheyne.itch.io/alumnia-knights</a></li>
  <li style="margin-bottom:8px;"><strong>Play in browser:</strong> <a href="https://sheyne.itch.io/alumnia-knights-webgl" style="color:#7E31F1;text-decoration:none;">WebGL version</a></li>
  <li><strong>Follow development:</strong> <a href="https://twitter.com/AlumniaKnights" style="color:#7E31F1;text-decoration:none;">Twitter/X</a> · <a href="https://discord.gg/t7BpZM4H5b" style="color:#7E31F1;text-decoration:none;">Discord</a> · <a href="https://www.patreon.com/c/Alumnia" style="color:#7E31F1;text-decoration:none;">Patreon</a></li>
</ul>

<hr style="border:none;border-top:1px solid #e5e7eb;margin:0 0 24px 0;">

<p style="color:#9ca3af;font-size:14px;line-height:1.6;margin:0;font-style:italic;">Alumnia Knights is developed by Bouchier Tristan (Sheyn). All character sprite animations shown in the game's battle system were created using Ludo.ai.</p>
</p>

alumnia-logo.webp

Indie Spotlight: How Alumnia Knights Brought an Entire Battl...

Indie Spotlight: How Alumnia Knights Brought an Entire Battle System to Life

<div style="max-width: 760px; margin: 0 auto; padding: 0; color: #374151; line-height: 1.7; font-size: 17px;">

<p style="margin-bottom: 16px;">Generating a great sprite is one thing. Turning it into a full set of game-ready animations is another.</p>

<p style="margin-bottom: 16px;">You need your character in different poses. You need those poses animated from multiple angles. You need all of it exported at consistent sizes, properly aligned, in formats your engine actually accepts. For a solo developer or a small team, that pipeline can eat days.</p>

<p style="margin-bottom: 16px;">This update changes that. We've revamped the Pose Generator, added an Animation Presets library, and built two new export tools — Animation Packs and Animation Sequences — so you can go from a single static sprite to a complete, game-ready animation set without leaving Ludo.</p>

<p style="margin-bottom: 40px;">Here's what's new.</p>

<hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

<h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">Revamped Pose Generator</h2>

<p style="margin-bottom: 16px;">The Pose Generator now gives you two distinct modes to manipulate your sprites: <strong style="color: #111827;">Change Pose</strong> and <strong style="color: #111827;">Rotate Sprite</strong>.</p>

<p style="margin-bottom: 16px;"><strong style="color: #111827;">Change Pose</strong> lets you select from preset poses — standing, running, jumping, crouching, and more — or write a fully custom description. Pick a pose, hit generate, and Ludo produces a new variation of your sprite in that position. If you want to create new poses or rotations based on a specific pose result, click <strong style="color: #111827;">Create Variation</strong> to use it as the new base and keep refining. You can iterate as many times as you need until the pose is exactly what you want.</p>

<p style="margin-bottom: 16px;"><strong style="color: #111827;">Rotate Sprite</strong> is built around a new interactive arc selector. Click an angle — anywhere from -90° to 180° — and Ludo generates your character rotated to that camera angle. Need a side view of a character you only have from the front? Select 90° and generate. It's that direct.</p>

<p style="margin-bottom: 28px;">Both modes feed into the same iterative loop: generate, evaluate, use in your animation or keep refining. Your selections and results persist between sessions, so you can pick up exactly where you left off.</p>

<figure style="margin: 0 0 28px 0;">
<img src="https://api.flotiq.com/image/0x0/_media-26e579d0-bf48-4b90-b992-ac90ef051759.webp" alt="Pose Generator in Change Pose mode showing generated pose variations and controls panel" style="display: block; width: 100%; border-radius: 8px;">
<figcaption style="text-align: center; font-size: 14px; color: #6B7280; margin-top: 10px; line-height: 1.5;">Change Pose mode — select from preset poses or write a custom description, then iterate with Create Variation.</figcaption>
</figure>

<figure style="margin: 0 0 40px 0;">
<img src="https://api.flotiq.com/image/0x0/_media-9d108811-2a39-4642-a88b-49a982909785.webp" alt="Pose Generator in Rotate Sprite mode showing the interactive arc angle selector" style="display: block; width: 100%; border-radius: 8px;">
<figcaption style="text-align: center; font-size: 14px; color: #6B7280; margin-top: 10px; line-height: 1.5;">Rotate Sprite mode — use the interactive arc selector to generate your character at any camera angle.</figcaption>
</figure>

<hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

<h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">Animation Presets: Consistent Motion Across Every Angle</h2>

<p style="margin-bottom: 16px;">Transfer Motion lets you take a reference video and apply its motion to a static sprite. The question was always: where do you get the right reference animation?</p>

<p style="margin-bottom: 16px;">Animation Presets answers that. It's a searchable library of pre-made animations organized by category — idle, run, attack, walk, and more. But the real power isn't just convenience. Each preset comes with <strong style="color: #111827;">multiple perspectives</strong> (Side, Hero, Isometric, Tactical, Top-Down) and <strong style="color: #111827;">eight directions per perspective</strong> (N, NE, E, SE, S, SW, W, NW).</p>

<p style="margin-bottom: 16px;">This is what makes presets a game-changer for <strong style="color: #111827;">top-down and isometric games</strong>. If you're building a game where the player sees your character from above or at a three-quarter angle, you need every animation — idle, walk, attack — rendered in every direction the character can face. That's potentially dozens of sprite sheets for a single character.</p>

<p style="margin-bottom: 16px;">With presets, the workflow looks like this:</p>

<ol style="margin-bottom: 28px; padding-left: 24px; list-style-type: decimal;">
<li style="margin-bottom: 8px; display: list-item;">Open the Animation Presets library from the Transfer Motion tab</li>
<li style="margin-bottom: 8px; display: list-item;">Browse by category or search by name</li>
<li style="margin-bottom: 8px; display: list-item;">Select a preset — say, "Walk"</li>
<li style="margin-bottom: 8px; display: list-item;">Choose your perspective — say, "Isometric"</li>
<li style="margin-bottom: 8px; display: list-item;">Use the interactive compass to pick a direction — start with East</li>
<li style="margin-bottom: 8px; display: list-item;">Click <strong style="color: #111827;">Use This Animation</strong> — the preset is sent to Transfer Motion, which generates the sprite sheet</li>
<li style="margin-bottom: 8px; display: list-item;">Repeat for every direction you need</li>
</ol>

<p style="margin-bottom: 16px;">Because you're using the same preset across all directions, the motion stays <strong style="color: #111827;">consistent</strong>. Your character walks the same way whether they're facing north, southeast, or west. The animations match. The timing matches. You're building a coherent set, not stitching together mismatched results.</p>

<p style="margin-bottom: 28px;">The compass selector makes this fast. Pick a direction, preview the animation right in the compass center, and confirm. No hunting for reference videos. No hoping two clips have similar timing.</p>

<figure style="margin: 0 0 28px 0;">
<img src="https://api.flotiq.com/image/0x0/_media-98ff17f9-447a-4772-809a-def79de94983.webp" alt="Animation Presets modal showing categorized presets, perspective tabs, and compass direction selector" style="display: block; width: 100%; border-radius: 8px;">
<figcaption style="text-align: center; font-size: 14px; color: #6B7280; margin-top: 10px; line-height: 1.5;">Animation Presets library — browse by category, choose a perspective, and pick a direction with the compass selector.</figcaption>
</figure>

<hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

<h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">Generate Before, After, and Transition</h2>

<p style="margin-bottom: 16px;">Once you have a few animations, you'll often need to connect them. A walk cycle that leads into a run. An idle that flows into an attack. The gap between two clips that doesn't quite match.</p>

<p style="margin-bottom: 16px;">Every generated animation now has three actions for exactly this:</p>

<p style="margin-bottom: 16px;"><strong style="color: #111827;">Generate After</strong> takes the last frame of your current animation and uses it as the starting point for a new one. All the original settings — frame count, frame size, crop, loop — carry over automatically. The result is a new animation that picks up exactly where the previous one ended.</p>

<p style="margin-bottom: 16px;"><strong style="color: #111827;">Generate Before</strong> works in reverse. It takes the first frame of your current animation and sets it as the target end frame for a new generation. The AI produces an animation that lands precisely on that frame, giving you a lead-in to an existing clip.</p>

<p style="margin-bottom: 16px;"><strong style="color: #111827;">Generate Transition</strong> bridges two animations directly. Select a source animation, then pick a target from your generated sprites. Ludo takes the last frame of the source and the first frame of the target and generates a short transition between them — a 1.2-second bridge clip that smoothly connects the two. You can flip the direction if you need the transition to go the other way.</p>

<p style="margin-bottom: 28px;">These three tools make it easy to build out complete animation chains without manually matching frames. Generate a walk, generate an attack after it, then create a transition between attack and idle. Each piece connects cleanly because the AI is working from the actual frames of your existing animations.</p>

<figure style="margin: 0px 0px 28px; text-align: center;">
<img src="https://api.flotiq.com/image/0x0/_media-fd71eeab-a1bb-4bfd-b167-0dfd59adba0e.webp" alt="Generate Before, After, and Transition actions on a generated sprite card" style="width: 400px; border-radius: 8px;">
<figcaption style="font-size: 14px; color: rgb(107, 114, 128); margin-top: 10px; line-height: 1.5;">Generate Before, Generate After, and Generate Transition actions on a sprite card.</figcaption>
</figure>

<figure style="margin: 0px 0px 40px; text-align: center;">
<img src="https://api.flotiq.com/image/0x0/_media-ee7858fc-9982-4bf5-a672-0e513133b11a.webp" alt="Generate Transition modal showing source and target sprite selection with direction toggle" style="width: 400px; border-radius: 8px;">
<figcaption style="font-size: 14px; color: rgb(107, 114, 128); margin-top: 10px; line-height: 1.5;">Generate Transition — select a source and target animation, then toggle the direction to bridge them smoothly.</figcaption>
</figure>

<hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

<h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">Two New Export Tools</h2>

<p style="margin-bottom: 28px;">Once you've generated your animations, you need to get them into your game. We've added two export tools that handle the two most common scenarios.</p>

<h3 style="font-size: 20px; font-weight: 700; color: #111827; margin-bottom: 12px;">Export as Animation Pack</h3>

<p style="margin-bottom: 16px;">You've generated idle, walk, run, and attack animations for a character. You need all of them exported as separate sprite sheets, but at <strong style="color: #111827;">consistent sizes</strong> so they're drop-in ready for your engine.</p>

<p style="margin-bottom: 16px;">That's what Animation Pack does.</p>

<p style="margin-bottom: 16px;">Select any number of generated animations and Ludo automatically <strong style="color: #111827;">normalizes</strong> them — scaling every animation so the character is the same height across the board. From there, you get per-animation controls to fine-tune:</p>

<ul style="margin-bottom: 24px; padding-left: 24px;">
<li style="margin-bottom: 8px;"><strong style="color: #111827;">Size</strong> — adjust the character height with precise pixel controls or reset to the normalized default</li>
<li style="margin-bottom: 8px;"><strong style="color: #111827;">Vertical position</strong> — shift the character up or down, or hit <strong style="color: #111827;">Snap V</strong> to automatically align to the ground line</li>
<li style="margin-bottom: 8px;"><strong style="color: #111827;">Horizontal position</strong> — shift left or right, or hit <strong style="color: #111827;">Snap H</strong> to center the character</li>
</ul>

<p style="margin-bottom: 16px;">A live preview at the top of the modal plays all your animations side by side, so you can see exactly how they'll look together before exporting.</p>

<p style="margin-bottom: 16px;">Export as <strong style="color: #111827;">sprite sheets</strong> (one per animation, organized in folders) or <strong style="color: #111827;">individual frames</strong>. Choose between <strong style="color: #111827;">Smooth Art</strong> and <strong style="color: #111827;">Pixel Art</strong> mode — pixel art uses nearest-neighbor scaling to keep your edges crisp. Everything is packaged into a single ZIP.</p>

<p style="margin-bottom: 28px;">The result: a folder of sprite sheets you can drag into Unity, Godot, or any engine, ready to use.</p>

<figure style="margin: 0 0 40px 0;">
<img src="https://api.flotiq.com/image/0x0/_media-8735d668-37c8-4c63-827b-f0846378fcda.webp" alt="Export Animation Pack modal with live preview and per-animation size and position controls" style="display: block; width: 100%; border-radius: 8px;">
<figcaption style="text-align: center; font-size: 14px; color: #6B7280; margin-top: 10px; line-height: 1.5;">Animation Pack export — normalize sizes, fine-tune alignment, and preview all animations side by side before exporting.</figcaption>
</figure>

<h3 style="font-size: 20px; font-weight: 700; color: #111827; margin-bottom: 12px;">Export as Animation Sequence</h3>

<p style="margin-bottom: 16px;">Sometimes you don't need separate animations — you need them <strong style="color: #111827;">chained into one continuous sequence</strong>. A character that goes from idle to walk to run. A combo attack that flows through three distinct motions. A cutscene animation that plays start to finish.</p>

<p style="margin-bottom: 16px;">Animation Sequence handles this.</p>

<p style="margin-bottom: 16px;">Select your animations, then <strong style="color: #111827;">drag them into order</strong>. Duplicate entries to repeat a motion, or remove ones you don't need. Ludo takes care of the hard part: <strong style="color: #111827;">automatically aligning consecutive animations</strong> so the transition between them is smooth.</p>

<p style="margin-bottom: 16px;">Under the hood, the system analyzes the last frame of each animation and the first frame of the next, matching the character's position and scale so there's no jarring jump between them. The alignment is content-aware — it looks at the actual pixels, not just the frame boundaries.</p>

<p style="margin-bottom: 16px;">The preview plays your full sequence in real time with playback controls and a frame scrubber, so you can verify every transition before exporting.</p>

<p style="margin-bottom: 16px;">Three export formats:</p>

<ul style="margin-bottom: 24px; padding-left: 24px;">
<li style="margin-bottom: 8px;"><strong style="color: #111827;">Single sprite sheet</strong> — all frames in one grid, ready for a simple animation player</li>
<li style="margin-bottom: 8px;"><strong style="color: #111827;">Separate sprite sheets</strong> — one per original animation, numbered in sequence order</li>
<li style="margin-bottom: 8px;"><strong style="color: #111827;">Individual frames</strong> — every frame as its own PNG, for maximum flexibility</li>
</ul>

<p style="margin-bottom: 28px;">Smooth Art and Pixel Art modes apply here too. Everything exports as a ZIP.</p>

<figure style="margin: 0 0 40px 0;">
<img src="https://api.flotiq.com/image/0x0/_media-9b4001b9-3c93-4efb-8d1d-df59bdadffe6.webp" alt="Export Animation Sequence modal with sequence preview and reorderable animation list" style="display: block; width: 100%; border-radius: 8px;">
<figcaption style="text-align: center; font-size: 14px; color: #6B7280; margin-top: 10px; line-height: 1.5;">Animation Sequence export — drag to reorder, preview the full sequence in real time, and export as a single or split sprite sheet.</figcaption>
</figure>

<hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

<h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">The Full Picture</h2>

<p style="margin-bottom: 16px;">These tools work together. Generate a sprite. Use the Pose Generator to get the angles you need. Apply motion with Transfer Motion and Animation Presets to build a consistent set across directions. Then export everything as a normalized Animation Pack for your engine, or chain them into sequences.</p>

<p style="margin-bottom: 16px;">What used to be a multi-tool, multi-day pipeline is now a single workflow inside Ludo.</p>

<p style="margin-bottom: 28px;">Try it out at <a href="https://ludo.ai" style="color: #7E31F1; font-weight: 700; text-decoration: none;">ludo.ai</a> and come show us what you build on <a href="https://discord.gg/FmTPyugsrR" style="color: #5391F6; font-weight: 600; text-decoration: none;">Discord</a>.</p>

</div>

_media-b7f3ea07-17cc-414d-a591-c4ccdd8b64b6-1.webp

Pose Control, Animation Presets, and New Export Tools for Sp...

Pose Control, Animation Presets, and New Export Tools for Sprite Animations

<div style="max-width: 760px; margin: 0 auto; padding: 0; color: #374151; line-height: 1.7; font-size: 17px;">

  

  <img src="https://api.flotiq.com/image/0x0/_media-36b1738a-87c6-426d-a2c9-6544fda49e18.png" alt="King's Bet logo" style="display: block; max-width: 480px; width: 100%; margin: 0 auto 36px auto;">

  <p style="margin-bottom: 16px;"><strong style="color: #111827;">King's Bet</strong> is a roguelite deckbuilder where poker hands power rusty machines in a dark steampunk well. It's built by <strong style="color: #111827;">FireBrick Games</strong>, an independent gaming collective focused on unconventional mechanics and high-stakes gameplay — they're also behind the upcoming <em>One Last Hand</em>.</p>

  <p style="margin-bottom: 40px;">For King's Bet, the team needed a full roster of animated 2D enemies that matched the game's grimy, industrial aesthetic. They used Ludo.ai to get it done in six weeks. We talked to Semih Hakyemez, Co-founder and Game Director at FireBrick, to understand how Ludo.ai fit into their process.</p>

  <hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

  <h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">The Challenge: Animated Enemies on a Tight Clock</h2>

  <p style="margin-bottom: 16px;">King's Bet's visual identity is heavy on atmosphere — corroded machines, dark tunnels, mechanical creatures. Every enemy needed to feel like it belonged in that world, with fluid sprite animations that held up in combat.</p>

  <p style="margin-bottom: 28px;">The bottleneck was straightforward: hand-animating that many enemy sprites through a traditional pipeline would have eaten most of the development time, leaving little room for the actual game design work — balancing the poker mechanics, tuning the roguelite progression, building out the map.</p>

  <img src="https://api.flotiq.com/image/0x0/_media-490ac6f8-ae3c-4b1d-91dd-77a94e4879b2.jpg" alt="King's Bet in-game screenshot" style="display: block; width: 100%; border-radius: 8px; margin: 0 auto 40px auto;">

  <hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

  <h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">The Workflow: Sprites in Minutes, Not Days</h2>

  <p style="margin-bottom: 24px;">FireBrick used Ludo.ai's sprite generation and animation tools to build their enemy pipeline. Once they dialed in the right prompts and process, each animation took roughly <strong style="color: #111827;">2–3 minutes</strong> to produce and integrate into the game.</p>

  <blockquote style="border-left: 4px solid #7E31F1; margin: 0 0 12px 0; padding: 16px 24px; background: #F5F0FF; border-radius: 0 8px 8px 0;">
    <p style="margin: 0; font-style: italic; color: #374151;">"Each animation was taking just 2–3 minutes to produce and integrate, which is something that would normally take days with a traditional workflow."</p>
  </blockquote>
  <p style="margin-bottom: 28px; font-size: 14px; color: #6B7280;">— Semih Hakyemez, Co-founder &amp; Game Director, FireBrick Games</p>

  <p style="margin-bottom: 24px;">Here are two enemy animations from the game, generated with Ludo.ai:</p>

  <div style="display: flex; gap: 24px; justify-content: center; flex-wrap: wrap; margin-bottom: 40px;">
    <img src="https://api.flotiq.com/image/0x0/_media-66180ffb-5ed5-49ef-b92f-862f1bed4d68.gif" alt="Enemy animation generated with Ludo.ai" style="width: 240px; height: 240px; object-fit: contain;">
    <img src="https://api.flotiq.com/image/0x0/_media-4d750772-0df8-4534-914f-80383f4d61c6.gif" alt="Enemy animation generated with Ludo.ai" style="width: 240px; height: 240px; object-fit: contain;">
  </div>

  <hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

  <h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">What the Speed Actually Unlocked</h2>

  <p style="margin-bottom: 24px;">The per-asset time savings were significant on their own, but what Semih highlights is what that speed made possible creatively. With animations generating in minutes, the team could try different silhouettes, motion styles, and visual directions without the usual cost of experimentation.</p>

  <blockquote style="border-left: 4px solid #5391F6; margin: 0 0 12px 0; padding: 16px 24px; background: #EFF6FF; border-radius: 0 8px 8px 0;">
    <p style="margin: 0; font-style: italic; color: #374151;">"What really stood out was how Ludo enabled rapid experimentation. We could explore different animation styles, silhouettes, and motion ideas without slowing the team down, which helped us lock the game's visual direction much faster."</p>
  </blockquote>
  <p style="margin-bottom: 24px; font-size: 14px; color: #6B7280;">— Semih Hakyemez</p>

  <p style="margin-bottom: 24px;">In practice, this meant FireBrick could stay focused on what makes King's Bet distinctive — the poker-machine combat, the tension of when to hold cards vs. cash them out — rather than being stuck in an asset production grind.</p>

  <blockquote style="border-left: 4px solid #7E31F1; margin: 0 0 12px 0; padding: 16px 24px; background: #F5F0FF; border-radius: 0 8px 8px 0;">
    <p style="margin: 0; font-style: italic; color: #374151;">"Without Ludo.ai, shipping King's Bet in six weeks would have been extremely difficult. It removed a huge production bottleneck and let us stay focused on gameplay and feel instead of asset throughput."</p>
  </blockquote>
  <p style="margin-bottom: 40px; font-size: 14px; color: #6B7280;">— Semih Hakyemez</p>

  <hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

  <h2 style="font-size: 24px; font-weight: 700; color: #7E31F1; margin-bottom: 16px;">Play King's Bet</h2>

  <p style="margin-bottom: 16px;">King's Bet is planned for <strong style="color: #111827;">Q3 2026</strong> on Steam. Four playable characters, deep roguelite progression, and a dark steampunk world built around strategic card combat.</p>

  <p style="margin-bottom: 12px;"><a href="https://store.steampowered.com/app/4332200/Kings_Bet/" style="color: #7E31F1; font-weight: 700; text-decoration: none;">Wishlist King's Bet on Steam →</a></p>

  <p style="margin-bottom: 40px;">Learn more about FireBrick Games at <a href="https://firebrick.games/" style="color: #5391F6; font-weight: 600; text-decoration: none;">firebrick.games</a>.</p>

  <hr style="border: none; border-top: 2px solid #E5E7EB; margin: 40px 0;">

  <p style="font-size: 14px; color: #9CA3AF; font-style: italic;">King's Bet is developed by FireBrick Games. Enemy sprite animations shown in this post were created using Ludo.ai.</p>

</div>


kings-bet-cover.jpg

Indie Spotlight: How King's Bet Animated an Entire Enemy Cas...

Indie Spotlight: How King's Bet Animated an Entire Enemy Cast in Weeks

<div style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #374151; max-width: 800px; margin: 0 auto; background-color: #ffffff;">

    
    
    <div style="background: linear-gradient(180deg, #eef2ff 0%, #ffffff 100%); padding: 40px 30px; border-radius: 12px; margin-bottom: 40px; border: 1px solid #e0e7ff;">
        <span style="background-color: #4338ca; color: white; padding: 6px 14px; border-radius: 20px; font-size: 0.8em; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; display: inline-block; margin-bottom: 15px;">Beta Launch</span>
        <h1 style="margin-top: 0; margin-bottom: 15px; color: #111827; font-size: 2.5em; letter-spacing: -0.02em; line-height: 1.2;">Ludo.ai API &amp; MCP Integration</h1>
        <p style="font-size: 1.2em; color: #4b5563; margin: 0;">We're excited to announce the beta launch of Ludo.ai's API and MCP (Model Context Protocol) integration. Generate game assets, animate sprites, create 3D models, and produce audio. All without leaving your favorite development tools.</p>
    </div>

    
    <h2 style="color: #111827; font-size: 1.8em; margin-top: 40px; margin-bottom: 20px;">What's New?</h2>
    <p style="margin-bottom: 20px;">Game developers have always needed to context-switch between tools: design software for assets, audio tools for sound effects, and various AI platforms for generation. With our new API and MCP integration, you can now access Ludo.ai's AI-powered asset creation tools directly from:</p>
    
    
    <ul style="background-color: #f9fafb; padding: 25px 25px 25px 45px; border-radius: 8px; border: 1px solid #e5e7eb; color: #1f2937;">
        <li style="margin-bottom: 10px;"><strong>AI assistants</strong> like Claude (Desktop, VS Code, Cursor, Claude Code)</li>
        <li style="margin-bottom: 10px;"><strong>Custom pipelines</strong> and build systems</li>
        <li><strong>Your own applications</strong> via REST API</li>
    </ul>

    
    <h2 style="color: #111827; font-size: 1.8em; border-top: 1px solid #f3f4f6; padding-top: 40px; margin-top: 40px; margin-bottom: 20px;">What is MCP?</h2>
    <p>Model Context Protocol (MCP) is an open standard that allows AI assistants to connect with external tools and services. Think of it as giving your AI assistant hands. It can now directly create assets for you instead of just describing how to make them.</p>
    <p>When you connect Ludo.ai via MCP, you can simply ask your AI assistant things like:</p>
    
    
    <div style="display: flex; flex-wrap: wrap; gap: 10px; margin: 25px 0;">
        <span style="background: #ffffff; color: #4338ca; padding: 8px 16px; border-radius: 20px; font-size: 0.95em; border: 1px solid #c7d2fe; font-weight: 500;">"Create a pixel art knight..."</span>
        <span style="background: #ffffff; color: #4338ca; padding: 8px 16px; border-radius: 20px; font-size: 0.95em; border: 1px solid #c7d2fe; font-weight: 500;">"Animate this sprite..."</span>
        <span style="background: #ffffff; color: #4338ca; padding: 8px 16px; border-radius: 20px; font-size: 0.95em; border: 1px solid #c7d2fe; font-weight: 500;">"Generate a laser sound..."</span>
        <span style="background: #ffffff; color: #4338ca; padding: 8px 16px; border-radius: 20px; font-size: 0.95em; border: 1px solid #c7d2fe; font-weight: 500;">"Create epic battle music..."</span>
    </div>
    
    <p>The AI handles the rest, calling Ludo.ai's tools and returning the generated assets directly in your conversation.</p>

    
    <h2 style="color: #111827; font-size: 1.8em; border-top: 1px solid #f3f4f6; padding-top: 40px; margin-top: 40px; margin-bottom: 20px;">Available Tools</h2>
    <p style="margin-bottom: 30px;">Our API and MCP integration includes 9 powerful tools for game asset creation:</p>

    
    <div style="display: flex; flex-wrap: wrap; gap: 20px;">
        
        
        <div style="flex: 1 1 300px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 25px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);">
            <h3 style="margin-top: 0; color: #4338ca; font-size: 1.2em;">Image Generation</h3>
            <code style="background: #f3f4f6; padding: 4px 8px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace; border: 1px solid #e5e7eb;">createImage</code>
            <p style="font-size: 0.95em; color: #4b5563; margin-top: 15px; line-height: 1.5;">Generate game-ready images from text descriptions. Create sprites, icons, UI assets, textures, backgrounds, and more. Supports multiple art styles and perspectives.</p>
            <p style="font-size: 0.85em; color: #6b7280; font-style: italic; margin-bottom: 0; margin-top: 15px;">Cost: 0.5 credits per image</p>
        </div>

        
        <div style="flex: 1 1 300px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 25px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);">
            <h3 style="margin-top: 0; color: #4338ca; font-size: 1.2em;">Animation</h3>
            <code style="background: #f3f4f6; padding: 4px 8px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace; border: 1px solid #e5e7eb;">animateSprite</code>
            <p style="font-size: 0.95em; color: #4b5563; margin-top: 15px; line-height: 1.5;">Transform static images into animated sprite sheets. Describe the motion ("walking", "jumping", "attack slash") and get a complete sprite sheet.</p>
            <p style="font-size: 0.85em; color: #6b7280; font-style: italic; margin-bottom: 0; margin-top: 15px;">Cost: 5 credits per animation</p>
        </div>

        
        <div style="flex: 1 1 300px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 25px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);">
            <h3 style="margin-top: 0; color: #4338ca; font-size: 1.2em;">Video Generation</h3>
            <code style="background: #f3f4f6; padding: 4px 8px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace; border: 1px solid #e5e7eb;">createVideo</code>
            <p style="font-size: 0.95em; color: #4b5563; margin-top: 15px; line-height: 1.5;">Generate short videos from a source image and motion prompt. Perfect for cinematics, trailers, or dynamic backgrounds.</p>
            <p style="font-size: 0.85em; color: #6b7280; font-style: italic; margin-bottom: 0; margin-top: 15px;">Cost: 5-15 credits</p>
        </div>

        
        <div style="flex: 1 1 300px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 10px; padding: 25px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);">
            <h3 style="margin-top: 0; color: #4338ca; font-size: 1.2em;">3D Models</h3>
            <code style="background: #f3f4f6; padding: 4px 8px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace; border: 1px solid #e5e7eb;">create3DModel</code>
            <p style="font-size: 0.95em; color: #4b5563; margin-top: 15px; line-height: 1.5;">Convert 2D images into textured 3D models. Customize polygon count, texture resolution, and quality settings.</p>
            <p style="font-size: 0.85em; color: #6b7280; font-style: italic; margin-bottom: 0; margin-top: 15px;">Cost: 3 credits per model</p>
        </div>

        
        <div style="flex: 1 1 100%; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 25px;">
            <h3 style="margin-top: 0; color: #4338ca; font-size: 1.2em; margin-bottom: 20px;">Audio Tools</h3>
            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px;">
                
                <div>
                    <code style="background: #ffffff; border: 1px solid #cbd5e1; padding: 2px 6px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace;">createSoundEffect</code>
                    <p style="font-size: 0.9em; margin: 5px 0; color: #334155;">Generate SFX from descriptions.</p>
                    <p style="font-size: 0.8em; color: #64748b; font-style: italic;">3 credits</p>
                </div>
                
                <div>
                    <code style="background: #ffffff; border: 1px solid #cbd5e1; padding: 2px 6px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace;">createMusic</code>
                    <p style="font-size: 0.9em; margin: 5px 0; color: #334155;">Create background music &amp; themes.</p>
                    <p style="font-size: 0.8em; color: #64748b; font-style: italic;">3 credits</p>
                </div>
                
                <div>
                    <code style="background: #ffffff; border: 1px solid #cbd5e1; padding: 2px 6px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace;">createVoice</code>
                    <p style="font-size: 0.9em; margin: 5px 0; color: #334155;">Generate character voices.</p>
                    <p style="font-size: 0.8em; color: #64748b; font-style: italic;">3 credits</p>
                </div>
                
                <div>
                    <code style="background: #ffffff; border: 1px solid #cbd5e1; padding: 2px 6px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace;">createSpeech</code>
                    <p style="font-size: 0.9em; margin: 5px 0; color: #334155;">Clone a voice from a sample.</p>
                    <p style="font-size: 0.8em; color: #64748b; font-style: italic;">3 credits</p>
                </div>
                
                <div>
                    <code style="background: #ffffff; border: 1px solid #cbd5e1; padding: 2px 6px; border-radius: 4px; color: #be185d; font-size: 0.85em; font-family: monospace;">createSpeechPreset</code>
                    <p style="font-size: 0.9em; margin: 5px 0; color: #334155;">Use pre-made voice presets.</p>
                    <p style="font-size: 0.8em; color: #64748b; font-style: italic;">3 credits</p>
                </div>
            </div>
        </div>
    </div>

    
    <h2 style="color: #111827; font-size: 1.8em; border-top: 1px solid #f3f4f6; padding-top: 40px; margin-top: 40px; margin-bottom: 20px;">Getting Started</h2>
    <p>For detailed setup instructions, visit our <a href="https://api.ludo.ai/api-documentation" style="color: #4338ca; text-decoration: underline; font-weight: 500;">API &amp; MCP Integration page</a>.</p>

    
    <div style="background: #111827; color: white; padding: 30px; border-radius: 12px; margin: 25px 0; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);">
        <h3 style="color: #ffffff; margin-top: 0; border-bottom: 1px solid #374151; padding-bottom: 15px; margin-bottom: 20px;">Step 1: Subscribe &amp; Get Key</h3>
        <p style="color: #d1d5db; font-size: 0.95em; line-height: 1.6;">Visit our <a href="https://ludo.ai/pricing" style="color: #60a5fa; text-decoration: none;">pricing page</a> to choose a plan with API access. Then, log in to <a href="https://app.ludo.ai" style="color: #60a5fa; text-decoration: none;">app.ludo.ai</a> and generate your API key.</p>

        <h3 style="color: #ffffff; margin-top: 30px; border-bottom: 1px solid #374151; padding-bottom: 15px; margin-bottom: 20px;">Step 2: Choose Integration</h3>
        
        <div style="margin-bottom: 25px;">
            <p style="color: #9ca3af; font-weight: 700; margin-bottom: 10px; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.05em;">Option A: MCP (Recommended for AI Assistants)</p>
            <p style="color: #d1d5db; font-size: 0.95em; margin-top: 0; margin-bottom: 15px;">Connect Ludo.ai to Claude or any MCP-compatible client.</p>
            
            <div style="background: #000000; padding: 20px; border-radius: 8px; font-family: 'Monaco', 'Consolas', monospace; font-size: 0.85em; border: 1px solid #374151; overflow-x: auto;">
                <div style="color: #6b7280; margin-bottom: 8px;"># MCP Server URL</div>
                <div style="color: #a5b4fc; margin-bottom: 20px;">https://mcp.ludo.ai/mcp</div>
                
                <div style="color: #6b7280; margin-bottom: 8px;"># Quick Setup with Claude Code</div>
                <div style="color: #34d399;">claude mcp add ludo-ai https://mcp.ludo.ai/mcp -t http -H "Authentication: ApiKey YOUR_API_KEY"</div>
            </div>
        </div>

        <div>
            <p style="color: #9ca3af; font-weight: 700; margin-bottom: 10px; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.05em;">Option B: REST API (For Custom Apps)</p>
            <div style="background: #000000; padding: 20px; border-radius: 8px; font-family: 'Monaco', 'Consolas', monospace; font-size: 0.85em; border: 1px solid #374151; overflow-x: auto;">
                <div style="color: #a5b4fc; margin-bottom: 8px;">Base URL: https://api.ludo.ai/api/</div>
                <div style="color: #a5b4fc;">Header: Authentication: ApiKey YOUR_API_KEY</div>
            </div>
        </div>
    </div>

    
    <h2 style="color: #111827; font-size: 1.8em; border-top: 1px solid #f3f4f6; padding-top: 40px; margin-top: 40px; margin-bottom: 20px;">Example Workflows</h2>
    
    
    <div style="border: 1px solid #e5e7eb; border-radius: 12px; overflow: hidden; margin-top: 30px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);">
        <div style="background: #f9fafb; padding: 15px 25px; border-bottom: 1px solid #e5e7eb; font-weight: 600; color: #4b5563; font-size: 0.95em; letter-spacing: 0.02em;">
            Creating a Character Sprite Sheet
        </div>
        <div style="padding: 25px; background: #ffffff;">
            
            <div style="display: flex; justify-content: flex-end; margin-bottom: 20px;">
                <div style="background: #4338ca; color: white; padding: 12px 18px; border-radius: 18px 18px 0 18px; max-width: 80%; box-shadow: 0 2px 4px rgba(67, 56, 202, 0.2);">
                    Create a pixel art knight character with silver armor, side view, for a 2D platformer
                </div>
            </div>
            
            <div style="display: flex; justify-content: flex-start; margin-bottom: 20px;">
                <div style="background: #f3f4f6; color: #1f2937; padding: 12px 18px; border-radius: 18px 18px 18px 0; max-width: 80%; border: 1px solid #e5e7eb;">
                    <em style="color: #be185d; font-size: 0.9em; display: block; margin-bottom: 8px; font-family: monospace;">⚡ calling createImage...</em>
                    Here's your knight character: [image URL]
                </div>
            </div>
            
            <div style="display: flex; justify-content: flex-end; margin-bottom: 20px;">
                <div style="background: #4338ca; color: white; padding: 12px 18px; border-radius: 18px 18px 0 18px; max-width: 80%; box-shadow: 0 2px 4px rgba(67, 56, 202, 0.2);">
                    Now animate it with a walking cycle, 9 frames
                </div>
            </div>
            
            <div style="display: flex; justify-content: flex-start;">
                <div style="background: #f3f4f6; color: #1f2937; padding: 12px 18px; border-radius: 18px 18px 18px 0; max-width: 80%; border: 1px solid #e5e7eb;">
                    <em style="color: #be185d; font-size: 0.9em; display: block; margin-bottom: 8px; font-family: monospace;">⚡ calling animateSprite...</em>
                    Here's your animated sprite sheet: [spritesheet URL]
                </div>
            </div>
        </div>
    </div>

    <div style="margin-top: 40px;">
        <h3 style="color: #111827; font-size: 1.4em;">Building a Complete Game Scene</h3>
        <blockquote style="border-left: 4px solid #4338ca; margin: 0; padding: 20px; color: #4b5563; background: #f8fafc; border-radius: 0 8px 8px 0;">
            <p style="margin: 0 0 10px 0;"><strong>You:</strong> I need assets for a forest level. Create some tree sprites, a forest background, and ambient forest sounds.</p>
            <p style="margin: 0;"><strong>Claude:</strong> <em style="color: #be185d;">[calls createImage multiple times, then createSoundEffect]</em> Here are your assets...</p>
        </blockquote>
    </div>

    <div style="margin-top: 40px;">
        <h3 style="color: #111827; font-size: 1.4em;">Rapid Prototyping</h3>
        <p>Generate placeholder assets quickly during game jams or prototyping sessions. Describe what you need in natural language and get usable assets in seconds.</p>
    </div>

    
    <h2 style="color: #111827; font-size: 1.8em; border-top: 1px solid #f3f4f6; padding-top: 40px; margin-top: 40px; margin-bottom: 20px;">Beta Status</h2>
    <p>This integration is currently in <strong>beta</strong>. We're actively improving the tools and would love your feedback. If you encounter any issues or have feature requests, please reach out through our <a href="https://discord.com/invite/ludo-ai" style="color: #4338ca; text-decoration: underline;">Discord community</a> or <a href="https://ludo.ai/contact" style="color: #4338ca; text-decoration: underline;">contact us</a> directly.</p>

    <h2 style="color: #111827; font-size: 1.8em; border-top: 1px solid #f3f4f6; padding-top: 40px; margin-top: 40px; margin-bottom: 20px;">What's Next?</h2>
    <p>We're constantly improving and adding more tools to the API and MCP integration. Stay tuned for updates!
    </p>

</div>