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
Into the Great Unknown - MozCon
thekraken
34
1.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
What's in a price? How to price your products and services
michaelherold
244
12k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
192
16k
Building Adaptive Systems
keathley
38
2.4k
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