Armagetron Badge Creator
Moderator: sinewav
Armagetron Badge Creator
I'm looking for Armagetron artists, preferably ones who know a little about the HTML5 canvas element, to give me feedback and contributions on a new project of mine. I was looking for an excuse to teach myself Javascript when [Soul hit me with a graphics request: Trophy/Badges for events. Rather than rely on me every time his clan wins something, I thought it would be cool to make a website to generate future badges. Also, I think this something the community would use. People like to decorate their forum/signatures with victories, and a couple teams already have extensive histories on their sites. Redemption has a nice table, Team Unknown has some trophies, and I know there are a few artists out there that might be into this project.
Here is what I have so far: Below is a screenshot of my working prototype. NOTE: This is NOT the final design and the badges shown are MS Paint nonsense just for the purposes of prototyping. Users simply click on the badge they like, enter the number of the event they won, then create the graphic. I'm pretty sure you can just right-click the output and "save as" though I've only tested this on FF 17. The HTML5 canvas has some limitations, but anyone who is familiar with it knows it's capable of quite a lot. I would have to work with individual artist to create "number styles" for their templates (color, font, position, etc).
I think the badges should be small so if they wind up in signatures they won't be overwhelming. Plus, smaller graphics would probably sit better on clan forums where space is generally for text. Square seems to be ideal, and I'd need a good argument for rectangles. Right now I'm filling a 64x64 pixel space. Transparency seems to be supported, though I can't be sure across all browsers and that might get troublesome, though it would allow different shapes.
Things I don't want to do: Provide an option to load your own image. Let's make this about sharing. If you have something good, let everyone in on it. Also, I don't want this project to get out of hand with elaborate ideas. It's already functional, I just want to focus on artistic assets at this point.
Here is what I have so far: Below is a screenshot of my working prototype. NOTE: This is NOT the final design and the badges shown are MS Paint nonsense just for the purposes of prototyping. Users simply click on the badge they like, enter the number of the event they won, then create the graphic. I'm pretty sure you can just right-click the output and "save as" though I've only tested this on FF 17. The HTML5 canvas has some limitations, but anyone who is familiar with it knows it's capable of quite a lot. I would have to work with individual artist to create "number styles" for their templates (color, font, position, etc).
I think the badges should be small so if they wind up in signatures they won't be overwhelming. Plus, smaller graphics would probably sit better on clan forums where space is generally for text. Square seems to be ideal, and I'd need a good argument for rectangles. Right now I'm filling a 64x64 pixel space. Transparency seems to be supported, though I can't be sure across all browsers and that might get troublesome, though it would allow different shapes.
Things I don't want to do: Provide an option to load your own image. Let's make this about sharing. If you have something good, let everyone in on it. Also, I don't want this project to get out of hand with elaborate ideas. It's already functional, I just want to focus on artistic assets at this point.
Re: Armagetron Badge Creator
Not sure if that'll help, but I did some animated gifs of tropheys a few years ago.
Have fun (ß needs to be replaced with http://):
Have fun (ß needs to be replaced with http://):
Word wrote: ßimg692.imageshack.us/img692/8421/67722928.gif
ßimg691.imageshack.us/img691/4193/98720632.gif
ßimg692.imageshack.us/img692/3338/48805328.gif
ßimg40.imageshack.us/img40/2987/88403828.gif
ßimg26.imageshack.us/img26/8726/37421233.gif
ßimg689.imageshack.us/img689/9973/casyc.gif
ßimg22.imageshack.us/img22/5446/83067274.gif
ßimg145.imageshack.us/img145/1935/45226645.gif
ßimg18.imageshack.us/img18/7971/10231258.gif
ßimg41.imageshack.us/img41/3336/95297204.gif
ßimg14.imageshack.us/img14/622/42690314.gif
ßimg27.imageshack.us/img27/6456/66845657.gif
ßimg27.imageshack.us/img27/1232/76145376.gif
ßimg20.imageshack.us/img20/8636/26719481.gif
ßimg28.imageshack.us/img28/221/89250063.gif
ßimg26.imageshack.us/img26/7721/43660852.gif
ßimg26.imageshack.us/img26/7335/16884595.gif
ßimg502.imageshack.us/img502/347/52134307.gif
ßimg509.imageshack.us/img509/2130/67850139.gif
ßimg9.imageshack.us/img9/3323/71494441.gif
ßimg145.imageshack.us/img145/537/68832825.gif
ßimg59.imageshack.us/img59/103/81312421.gif
ßimg26.imageshack.us/img26/1231/45822590.gif
ßimg502.imageshack.us/img502/7541/72568450.gif
ßimg17.imageshack.us/img17/857/39651307.gif
Re: Armagetron Badge Creator
For what kind of tournament would the "404 Image" one be? That's my favourite so I want to win that one
They actually look quite nice, heh. Maybe it should look a bit more game-themed imo. Can't think of much though...
Maybe the classic "ring of death"/"1080" or something like that? Attached a pic of one, although it doesn't seem to look that cool or clear in 64x64* you could easily print text or numbers into it as there's some free space. Maybe in different colors than blue, e.g gold, silver or bronze like Word's trophies there. Or being able to choose any color you like, don't know if that's possible in js/html though.
Or maybe giving Word's trophies the look as if they were kinda standing on the grid, although that may not blend in as well as simple transparency to different forums' styles/colors.
P.S. heh sine, I didn't even see that table on our forums yet; I'm blind :p
They actually look quite nice, heh. Maybe it should look a bit more game-themed imo. Can't think of much though...
Maybe the classic "ring of death"/"1080" or something like that? Attached a pic of one, although it doesn't seem to look that cool or clear in 64x64* you could easily print text or numbers into it as there's some free space. Maybe in different colors than blue, e.g gold, silver or bronze like Word's trophies there. Or being able to choose any color you like, don't know if that's possible in js/html though.
Or maybe giving Word's trophies the look as if they were kinda standing on the grid, although that may not blend in as well as simple transparency to different forums' styles/colors.
P.S. heh sine, I didn't even see that table on our forums yet; I'm blind :p
- Phytotron
- Formerly Oscilloscope
- Posts: 5041
- Joined: Thu Jun 09, 2005 10:06 pm
- Location: A site or situation, especially considered in regard to its surroundings.
- Contact:
Re: Armagetron Badge Creator
Badges? We don't need no stinkin' badges!
It had to be said.
It had to be said.
Re: Armagetron Badge Creator
Version 1.0 released.
It's a good start. I had fun making it, so hopefully the tool works for everyone (you need a HTML5 compatible browser). If you can't get the site to work, post your problem here with your browser make and version and I'll see if I can fix it.
I'm up for badge suggestions. I guess there can be a TST badge, though that's like a once a year thing or something now, right? I included a badge for SBT, which I imagine is the Sumo Bar Tournament, not "Single-bind Sumo," which I assume would be SBS.
It's a good start. I had fun making it, so hopefully the tool works for everyone (you need a HTML5 compatible browser). If you can't get the site to work, post your problem here with your browser make and version and I'll see if I can fix it.
I'm up for badge suggestions. I guess there can be a TST badge, though that's like a once a year thing or something now, right? I included a badge for SBT, which I imagine is the Sumo Bar Tournament, not "Single-bind Sumo," which I assume would be SBS.
Re: Armagetron Badge Creator
Cool
My post is really short and needs more letters so I'm going to edit this because Sinewav told me to.
My post is really short and needs more letters so I'm going to edit this because Sinewav told me to.
Last edited by Magi on Sat Nov 24, 2012 10:44 am, edited 1 time in total.
bye
Re: Armagetron Badge Creator
Please don't do that. There is no need to derail a thread for no reason by introducing an unrelated topic. I'm glad you think the tool is cool, but I'd rather you post nothing than this. Please edit your post.Magi wrote:My post is really short and needs more letters so I'm going to type..how was your thanksgiving guys? Did you go trololololing on black friday? kgo
Re: Armagetron Badge Creator
Moving on...
I made a pair of badges for the TST. I suddenly wish there were more tournaments.
I made a pair of badges for the TST. I suddenly wish there were more tournaments.
- Attachments
-
- tst1.png (2.88 KiB) Viewed 6646 times
-
- tst2.png (1.53 KiB) Viewed 6678 times
Last edited by sinewav on Sat Nov 24, 2012 7:44 pm, edited 1 time in total.
Re: Armagetron Badge Creator
You could make some badges for clan memberships, pings, servers, moderator/admin statuses...
Re: Armagetron Badge Creator
wut? haha.Word wrote:You could make some badges for ... pings
Re: Armagetron Badge Creator
An, it's over 9000! ping badge?
Re: Armagetron Badge Creator
I've already got a note on my desktop reminding me to make one for Bowl and FFA too, but I would like to see more than one of these events happen before I make a badge. The badge idea is supposed to be for series events. I guess I can add a section for one-off events and if they turn into a series migrate them into the generator? Guess I can make a 4-Team Fort badge while I am at it.
Gonna be a while before I get to this though. I only get one day off a week and there are lots of things I need to do on that day.
Gonna be a while before I get to this though. I only get one day off a week and there are lots of things I need to do on that day.
Re: Armagetron Badge Creator
+1, Nice, surprisingly didn't know about thissinewav wrote:I've already got a note on my desktop reminding me to make one for Bowl and FFA too, but I would like to see more than one of these events happen before I make a badge. The badge idea is supposed to be for series events. I guess I can add a section for one-off events and if they turn into a series migrate them into the generator? Guess I can make a 4-Team Fort badge while I am at it.
Gonna be a while before I get to this though. I only get one day off a week and there are lots of things I need to do on that day.
I have every intention of hosting more FFAs, there is just a major cluster of tournaments at the moment and I don't want to collide with the AFL, Ladle, SBT, Brawl, etc, etc, etc
"Dream as if you'll live forever,
Live as if you'll die today." -James Dean
Re: Armagetron Badge Creator
I am about ready to dive into this project again. If you want a badge for a specific tournament post about it now. Keep in mind I am a little frustrated with the lack of recycling in this community. We don't need a SBX badge when it is just the SBT with a new name. I intended the Badge Creator to be used with regular, longstanding tournaments. For that reason I'm reluctant to make one a FFA badge. I would totally make badges for CTWF and 4-Team Fort since there have been 3 of each and will likely be an annual events, like Bowl, which will get a badge. Maybe AFL now too.
Also, where there are two styles for a single tournament I will discontinue the less popular designs. And you guys can submit artwork too -- maybe I'll use it. I might try to work in vov's chico spiral. Word's contributions... no. Haha.
Also, where there are two styles for a single tournament I will discontinue the less popular designs. And you guys can submit artwork too -- maybe I'll use it. I might try to work in vov's chico spiral. Word's contributions... no. Haha.