Program I made

shindig

New member
Jul 21, 2012
1,290
10
0
Seattle, WA
I made a program that snaps shots of animated 3d objects, removes the pink background and packages them into sprite sheets/tilesets/atlas with transparent backgrounds.

[ame="http://www.youtube.com/watch?v=4kY2Ag-Oj-w"]Animated Sprite Sheet Generator I made - YouTube[/ame]

I guess it would be good for 2d game developers, but I was thinking I could add any type of object, like rotating buttons etc and easily make multiple frames for use in gifs or even for animated backgrounds of divs on the web. Basically you can rotate buttons in 360 degrees and make a 2d sprite that will look like a 3d button rotating. Would probably be cool for making banners and shit that look 3d. I might play around with that.

I was going to make a content pack for 2d game developers with 25 animated RPG models they can generate sprite sheets from. Then add extension packs of different castles, buildings, etc they can make isometric tiles from. Make adjustable shaders and lighting as well so you can make different versions of the same models from whatever angle you want.

Any thoughts on additional features or adjustments to make it useful other than game development?
 
  • Like
Reactions: .Hack


That's actually pretty cool. Does it also output alpha channel?
Yea it removes the pink by setting the alpha channel to 0 on any pink pixels, outputs a png type ARGB32.

Currently I have it resize each tile to 256x256, then pack them into a 1024x1024 texture. I could make it adjustable easily though.

I was just messing around with different shaders and it gives a good variety:

Here's with a black outline, you can set the outline to any color:


w00poy.jpg


Output looks like: and you can adjust the thickness of the outline, color, etc
2wd51sw.jpg


I'll have to put together a bunch of shaders to give a good variety, some blow him out white more like a real skeleton. I can do bump map or specular and since it's on a PC I don't have to worry about performance just appearance.
 
That's a classic film. More importantly that looks like a cool bit of software you're writing there, can see that being quite useful.
 
That's a classic film. More importantly that looks like a cool bit of software you're writing there, can see that being quite useful.

Thanks, I added some shaders you can use to render the model differently. It uses the same texture and bump map but renders it differently:

[ame="http://www.youtube.com/watch?v=5cKEZ-ZjQRs"]Added some Render Settings to the Sprite Generator - YouTube[/ame]

This is the closest model I have to jason:
2dtceh5.jpg

hehe

Here's what the skeleton looks like in a mobile game:
[ame="http://www.youtube.com/watch?v=ONcGGGN17kk"]Messing with slow motion and pausing - YouTube[/ame]
 
Neat, nice work. What platforms are popular nowadays for making 2d games with, especially RPGs? I know Corona SDK is really popular for mobile...
ah there are a million nowadays..

cocos2d, torque2d, UDK, cryengine3, Unity, and dozens of others all do mobile well. I've used Unity for 3+ years and love it.

I just made it as a learning exercise. I couldn't stop thinking "why can't you do this" then next thing I know all the shit I was interested in was done like packing the textures and removing the pink pixels, now it's getting kinda boring.

There's probably other implications for it. Like you could do a scene of a city rotating, or inside a room spinning, and create a banner/gif/animated div on a website with plain js. I dunno.

In 3d games packing 4x 512x512 textures into 1x 10x24x1024 and combining the meshes while adjusting the UV's is huge for performance so I was interested in learning how to do it.

Plain old html5 canvas with javascript does 2d even, I made a little RPG html5 game prototype a couple years ago when I was on a javascript kick and I used sprites off the internet. It's plain javascript written in notepad:
[ame="http://www.youtube.com/watch?v=_fLODEM_0ls"]lol javascript 2d game engine I made in notepad - YouTube[/ame]

I did use jquery only for it's draggable() method to make the menu divs moveable, the game part is in a canvas tag. It was gonna be a rpg shooter lol. I ended up getting a mobile license for unity so moved on and remade the game in 3d using most of the same logic.
 
Damn I was thinking I should just put an advertisement each time you generate a sheet and make it free, but can't find any PC/Mac advertising networks, all the "in-app" ads are for mobiles only, not for PC applications...

I could make it generate the sprite sheet and send it to my server, then open your browser to a url where I put adsense along with the generated png file to save....

I would show ads for 2d game engines for newbs like gamemaker, rpgmaker, etc or people who are into making mods for games and target those people with my "free game tool" which should have some search traffic juice.

Seems like a legit idea no?
 
hehe I made a few sprites with my generator and was trying to make a site for my resume that shows "front end" javascript stuff. I just need an entry level job all my experience is in construction(decent money) :( so gotta start somewhere, and I'm gonna have a craniotomy soon so who knows what impact that will have on coding.

Look at my sprites being animated with javascript and jquery Lee's Goodies

I'm gonna get rid of the lower part and probably change the shuffling images at the top section.

I'm thinking I should just make a big ass battle scene of sprites facing each other attacking. Any ideas?