Your First Painting: What to Expect
A step-by-step guide to creating your first code artwork
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
How Code Becomes Art: The Journey from Syntax to Canvas
The high-level pipeline that transforms your code into a unique painting
6 min readThe PaletteScenery and Mood: Painting the World Around Your Code
How scenery themes and mood tones shape the atmosphere of your artwork
6 min readAnatomy of CodeScale and Magnitude: From Seedlings to Stars
How code size unlocks visual richness through seven distinct tiers
6 min readReady to See Your Code as Art?
Transform your code into a unique painting inspired by the masters.