from web to game development
TRANSCRIPT
![Page 1: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/1.jpg)
From Web to Game Development Pietro Polsinelli @ppolsinelli ROME 27-28 march 2015
![Page 2: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/2.jpg)
Notes from the diary of a personal voyage
that is still happening.
2
![Page 3: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/3.jpg)
Ambiguity in title: Isn’t web development a form of
game development???
3
![Page 4: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/4.jpg)
With “web” I don’t mean games that run in the browser.
Web development as creating sites and web based apps for
customers.
4
![Page 5: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/5.jpg)
Clarify what I mean through an
example.
Turn a site into a “game”: released a site for RAI
encouraging teenager girls to write.
5
![Page 6: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/6.jpg)
6
![Page 7: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/7.jpg)
Has challenges, points, scoreboard.
Has winners.
7
![Page 8: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/8.jpg)
Create a web based app for suggesting ideas for a new fiction.
Turn from passive watcher to
creator.
8
![Page 9: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/9.jpg)
So its almost a game. A web based game.
I’m already on a good start to do
game development.
9
![Page 10: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/10.jpg)
Wrong.
![Page 11: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/11.jpg)
Wrong. Wrong.
Wrong.
![Page 12: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/12.jpg)
So what is the first game you want to make?
12
![Page 13: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/13.jpg)
http://bit.ly/agdArtInt
http://gameinternals.com/post/2072558330/
understanding-pac-man-ghost-behavior
![Page 14: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/14.jpg)
14
No narrative.
Hyper simple animations. Hyper simple space.
And fixed camera, no audio sources …
![Page 15: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/15.jpg)
15
Game loops, physics, animations, AI,
growing difficulty (levels), characters.
![Page 16: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/16.jpg)
16
If not a story, a sense of purpose.
(Giving a sense of purpose on a web site is rarely a problem.)
![Page 17: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/17.jpg)
17
As web developer, you have no idea.
![Page 18: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/18.jpg)
18
And this is a very, very simple game.
![Page 19: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/19.jpg)
The components of an opera:
story, music, scenography, scenes, actors, secondary
characters, drama, [pro singing / difficulty levels]
19
![Page 20: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/20.jpg)
20
![Page 21: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/21.jpg)
Its actually worse. All the secondary characters are
moved by AI.
21
![Page 22: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/22.jpg)
22
![Page 23: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/23.jpg)
You may decide to generate the scene and story each time.
And so on.
23
![Page 24: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/24.jpg)
As a web developer you have to acquire a whole new set of
concepts to do games.
24
![Page 25: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/25.jpg)
To become what?
Depends on the budget, depends on the team size.
From 0 to infinity and beyond.
25
![Page 26: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/26.jpg)
Lets stick to the worse case: a small budget, so a small team.
26
![Page 27: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/27.jpg)
Crossing the chasm
• Crossing the chasm
![Page 28: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/28.jpg)
You will need to acquire brand new skills along two distinct lines: as game developer and as game
designer.
28
![Page 29: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/29.jpg)
And the line between the two blurs the more you know about
both.
29
![Page 30: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/30.jpg)
Note:
design in the sense of usability of UI graphic design comes after
(game) design.
30
![Page 31: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/31.jpg)
The game update
loop.
![Page 32: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/32.jpg)
Everything updates.
![Page 33: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/33.jpg)
Your methods will be called 80 times per second on the same
object ...
instead of once per request
33
![Page 34: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/34.jpg)
The independent life of your objects will be your saviour and
your curse.
34
![Page 35: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/35.jpg)
That is why composition is mostly used instead of inheritance.
35
![Page 36: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/36.jpg)
“Breakpoints? No, you don’t use breakpoints
much in Unity”
36
![Page 37: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/37.jpg)
http://gameprogrammingpatterns.com/
![Page 38: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/38.jpg)
38
![Page 39: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/39.jpg)
The structure of
space
![Page 40: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/40.jpg)
Even picking the most regimented, simplified, finite
solution, it’s a mess.
40
![Page 41: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/41.jpg)
41
![Page 42: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/42.jpg)
42
![Page 43: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/43.jpg)
Book? Prototype.
43
![Page 44: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/44.jpg)
Game Feel
![Page 45: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/45.jpg)
Feel is a highly technical problem.
42 240
45
![Page 46: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/46.jpg)
46
![Page 47: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/47.jpg)
Material from Game Feel book examples.
![Page 50: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/50.jpg)
![Page 51: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/51.jpg)
Soccer ball physics
http://www.soccerballworld.com/Physics.htm
![Page 52: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/52.jpg)
![Page 53: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/53.jpg)
53
![Page 54: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/54.jpg)
Perception is a construction, and a game is a coherent universe where you may set your own
laws.
Ok, but…
54
![Page 55: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/55.jpg)
55
Too much creativity.
![Page 56: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/56.jpg)
56
![Page 57: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/57.jpg)
Not Just Game Feel
![Page 58: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/58.jpg)
Creating games today is not restricted to building arcades.
Even if you are building “small”
games.
58
![Page 59: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/59.jpg)
80 Days: branching universe text
based, but …
![Page 60: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/60.jpg)
Sunless Sea: the importance of a slow ship
http://www.gamasutra.com/view/news/237657/Postmort
em_Failbetter_Games_Sunless_Sea.php
![Page 61: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/61.jpg)
Relations and gossip: narrative!
(Kardashian Hollywood)
![Page 62: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/62.jpg)
Evolving the narrative dimension in a game is nor obvious nor
trivial.
62
![Page 63: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/63.jpg)
Example on the sublelties of these models.
Representing values like “moral
stance” of a character again requires refined modeling tools –
not just a variable.
63
![Page 64: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/64.jpg)
64
![Page 66: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/66.jpg)
Game Designer as
Translator / Traitor
![Page 67: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/67.jpg)
Game design and modeling practice trains you in translating work and learning situations in possible contexts for a game.
67
![Page 68: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/68.jpg)
68
![Page 69: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/69.jpg)
Wednesday, March 25, 2015
Category, competition,
avatar, war, reward, levels
Vs.
Inclusive, mentor, path,
story, transformation
A language change.
![Page 70: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/70.jpg)
Participative Action Research
![Page 71: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/71.jpg)
And there is way
more …
![Page 73: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/73.jpg)
And audio, texturing, 3D modeling, particle effects …
73
![Page 74: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/74.jpg)
So?
![Page 75: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/75.jpg)
We’ve seen just a few of the several
things to learn.
So you need to be Da Vinci?
75
![Page 76: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/76.jpg)
The love
![Page 77: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/77.jpg)
You are creating the magic circle – a world with new rules.
77
![Page 78: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/78.jpg)
With games you can dance on the line between art & the
masses
![Page 79: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/79.jpg)
In games you are in a highly creative environment.
This even if you are designing say games for health, games for EU,
like I do.
79
![Page 80: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/80.jpg)
People that have been in the field for a long time do these weak
attempts to present it as “just a profession like any other”.
They don’t believe it either.
80
![Page 81: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/81.jpg)
So …
Only The Love will make you survive this ordeal.
81
![Page 82: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/82.jpg)
Just consider in creativeness that you don’t need to author, you
just need to let yourself be authored.
You don’t need to be writer, just
let yourself be written.
82
![Page 83: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/83.jpg)
Little work I do in the Indie game world puts me in contact and in
work pairs with real artists.
Some of them don’t even know they are.
83
![Page 84: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/84.jpg)
84
![Page 85: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/85.jpg)
85
![Page 86: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/86.jpg)
86
![Page 87: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/87.jpg)
Good luck love.
87
![Page 88: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/88.jpg)
Special thanks:
Daniele Giardini for ideas &
feedback
http://www.demigiant.com/
![Page 89: From Web to Game Development](https://reader034.vdocuments.us/reader034/viewer/2022042818/55ab07db1a28abaa2d8b4734/html5/thumbnails/89.jpg)
My twitter stream is mostly dedicated to game design
http://twitter.com/ppolsinelli
A blog on game design
http://designagame.eu
89