creating first person movement for mirror's edge
DESCRIPTION
Tobias Dahl, Lead Animator Mikael Lagré, Programmer. Creating First Person Movement for MIRROR'S EDGE. Intro DICE The Vision Team structure Prototyping Tools and pipeline Iteration Final Thoughts. Agenda. Located in Stockholm, Sweden Owned by Electronic Arts since 2006 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/1.jpg)
![Page 2: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/2.jpg)
Creating First Person Movement
for MIRROR'S EDGE
Creating First Person Movement
for MIRROR'S EDGE
• Tobias Dahl, Lead Animator• Mikael Lagré, Programmer
![Page 3: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/3.jpg)
Agenda
Intro
DICE The Vision
Team structure
Prototyping
Tools and pipeline
Iteration
Final Thoughts
![Page 4: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/4.jpg)
Located in Stockholm, Sweden Owned by Electronic Arts since 2006 260 employees Battlefield and Mirror’s Edge
Located in Stockholm, Sweden Owned by Electronic Arts since 2006 260 employees Battlefield and Mirror’s Edge
![Page 5: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/5.jpg)
Intro DICE
The Vision Team structure
Prototyping
Tools and pipeline
Iteration
Final Thoughts
Agenda
![Page 6: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/6.jpg)
The Vision
Through the character experience
First person free running The chase – “fight or flight” Heightened senses experience ∂
The KAOF’s
The KAOF’s
![Page 7: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/7.jpg)
Through the character experienceThrough the character experience
Redefine 1st person True immersion Became a mantra on the
team
The Vision
![Page 8: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/8.jpg)
More like a 3P adventure game, translated to 1P perspective
Parkour-like moves Allow the things you always wanted
to be able to do in your ordinary FPS
First person free running
First person free running
The Vision
![Page 9: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/9.jpg)
The Vision
Momentum is rewarded Assess the situation When the odds are
against you – the chase begins
The chase – Fight or flightThe chase –
Fight or flight
![Page 10: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/10.jpg)
The Vision
How Faith percieves the world
Focus on whats relevant, the rest become peripheral
Clean and fresh
Heightened sensesHeightened senses
![Page 11: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/11.jpg)
Agenda
Intro DICE The Vision
Team structure Prototyping
Tools and pipeline
Iteration
Final Thoughts
![Page 12: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/12.jpg)
Team
stru
cture
Team
stru
cture
![Page 13: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/13.jpg)
Team Structure
5-6 people Team seated together Always one designer, one animator and one engineer assigned to a feature at the same time
Agile development, using scrum The movement team was a perfect fit for the scrum format
2 Week cycles, 2-3 moves Allowed for fast iterations, design adjustments etc.
5-6 people Team seated together Always one designer, one animator and one engineer assigned to a feature at the same time
Agile development, using scrum The movement team was a perfect fit for the scrum format
2 Week cycles, 2-3 moves Allowed for fast iterations, design adjustments etc.
![Page 14: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/14.jpg)
Agenda
Intro DICE The Vision
Team structure
Prototyping Tools and pipeline
Iteration
Final Thoughts
![Page 15: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/15.jpg)
Prototyping
Initial concepts First pre-visualization
Animate perception First Person Mesh The Whiteroom
Initial concepts First pre-visualization
Animate perception First Person Mesh The Whiteroom
![Page 16: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/16.jpg)
Initial Concepts
![Page 17: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/17.jpg)
Previsualisation
Fir
st
Itera
tion
Fir
st
Itera
tion
![Page 18: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/18.jpg)
Previsualisation
Secon
d
Itera
tion
Secon
d
Itera
tion
![Page 19: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/19.jpg)
Previsualisation
Fin
al V
ers
ion
Fin
al V
ers
ion
![Page 20: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/20.jpg)
First idea, do some mocap, parent the camera to the head, done!
Animate First Person Perception
Animate First Person Perception
![Page 21: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/21.jpg)
Animate First Person Perception
Animate First Person Perception
Second idea, put some aim constraint on the camera.
![Page 22: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/22.jpg)
Animate First Person Perception
Animate First Person Perception
Third idea, animate it by hand and make it look cool and believable!
![Page 23: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/23.jpg)
Animate First Person Perception
Animate First Person PerceptionSame goes for all 1p
animations
![Page 24: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/24.jpg)
First Person Mesh
Realistic appealing First Person mesh
No volume loss Muscle and tendons Something happening under the
skin
Realistic appealing First Person mesh
No volume loss Muscle and tendons Something happening under the
skin
![Page 25: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/25.jpg)
First Person Mesh
Com
pari
so
nCom
pari
so
n
![Page 26: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/26.jpg)
First Person Mesh
Fin
al
Vers
ion
Fin
al
Vers
ion
![Page 27: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/27.jpg)
The White Room
![Page 28: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/28.jpg)
Intro DICE The Vision
Team structure
Prototyping
Tools and pipeline
Iteration
Final Thoughts
Agenda
![Page 29: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/29.jpg)
The Tools
Support all projects on DICE
Support different engines like Frostbite,
BF2 and Unreal3 Scaleable rigs Created for Maya in MEL and API
Support all projects on DICE
Support different engines like Frostbite,
BF2 and Unreal3 Scaleable rigs Created for Maya in MEL and API
![Page 30: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/30.jpg)
Design to fit first/third person animations
Both realistic and stylized animations Deal with many characters for cut
scenes High frame rate (no playblasts) No Maya referencing
Design to fit first/third person animations
Both realistic and stylized animations Deal with many characters for cut
scenes High frame rate (no playblasts) No Maya referencing
The Tools
![Page 31: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/31.jpg)
Agenda
Intro DICE The Vision
Team structure
Prototyping
Tools and pipeline
Iteration Final Thoughts
![Page 32: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/32.jpg)
Iteration
Movement was a key area of focus
Most moves iterated on 5-6 times
Attention to detail Motion sickness
Movement was a key area of focus
Most moves iterated on 5-6 times
Attention to detail Motion sickness
![Page 33: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/33.jpg)
Context sensitive animations
Layered landing animations
Heavy landings / skill rolls
JumpingJumping
![Page 34: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/34.jpg)
Wall runsWall runs Impact animation Guided camera Aiming Dynamically triggered
![Page 35: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/35.jpg)
Fixed metrics at first Became fully dynamic Choose animation based on
height, speed and obstacle shape
VaultingVaulting
![Page 36: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/36.jpg)
Agenda
Intro DICE The Vision
Team structure
Prototyping
Tools and pipeline
Iteration
Final Thoughts
![Page 37: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/37.jpg)
Final Thoughts
Successful production methodology Strong belief in the game concept from the
beginning to the end First person restrictions sometimes very
challenging
The whole production – a learning experience
Successful production methodology Strong belief in the game concept from the
beginning to the end First person restrictions sometimes very
challenging
The whole production – a learning experience
![Page 38: Creating First Person Movement for MIRROR'S EDGE](https://reader036.vdocuments.net/reader036/viewer/2022062409/56814e4e550346895dbbdde5/html5/thumbnails/38.jpg)
Q
uestions?
Q
uestions?