I built a pixel art editor after playing Octopath Traveler II
16 comments
·May 2, 2025ThinkBeat
I dont know much about pixel art and tools but I could not figure out how to add more tiles. I realize is probably a might dumb question
It starts with 4 (I think) how do I add an additional 2?
somefuckingguy
Looks really cool! Well done.
I made something similar, albeit less stylised, a while back. It's got animation. I'm not sure it's the ideal way to do it, but have a look if you want. I describe the approach here: https://bardhovde.com/posts/miko/
Repo: https://github.com/bnhovde/miko Demo: https://mikoapp.netlify.app/
thih9
Clickable links:
https://ayanamiii.netlify.app/
https://github.com/KamiC6238/ayanami
Looks great, congrats!
lovegrenoble
Thank you
PeterHolzwarth
Shoutout to the legendary Deluxe Paint III. I worked with people who, 30 years after the release, still kept an old computer running just to be able to use Dpaint II and III. They said it was the best pixel editor ever made.
3036e4
There is the open source VGA Paint 386 to get something similar: https://www.bttr-software.de/products/vp386/
Runs in DOSBox (i.e. runs everywhere and can be expected to keep working).
And of course also the open sourced A**desk Animator on various platforms (but I run that in DOSBox as well... great for doodling on the phone).
ekianjo
Not deluxe paint IV?
PeterHolzwarth
Heck, let's be honest: all revs were excellent. But, the artists I am referring to preferred dpaint 2/3.
kubb
I’ve always wanted to learn how to make sprites and pixel art, but I always got stuck. because I had no idea how the process should look like. Does anyone have any advice about going from unskilled to decent?
runsonrum
I recently wanted to learn the basics to help my son and came across this article that made the most sense to me.
Pixel Art Tutorial: Basics
https://www.derekyu.com/makegames/pixelart.html
I have come across other articles that are similar in context but not as cleanly laid out.
The article doesn't go into the usage of software though. I think the design work flow, within software, would be greatly helpful in the understanding of achieving a great outcome. At least in a faster manner.
I hope that helps!
onename
Maybe this can help. The image in the video is the one Steffest won the Oldskool Graphics Compo with at Revision 2025
The program used can be found here https://www.stef.be/dpaint/
baobun
Start by shamelessly imitating (in private). Copy, tweak and extend from styles and artists you like. Your own style will develop over time.
mitthrowaway2
Great example of this in the video by Brandon James Greer on drawing Final Fantasy characters in the Chrono Trigger style:
socalgal2
Cute!
I'm curious, why use netify and not just github pages? AFAICT your app is just a static page. If so, there's no reason you need netify (which IIUC will require $$$ knock you off eventually). Is there some tutorial/LLM/template you followed that used netify? Were you planning on adding serve side features, user accounts, galleries? Just curious.
shawn_w
That's such a fun game.
null
After playing Octopath Traveler II, I was really inspired by its art style and decided to create my own pixel drawing app from scratch. It's still in the early stages, but it already supports basic drawing, undo/redo, and a clean UI focused on pixel-perfect design.
I plan to add frame-by-frame animation support in the next version.
You're welcome to try it out and share your thoughts! If you like the project, a on GitHub would mean a lot to me.
Live demo: https://ayanamiii.netlify.app/
GitHub: https://github.com/KamiC6238/ayanami