The Foundation

Your First Painting: What to Expect

A step-by-step guide to creating your first code artwork

5 min readThe Foundation3 of 21

Two Paths to Art

You have two ways to create art with DevPaint. The first is pasting a code snippet directly — ideal for quick experiments or sharing a single function you're proud of. The second is connecting a GitHub repository — this unlocks the full scale of your project and produces richer, more detailed artwork.

Both paths run through the same pipeline, but a full repository gives the algorithm much more to work with.

How Language Detection Works

When you paste code, DevPaint automatically detects the programming language. It looks for telltale signs — keywords, syntax patterns, common structures — and assigns a confidence score. In most cases, detection is instant and accurate.

For ambiguous snippets, you can always specify the language manually. The detected language determines which master painter will interpret your code, so it's the very first creative decision in the pipeline.

Shaping Your Artwork with Preferences

Before generating, you can customize several aspects of the result. Choose a scenery theme (nature, cosmic, urban, and more), set the mood (energetic, calm, mysterious), pick a color palette, select an art medium, and choose the time of day for lighting.

Each preference nudges the final artwork in a direction, but the code's inherent qualities always remain the foundation. Setting everything to "Auto" lets the algorithm make these choices based on your code's patterns — often producing the most cohesive results.

Understanding Your Painting

Once generated, your artwork appears with details about how it was created. You'll see the detected language, the paired painter, and a tier badge indicating the scale of your code — from Seedling for small snippets to Star for massive codebases.

The detail page shows your code's metrics and how they influenced the visual result. You can share your artwork, download it, or use it as a profile picture, wallpaper, or social media banner.

Experiment and Discover

The best way to understand DevPaint is to experiment. Try the same code with different preferences — a calm nature scene versus an energetic cosmic landscape. Connect a repository and compare it to a single file from that same project.

Try code from different languages and see how the painter changes the feel. Each experiment reveals something new about how your code is seen through the eyes of art. There's no wrong way to create — every piece tells your story.

Every experiment reveals something new about how your code is seen through the eyes of art.

Continue Reading

Ready to See Your Code as Art?

Transform your code into a unique painting inspired by the masters.