Compass Rose Generator
All the actions and options are accessible via the context menu (right-click anywhere).
Hot keys (click the rose first to use them):
| Enter | generate a new rose |
| S | open "Style" dialog |
| V | toggle vignetting |
| W | toggle NESW labels |
| L | toggle fleur-de-lis |
| F | invert arrows shading |
| T | toggle thin lines |
| P | download image as a 2560x2560 PNG file |
On touch devices tap the rose to generate a new one.
Art style and palettes:
| M | toggle drawing mode: normal/no outline/gradient |
| 1-9 | predefined palettes |
| 0 | random palette |
You can use images created by the generator as you like: copy, modify, include in your commercial rpg adventures etc. Attribution is appreciated, but not required. Please consider supporting this project on Patreon☕!
Made with Haxe + OpenFL. Source code of a slightly simplified version is available here.
Comments
Log in with itch.io to leave a comment.
I cannot begin to explain how amazing this is
You should include the option to change the direction of the north, for maps that doesn't align with regular compass roses. Great generator!
As Compass Roses is a pretty niche, viewers may be interested to check https://dragonsabound-part18.netlify.app/test.html
Check for https://heredragonsabound.blogspot.com/ for the details
Have you ever considered creating a holy geometry generator? It would be super useful for like arcane magic systems and religious orders.
It's an interesting topic, but real-life holy/mystic symbols are very diverse. What kind of symbols are you looking for? There is "astrological symbols" item on my long list of ideas for generators, this one I may try implementing one day :)
I would love to see something that could generate symbols like these.
I like this idea!
I think I've seen a generator like this recently, I'll try to find a link...
That would be awesome because I haven’t been able to find anything web-based, and nothing at all that can make shapes as clean and simple as those examples.
I think this is the one I was looking for: https://www.reddit.com/r/proceduralgeneration/comments/i17hn6/drawing_randomly_g...
Here is a couple more, they are pretty different from your example, but still related:
Unfortunately, the first two don't have any export capabilities.
I’ve been using this as a holy symbol generator. But like a dedicated holy symbol generator would be amazing.
Watabou never misses!
Well done! This is great! Thanks for sharing.
As always, I thank you for providing us all such useful content gratis. Do you know if there is an easy way to plonk in our OWN cardinal direction letters in lieu of simply making "NSEW" disappear?
The easiest way is to hide those letters and draw your own in Photoshop :)
But I'll make a note for the next time I update this generator to implement something like this.
Hello! It seems to me that the last comment was a long time ago and I'm not sure if you will see it, but I absolutely love this generator. I sell some maps online to make an extra money, and want to know if I can use those on them, since it is commercial. I can donate a small amount each time I use them, if you prefer
Hi! Yeah, as with my other generators:
I was inspired by this generator and created a turtletoy that generates a compass https://turtletoy.net/turtle/5ef089d251
really cool! can i use generated roses in my own projects?
Yes, you can (the same is true for all my generators)
^_^
hi ! it has nothing to do with similutor, how did you learn to make a rogue like ? :D I try to learn
Custom palettes don't seem to work for me... Is there any metadata attached?
Do they work in MFCG for you? It's the same format.
No.
No. It just breaks.
What is your system (OS/browser)? Could you check the console for any warning messages?
Chrome, Windows 10. No I haven't
Pressing F on web re-generates the whole compass instead of just removing the fleur, is this intended?
Yes (more or less)
I love that I can use this on mobile! Can I get control buttons for mobile?
If I could download these images with transparent backgrounds I would use them in my games :D
Since the backgrounds are a single color, it shouldn't be too hard to just remove them with photoshop or gimp.
We can use them in our games? :O you ROCK buddy.
In fact, no.
Transparency is always progressive in decent png images (it takes a few pixels going from 255 to 0). And u can't correct that with any built in tool in photoshop etc...
It demands either some time (5 minutes mini for this kind of images) or some smart programming.
Also, the plan in using a "generator" is often to get many many version of it.
@watabou
Consider adding even a SLIGHT LITTLE support for at least background transparency, because i get that supporting the other colors transparency is hard + kinda useless :
PLEASE support the " fill-opacity=" in the custom palettes, even only for background, again !
This don't look like a lot of work, and this would be amazing !
Anyway good work, to say the least, as i really love good artists making bright use of numeric strengths <3
I'll try to do it when I get back to this generator (although it's a bit harder than it probably seems). Meanwhile for me personally the easiest way to place a rose on a map it to switch to the a b/w palette and set the blending mode of the layer to "multiply" (or similar).
Transparency would be wonderful; SVG export would be even better. Thanks for making this, regardless.
https://www.funvideogames.biz/2019/03/another-generator.html
This is perfect for figuring out my sharingan design.
This is also very good I'm just ribbing
wow! excellent and nicely done watabou
Really cool. :)
Man, they are so beautiful.
I wish there was a way to save the Compass Rose you make as a PNG
there is, just right click and save. On a phone just use two fingers I believe.
As ortish said you can do it through the context menu. I will probably implement export to PNG (in high resolution) and/or SVG later.
Hot keys don't function. Do I have to do something to turn them on?
You may need to click the generator window first (to let it get the input focus).
This is super rad!
Beautiful!
What a great idea, thanks so much for sharing!
Hello there,
sorry for asking, but how do you use that…
Wow, this is handy!