Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
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.5k
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
290
Gaming On The Surface Keynote
jessefreeman
1
100
Analytics In HTML5 Games
jessefreeman
2
500
Super Paper Monster Smasher Starter Kit
jessefreeman
2
460
Using Node & Grunt For HTML5 Build Scripts
jessefreeman
10
460
Taking HTML5 Games Mobile
jessefreeman
4
420
Polishing Your Game
jessefreeman
4
210
Publishing HTML5 Games To Windows 8
jessefreeman
4
190
Are We Casual Enough Yet?
jessefreeman
2
380
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Become a Pro
speakerdeck
PRO
26
5k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
95
17k
Embracing the Ebb and Flow
colly
84
4.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
How To Stay Up To Date on Web Technology
chriscoyier
789
250k
Designing on Purpose - Digital PM Summit 2013
jponch
116
7k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Testing 201, or: Great Expectations
jmmastey
40
7.1k
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