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.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
290
Gaming On The Surface Keynote
jessefreeman
1
110
Analytics In HTML5 Games
jessefreeman
2
510
Super Paper Monster Smasher Starter Kit
jessefreeman
2
470
Using Node & Grunt For HTML5 Build Scripts
jessefreeman
10
470
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
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
How GitHub (no longer) Works
holman
314
140k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
560
Producing Creativity
orderedlist
PRO
344
40k
How STYLIGHT went responsive
nonsquared
100
5.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
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