pixel art

[marmotte]

very good, markp.com!!! their little game (mac only) is so fun also...
damn, i'm begining to love pixel art!!!

[StenFLASH]

I'm surprised no one posted a link to Zoggles!

He's got lots of high quality tutorials for pixel art and is damn good at it himself

Zoggles

I found this site to be the most useful, in learning pixel art, of all the pixel sites i'd been to. Besides Zoggles own tutorials, there are many others from other sites (like Tsugumo's tutorials from pixeltutorial.cjb.net, with permission of course) all presented in a nice clean manner, and better yet, in the one place.

I hope you all find this site as useful as I did

[SaphuA]

Omg how old is this threat?!
I was still mosterdfles_flash there

Anywayz, those links are great... had most of them already bookmarked

Who dug this up anyway?

[Markp.com]

I think its linked from the Knowledgebase... If not it should be

[marmotte]

thanks StenFLASH, another cool link...

and w00t, what an old thread...

[MikeRoGT]

Hey guys awesome links! I'll post my pixel links later when I get home, they're in my Browsers' Favorites Folder. Long live Pixel Art!

- Mike

[Jay84]

I've always been a fan of pixel art. So organized, so neat. I appreciate the detail so much more then the subject matter.

[StenFLASH]

Yeah, this is a pretty old thread indeed, which I got to through the KnowledgeBase, but I thought the link I gave was good enough to warrant digging it up

[MikeRoGT]

Hi All,

Here are my pixel links:

http://www.pixelmuseum.com/
http://www.mrwong.de/
http://www.gawzu.idv.tw/
http://www.ideefreak.com.ar/
http://www.adept-vormgeving.com/
http://www.ala.ch/home/
http://www.citycreator.com/
http://www.distorter.net/builder/gallery.asp
http://www.electriconland.com/
http://www.*****hotel.com/*****/en/
http://www.icontown.net/
http://www.k10k.net/
http://www.cubancouncil.com/
http://www.lovepixel.idv.tw/
http://meomi.com/main.html
http://www.ourcall.org/
http://www.zeeha.com/about.html
http://pixel.nascimpact.com/
http://www.pixelfreak.com/
http://www.pixture.com/
http://www.playdo.com/eng/munity.asp
http://www.quickhoney.com/indexnight.html
http://www.eboy.com/
http://www.redrabit.com/
http://www.sheismartha.com/
http://www.mondotrendy.com/
http://www.iconfactory.com/
http://www.merzhase.de/game/index.html
http://www.wireframe.co.za/
http://www.zenobo.com/index2.htm#
http://www.pixelzentrum.de/

Hope you guys like it, it took me forever to compile that list.. later..

- Mike

P.S. New pixel delicious stage coming soon for microGT:
http://beta.microgt.com:81/chat/tsnew.gif

[random10122]

lovin' those links... pixel art makes me dribble.

[label]

yay! viva los pixels!!

[howke]

check this out:

www.pixecute.com/pixchar

[kendude]

What is the rule with pixel art and Flash? My tiles are 20 x 20 pixels, When I make my pixel art 20 x 20, it looks funky, as if the lines on the left and top get doubled up (1px looks like 2). I tried making the tile 22 pixels, with a clear border and that worked, but the image on the bottom and right would get cut off by the next tile. I then kept the image 22 pixels inside the 20 pixel tile, but moved the registration point to -1,-1. This yielded the same funky appearance as using 20 pixel art in a 20 pixel tile. What is the correct method? Thanks.

*I am using gifs that contain transparent pixels.

[Ihoss]

When I make tiles I use png. I don't have the problem when I have a 1 pixel border around the tiles. This border is transparent btw.

[kendude]

So should my art only be 18x18 max, with a clear 1 pixel border around it for a 20x20 tile? Will there look like a space in between tiles?

[marmotte]

that damn flash issue...

to avoid that, here's what i always do:
frame 1 of all your games using pixels, bitmap etc...

code:

---

fscommand("fullscreen","false")

fscommand("allowscale","false")

_quality = "low"

_xscale = _yscale = 99.95

---

you may also test to have 1 pixel transparent outline... so your tile grid is 20x20, but the tiles themselves are 22x22, because of an invisible border you have in the original tile/bitmap. anyway, the above code should get rid of that, as far as i experienced.

another thing that can help is the MC registration point (you can choose it when you create a new MC...)

[Ihoss]

kendude, make your graphics 22*22. Then start to draw your 20*20 picture so you have a frame that is 1 pixel thick around the whole thing. Colour it some colour tha is not used in the tile. Then (if you use photoshop) select it wit hthe magic wand and delete it. Now save it as tile1.png without flattening the image (If it has many layers then flatten it before you delete the colour). In your game you put the tile in the center and pretend that its 20*20. That means that when you arrange the tiles on screen you set its _x to be x*20 (x beeing the x position in the array).

I have an example that uses the border only for the hero (Its a 6 wheel robot ). All the others work without it. Im not sure why

[StenFLASH]

There's a much easier way to fix image bug in flash without needing to add a 1 pixel transparent border or have any AS. Basically all you need to do is get your raster image and put it into a Graphic symbol in the negative area. For example:

Your image is 20x20. Convert it to a graphic symbol and make it's location in this graphic symbol -20, -20. Whenever you want to use the image, use it via it's graphic symbol (as opposed to directly) and you wont get any kind of mistakes with pixels being cut-off/doubled.

Here's a site that goes into more detail: Flash Image Bug

[MikeRoGT]

StenFlash, thanks for the solution, I will be doing this to all my pixel drawings. This problem is such a pain, I even had to do different load movie techniques to get around it. Hopefully this new solution will work...

- Mike

[Ihoss]

Cant you convert it to vector? Just break it apart? (Ctrl+B)