3D Modeling for 2D Games
by Mark Schmidt · in Torque Game Builder · 06/07/2005 (1:49 am) · 36 replies
I have a bad case of programmer art. So, what's a lone guy to do? How about using popular 3D packages to generate 2D art? Well, that's exactly what I'm doing. The hard part was figuring out how to do characters. So, I broke down and bought Poser 6 (I've used it before so I was familiar with what it could do). I imported a model (not created by me). I then set up the initial camera and went a rendering. There are 8 directions my guy can walk and each direction uses 13 frames of animation (yeah, I don't need that many). Poser has the ability to render movies but instead of outputting to avi, you can just output to individual image files. So let's see my first screenshot:

This is a screenshot of all the frames for my guy walking in all 8 directions. However, Poser renders each frame to individual files which means I actually ended up with 104 images that I had to splice together for T2D (or write a gazillion datablocks). So I fire up VS.NET 2005 and within 1/2 hour I created my fancy whizbang Animated Sprite Maker (catchy title huh). Here's a screenshot:

Basically, you add individual images, hit the go button and it splices them all into a single frame based image. I first had to create 8 images for each of the directions. Then I grabbed those 8 images, put them into the Animated Sprite Maker, clicked the "Tile Vertically" button and it produced the image you saw in the 1st screenshot. Which leads me to the actual game (actually it's a screensaver but for now it functions more like a game since I control the little dude). Here's the screenshot of my animated man in action (if this were a video you would see that he walks in all 8 directions depending on which keys you press):

And there you have it. Using Poser 6 for 3D modeling, I easily created a full set of sprites for my 2D game. Now, I will say that since Poser 6 does cost $249, this solution obviously isn't for everybody. I'm sharing just to spark other coders imagination who are graphically disable such as myself.
-Mark
P.S. The screensaver shown here is just 1 screensaver in my SickSavers project. There will be others to go along with the collection. I have an updated description of the project, but for some reason, I can't update the project page with the detailed text. If anyone's interested, I'll post it here.

This is a screenshot of all the frames for my guy walking in all 8 directions. However, Poser renders each frame to individual files which means I actually ended up with 104 images that I had to splice together for T2D (or write a gazillion datablocks). So I fire up VS.NET 2005 and within 1/2 hour I created my fancy whizbang Animated Sprite Maker (catchy title huh). Here's a screenshot:
Basically, you add individual images, hit the go button and it splices them all into a single frame based image. I first had to create 8 images for each of the directions. Then I grabbed those 8 images, put them into the Animated Sprite Maker, clicked the "Tile Vertically" button and it produced the image you saw in the 1st screenshot. Which leads me to the actual game (actually it's a screensaver but for now it functions more like a game since I control the little dude). Here's the screenshot of my animated man in action (if this were a video you would see that he walks in all 8 directions depending on which keys you press):

And there you have it. Using Poser 6 for 3D modeling, I easily created a full set of sprites for my 2D game. Now, I will say that since Poser 6 does cost $249, this solution obviously isn't for everybody. I'm sharing just to spark other coders imagination who are graphically disable such as myself.
-Mark
P.S. The screensaver shown here is just 1 screensaver in my SickSavers project. There will be others to go along with the collection. I have an updated description of the project, but for some reason, I can't update the project page with the detailed text. If anyone's interested, I'll post it here.
About the author
#22
03/03/2006 (8:10 am)
Well, using a .dts model is fine if it comes from 3D Studio Max or Blender, etc. But I would go over Poser's EULA (which is about as clear as mud) so you understand what content you are allowed to resell/distribute in your game, as most of the included 3D content is restricted; nevermind the steps you would need to take to get it into a .dts anyway.
#23
03/03/2006 (8:44 am)
And the fact that it is massively high poly (at least as far as characters go).
#24
03/03/2006 (9:00 am)
If you are using Poser to render out your images, you will be fine. You are restricted from using the meshes in real-time applications.
#25
That little app it's awesome! I will save a lot of time doing my sprites. THANKS
Is there a way to save a grid of images, for example 10 x 10 instead a horizontal image with 100 images in a straight line?
01/10/2007 (3:14 pm)
Hey Mark! That little app it's awesome! I will save a lot of time doing my sprites. THANKS
Is there a way to save a grid of images, for example 10 x 10 instead a horizontal image with 100 images in a straight line?
#26
By the way @ Mark, fantastic little tool, thinks very much.
01/10/2007 (4:01 pm)
@ Isaac, yes, where it says "number of columns" type in 10. If you have 100 images selected, then it will lay them out 10 columns wide by 10 high.By the way @ Mark, fantastic little tool, thinks very much.
#27
for the sake of space saving I want to do a 30x30 grid with all my artowk in a single png... if I use Fireworks I will do that in a lot of time!
But anyway, if not possible is a great help and save a lot of time.
01/10/2007 (4:20 pm)
@ Todd: Thanks, I know how to do that in TGB, but I mean if there is a way to save in that way in Animated Sprite Maker :)for the sake of space saving I want to do a 30x30 grid with all my artowk in a single png... if I use Fireworks I will do that in a lot of time!
But anyway, if not possible is a great help and save a lot of time.
#28
01/10/2007 (5:33 pm)
If I understand your question, yes you can. If I have 100 images I can break them by 10 images each stripe with the AnimSpriteMaker. I load my first 10 images. Click Ok button. Repeat until done. So have the following whale1 thru whale10. Now load whale1 thru whale 10 back in AnimSpriteMaker and check Tile Vertical. Click Ok button this should give you what you want. Make sure you keep the images in order to maintain your animation. I hope this help.
#30
01/10/2007 (6:32 pm)
You very welcome!
#31
Just wanted to add my thanks for a very useful utility.
BTW, if anyone is considering Poser (which I have and use all of the time) but doesn't want to spend the $, check out Daz Studio at www.daz3d.com. It's free and can use the same poser content. (Free because they hope you'll buy lots of 3D content from Daz, of course.)
07/11/2007 (1:47 pm)
Mark,Just wanted to add my thanks for a very useful utility.
BTW, if anyone is considering Poser (which I have and use all of the time) but doesn't want to spend the $, check out Daz Studio at www.daz3d.com. It's free and can use the same poser content. (Free because they hope you'll buy lots of 3D content from Daz, of course.)
#32
Why some images are cut down or incomplete?
I have tried to do an image using 7 rows of 7 images, to get a grid image of 7 x 7 but the exported/created image is not complete. I can see only 7 rows of 5 and a half images. What could be wrong. Is there a place to get instructions about this. Another recommended software to make my images?
Thanks
07/28/2007 (5:19 pm)
I have a problem with this wonderful tool :(Why some images are cut down or incomplete?
I have tried to do an image using 7 rows of 7 images, to get a grid image of 7 x 7 but the exported/created image is not complete. I can see only 7 rows of 5 and a half images. What could be wrong. Is there a place to get instructions about this. Another recommended software to make my images?
Thanks
#33
07/28/2007 (5:34 pm)
I've found GlueIt. It is also a great tool.
#34
I have the same problem but It is solve after I heard Jesse Hall's share
07/29/2007 (2:11 am)
Hey Isaac Barbosa! have you try the 96dpi?I have the same problem but It is solve after I heard Jesse Hall's share
Quote:Has anyone noticed there imagery getting offset and blown up slightly? The result is a blow up version of the sprite that gets cut off.
I tested with the GGlogo from the included sprites as well as my own sprites.
----------- edit after troubleshooting testing --------------
works with 96dpi but 72dpi was cutting it off
#36
I downloaded it again hoping that maybe the .exe had gotten corrupted but no luck, they all get stiched blank.
Any suggestions?
******
EDIT
******
Well, I'm still having the problem. Initially I resaved a few images as superpng files at 100% and ASP *saw* those but cropped them and blew them up in size :( So I took the advice from above and it seems to work. I made an action in photoshop to batch save my individual images to 96dpi and animation sprite maker seems to 'see' those and set them properly. Guess I'll make another action later to resize all my final imagemaps back down in size. *shrug* It's just weird that it used to work fine, but it doesn't anymore. Oh well.
08/08/2007 (6:13 pm)
I'm having some kind of problem with this. I've used it in the past and it worked great (thanks for such a wonderful tool btw :) ) The problem is, today when I went about stitching my png's, they all came out blank! :(I downloaded it again hoping that maybe the .exe had gotten corrupted but no luck, they all get stiched blank.
Any suggestions?
******
EDIT
******
Well, I'm still having the problem. Initially I resaved a few images as superpng files at 100% and ASP *saw* those but cropped them and blew them up in size :( So I took the advice from above and it seems to work. I made an action in photoshop to batch save my individual images to 96dpi and animation sprite maker seems to 'see' those and set them properly. Guess I'll make another action later to resize all my final imagemaps back down in size. *shrug* It's just weird that it used to work fine, but it doesn't anymore. Oh well.
Torque Owner Alex Rice
Default Studio Name