This document provides an overview of programming games in 3 sentences or less: The document discusses the basic components of programming games, including reading user input, updating the game world, drawing the game world in a loop, drawing pixels to the screen, animations with sprites, updating positions and velocities, hit detection with boxes, and distance calculations. It also recommends the Gosu library for Ruby and provides tutorials and image credits.

1. Programming Games
The 10 minute crash course
Rails Girls The Hague 2013

2. Name: Patrick Huesler
Email: patrick.huesler@wooga.com
Github: phuesler
Twitter: phuesler

4. Read User Input
Update Game World
Draw Game World
Game Loop

5. Drawing

8. Pixel

10. GPU

11. Frame rate (FPS)
~60 frames per second
~30 frames per second

12. x
y
0,0
frames
frame 1 frame 2 frame 3 frame 4 frame 5

13. Animations

14. Sprites

16. x
y
0,0
P(10, 5)
x = 10
y = 5
School

17. x
y
0,0
P(10,5)
x = 10
y = 5
Computer graphics

18. x
y
0,0
width
height

19. Update
Game World

20. X
Y
0,0
Movement
-y
+y
-x +x
ground

21. X
Y
0,0
Falling
vy : vertical velocity
vy > 0
ground
y = y + vy
vy

22. X
Y
0,0
Jumping
vy : vertical velocity
vy < 0
ground
y = y + vy
vy

23. x
y
0,0
Hit Detection
Hit Boxes:
Are the
rectangles
overlapping?
5,10
15,5
width
height
https://en.wikipedia.org/wiki/Hit-testing

24. x
y
0,0
Center
xc = x + height / 2
yc = y + widht / 2
xc = 5 + 11 / 2 = 8
yc = 5 + 11 / 2 = 8
center = p(8, 8)
5,5
width = 11
height=11c

25. x
y
0,0
Distance
https://en.wikipedia.org/wiki/Pythagorean_theorem
cTrollX - cRacoonX
cTrollY-cRacoonY
distance = sqrt(a^2 + b^2)
distance
a
b

26. Ruby GOSU
https://github.com/jlnr/gosu/

27. https://github.com/jlnr/gosu/wiki/Window-Main-Loop

28. RG Tutorial*
https://github.com/FloorD/gosu_tutorial_RG_TH
*work in progress

29. Images
http://www.flickr.com/photos/71753457@N00/2490975442/ orangeacid
http://www.flickr.com/photos/83542829@N00/2778794704/ William Hook
http://www.flickr.com/photos/60648084@N00/2462966749/ Ѕolo
http://www.flickr.com/photos/34196372@N04/5906065484/ Keith Bloomfield
http://www.flickr.com/photos/99652207@N00/421447321/ Charles Williams
http://www.flickr.com/photos/97223988@N00/6432357463 Flооd
http://www.flickr.com/photos/45145879@N00/47714548/" 4tik
http://www.flickr.com/photos/89455291@N00/4402938286 Fr3d.org
http://www.flickr.com/photos/14443853@N07/5362778675 superUbO
http://www.flickr.com/photos/26291754@N02/3720812250 Jen Son
http://www.flickr.com/photos/14384226@N07/4768786395 Matteo Sorba