Jump to content

SpriteGen (Build Spritesheets out of Models!)


joshcamas
 Share

Recommended Posts

Hey guys!

I had a little idea that sprouted in my mind, and of course couldn't get rid of it. The first thing I did? Oh, I made a logo. For some reason this is I what I do every time I start a project... gotta make a logo!!

oxUcYjS.png

Basically, SpriteGen generates spritesheets out of 3D models in babylonjs. Currently, all it does is allow you to load a scene (or load the test scene), fiddle with a couple camera controls, and generate a super simple sprite sheet... just all 4 sides.

I plan on adding animations, where you can generate frame by frame. :)

So anyways, here's the most basic possible version that was made in a couple hours.
INSTRUCTIONS: PRESS 'LOAD BASIC SCENE', THEN 'GENERATE SPRITE'
http://samacstudios.com/projects/spritegen/

Here's the scene:

AB6MBP7.png

And here's the output:

k8OVJq1.png

 

If you guys know how to enable anti-aliasing on screenshots that'd be sexy! I plan on making this little guy nice and tidy and pretty soon :3

It feels good to be home.
 

Link to comment
Share on other sites

Good to have you home, Josh.  Cool project!

Screenshots might not be anti-alias-able, for the same reason that edgesRendering is not included in screenshots.

http://www.html5gamedevs.com/topic/25071-showing-edges-when-taking-screenshot/#comment-143856

Not sure, though.  Anti-aliasing might be a post-processing "layer" thing... just like edgesRendering.  Screen grabs might happen "up-stream" from that.

http://doc.babylonjs.com/tutorials/Render_Scene_on_a_PNG

Our broken-picture screen-grab docs also agrees about anti-aliasing... but you probably saw that already.

Hopefully, smarter people than I... will comment soon.

Link to comment
Share on other sites

Hey hey!!! I did a cool update to screenshot :D

The new version supports antialiasing! Just give it a try ;)

https://github.com/BabylonJS/Babylon.js/blob/master/src/Tools/babylon.tools.ts#L650

 

Old version also still supported just in case:

https://github.com/BabylonJS/Babylon.js/blob/master/src/Tools/babylon.tools.ts#L696

 

BTW: Love the logo!

Link to comment
Share on other sites

  • 10 months later...
  • 1 month later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...