Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Game Dev: Introduction To Asset Pipeline
Search
[email protected]
February 23, 2013
4
1.6k
Game Dev: Introduction To Asset Pipeline
This is a talk I did at the NY Game Developers meetup focusing on asset pipeline for 2d games.
[email protected]
February 23, 2013
Tweet
Share
More Decks by
[email protected]
See All by
[email protected]
5 Tips For Monetizing Your App: In A World Moving Towards Free Downloads
jessefreeman
0
300
Gaming On The Surface Keynote
jessefreeman
1
110
Analytics In HTML5 Games
jessefreeman
2
520
Super Paper Monster Smasher Starter Kit
jessefreeman
2
490
Using Node & Grunt For HTML5 Build Scripts
jessefreeman
10
480
Taking HTML5 Games Mobile
jessefreeman
4
430
Polishing Your Game
jessefreeman
4
220
Publishing HTML5 Games To Windows 8
jessefreeman
4
200
Are We Casual Enough Yet?
jessefreeman
2
390
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
122
21k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
3
390
Writing Fast Ruby
sferik
630
62k
The Language of Interfaces
destraynor
162
25k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
We Have a Design System, Now What?
morganepeng
54
7.9k
Code Reviewing Like a Champion
maltzj
527
40k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Transcript
None
None
TWITTER HASHTAG
refers the to asset workflow you create for your project.
This could be as simple as copying files over by hand into your game’s media folder or writing more complex automation scripts to generate the art for you.
None
is a single bitmap image that is drawn to the
display; in this case our Canvas Element. To help organize them better, sprites are grouped together into a single image called a sprite sheet.
None
http://www.aseprite.org/
None
None
None
None
None
None
is a large image containing a collection of sub-images, or
"atlas" which contains many smaller sub-images. This is used primarily in 3d for textures but is very useful for 2d games as well.
"filename": "radar-sprite.png", "rotated": false, "trimmed": true, "frame": {"x":0,"y":309,"w":104,"h":104}
Atlases can consist of uniformly-sized sub-textures, or they can consist
of textures of varying sizes (usually restricted to powers of two). *Illustration from http://www.grimrock.net/modding/creating-custom-assets/
http://renderhjs.net/shoebox/
• Create Texture Atlas with data file • Extract Sprites
• Custom atlas data templates (can create xml, json, text, etc) • Create bitmap fonts • Cross platform • Works with Cocos2d, Unity3d, HTML5 and more.
None
None
http://bit.ly/rr-artwork
http://bit.ly/jetroid-sprites
http://bit.ly/tc-sprites
None
None
PLAY WITH ASEPRITE, SHOEBOX AND BFXR