Armagetron Badge Creator

Striving for unique and challenging game play.

Moderator: sinewav

User avatar
sinewav
Graphic Artist
Posts: 6199
Joined: Wed Jan 23, 2008 3:37 am
Contact:

Armagetron Badge Creator

Post by sinewav » Wed Nov 21, 2012 8:18 am

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.
Attachments
prototype-v1.png

Word
Reverse Adjust Outside Corner Grinder
Posts: 4161
Joined: Wed Jan 07, 2009 6:13 pm

Re: Armagetron Badge Creator

Post by Word » Wed Nov 21, 2012 10:18 am

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://):
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
Attachments
tropheys.png

User avatar
vov
Match Winner
Posts: 561
Joined: Thu Feb 17, 2011 8:40 pm

Re: Armagetron Badge Creator

Post by vov » Wed Nov 21, 2012 7:20 pm

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.
* it's a downscaled screenie, don't expect much!
* it's a downscaled screenie, don't expect much!
blue_64x64.jpg (6.69 KiB) Viewed 2310 times
P.S. heh sine, I didn't even see that table on our forums yet; I'm blind :p

User avatar
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

Post by Phytotron » Thu Nov 22, 2012 12:24 am

Badges? We don't need no stinkin' badges!


It had to be said.

User avatar
sinewav
Graphic Artist
Posts: 6199
Joined: Wed Jan 23, 2008 3:37 am
Contact:

Re: Armagetron Badge Creator

Post by sinewav » Fri Nov 23, 2012 2:11 am

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.
Attachments
abc-v1.0.png

User avatar
Magi
Match Winner
Posts: 629
Joined: Fri Oct 21, 2011 9:35 pm

Re: Armagetron Badge Creator

Post by Magi » Fri Nov 23, 2012 12:54 pm

Cool

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.
Image Image Image Image Image Image Image Image Image
Image

bye

User avatar
sinewav
Graphic Artist
Posts: 6199
Joined: Wed Jan 23, 2008 3:37 am
Contact:

Re: Armagetron Badge Creator

Post by sinewav » Fri Nov 23, 2012 3:50 pm

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
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.

User avatar
sinewav
Graphic Artist
Posts: 6199
Joined: Wed Jan 23, 2008 3:37 am
Contact:

Re: Armagetron Badge Creator

Post by sinewav » Sat Nov 24, 2012 2:54 am

Moving on...

I made a pair of badges for the TST. I suddenly wish there were more tournaments. :P
Attachments
tst1.png
tst1.png (2.88 KiB) Viewed 2157 times
tst2.png
tst2.png (1.53 KiB) Viewed 2189 times
Last edited by sinewav on Sat Nov 24, 2012 7:44 pm, edited 1 time in total.

Word
Reverse Adjust Outside Corner Grinder
Posts: 4161
Joined: Wed Jan 07, 2009 6:13 pm

Re: Armagetron Badge Creator

Post by Word » Sat Nov 24, 2012 2:13 pm

You could make some badges for clan memberships, pings, servers, moderator/admin statuses... ;)


Image

Image

Image

User avatar
sinewav
Graphic Artist
Posts: 6199
Joined: Wed Jan 23, 2008 3:37 am
Contact:

Re: Armagetron Badge Creator

Post by sinewav » Sat Nov 24, 2012 7:46 pm

Word wrote:You could make some badges for ... pings
wut? haha.

User avatar
Bytes
Round Winner
Posts: 220
Joined: Sun May 06, 2012 12:13 pm

Re: Armagetron Badge Creator

Post by Bytes » Sat Dec 08, 2012 1:03 am

An, it's over 9000! ping badge?
Image

User avatar
woof
Round Winner
Posts: 230
Joined: Sun Dec 02, 2012 6:58 am

Re: Armagetron Badge Creator

Post by woof » Mon Jul 01, 2013 7:35 am

Can you make a badge for the TTT por favor :)

User avatar
sinewav
Graphic Artist
Posts: 6199
Joined: Wed Jan 23, 2008 3:37 am
Contact:

Re: Armagetron Badge Creator

Post by sinewav » Mon Jul 01, 2013 8:38 am

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.

User avatar
Ratchet
Match Winner
Posts: 780
Joined: Sat Mar 15, 2008 5:55 am
Contact:

Re: Armagetron Badge Creator

Post by Ratchet » Mon Jul 01, 2013 6:55 pm

sinewav 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.
+1, Nice, surprisingly didn't know about this

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
Image
"Dream as if you'll live forever,
Live as if you'll die today." -James Dean

User avatar
sinewav
Graphic Artist
Posts: 6199
Joined: Wed Jan 23, 2008 3:37 am
Contact:

Re: Armagetron Badge Creator

Post by sinewav » Fri Aug 02, 2013 8:28 am

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.

Post Reply