(2014-2015) - Lectureship S4G & GA (2011-2014) - Lead of Level Design - DSO (2010-2011) - Level Design Supervisor - DSO (2010-2010) - 3D Env. Artist - Drakensang - Online (2009-2010) - 3D Env. Artist - DSA - Addon (2008-2009) - 3D Env. Artist - DSA - River of Time (2006-2008) - 3D Env. Artist - DSA – Drakensang (2006-2008) - 2D Artist - DSA - Browsergame (2006-2008) - 3D Env. Artist - DSA - Drakensang (2005-2006) - 3D Modeling Artist - Mein Pferdehof (2005-2006) - 3D Modeling Artist - Verliebt in Berlin (2005-2005) - 3D Modeling Artist - Sportangeln Pro (2004-2005) - 3D Animator - Game: The Fall Intro (2000-2003) - Master Animations HFF (1999-2001) - 3D Animator - Game: Wiggles (1998-1999) - 3D Animator - TV: Typisch ED! (1997-1998) - 3D Effects - Tarzan The Lost City
What does that mean?
It means ways which… Not Real
Not Developed
They are a
No History
Lie
No Substance
No Reason
Not Real
Not Developed
No Substance
Not Developed
No Reason
No History
Not Real
They are a
No History
Lie
No Substance
No Reason
No Substance
No Substance
No Reason
No History
Not Real
Development of Ways
They are a
Lie
Development of Ways Design of Ways No Reason
No History
Not Real
They are a
Lie
Development of Ways Design of Ways
Are TheyaA Are are a Structur of Ways Lie Lie No History
Not Real
Lie
Development of Ways Design of Ways
Are aA Are
Structur of Ways Lie
Lie
Story of Ways Not Real
Development of Ways Design of Ways Structur of Ways Story of Ways Real Ways
Development of Ways
Development of Ways
Development of Ways
Rules & Restrictions L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
1. A static perspective 3D Isometric camera view 2. No x-ray sight behind overlapping elements 3. No overlapping pathfinding 4. Divided in single loading level-maps 5. Must run in browser
Development of Ways
Must run in Browser L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Transfervolumen Sekunden Daten in MB
No Client
1
5
10
20
60
0,25
1,25
2,5
5,0
20,0
- Not true, but it is very small
1. Initial Download - 5 MB loding at beginning of the game 2. Ingame Streaming - 15 MB loding during the game 3. Max. waiting time 20 seconds of that initial downloads
Development of Ways
Must run in Browser L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
• Level: 0.307 MB • Tile - Set 1.882 MB • Deco - Set 2.561 MB • Gameobjects 0.025 MB • Character 2.987 MB • Monsters 4.718 MB _____________________________ Complete Datenvolume 12.478 MB
Development of Ways
Single loading Level-Maps L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Development of Ways
No overlapping Pathfinding L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
1. 2. 3. 4. 5. 6.
Hack & Slay Monstercluster save time Simple levels with clear directions No labyrinths with up and downs Simpel rules Straight, perfect gameplay
Development of Ways
No overlapping Pathfinding L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Automatically generated Monster-clusters
Development of Ways
Development of Ways
Grid 200 x 200 Meters Development of Ways
L E VEL D E S IGN O N D R A K E NSANG -ONLINE
Development of Ways
Borders are exciting L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Only the Level borders show the deep
Development of Ways
Development of Ways
Development of Ways
Dramatic moments Development of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Development of Ways
Static 3D Isometric camera view L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
1. Clear orientation – (No rotation, only zoom in) 2. Defined count of textures, polygons and effects in the screen 3. Lesser polygoncount by hiding the backsides 4. Tileset with low amount of datas
Development of Ways
Development of Ways
Development of Ways
Levelmap 200x200 meters L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Development of Ways
Levelmap 200x200 meters L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Cutouts bring the borders into the map
Design of Ways
Size of Areas Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
6m 4m
8m 10m 12m
2m
Design of Ways
4m
4m
Size of Areas Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
6m 4m
8m 10m 12m
2m
Design of Ways
No x-ray sight Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
6m 4m
8m 10m 12m
2m
Design of Ways
No x-ray sight Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
6m 4m
8m 10m 12m
2m
Size of Walls Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
6m 4m
8m 10m 12m
2m
Design of Ways
4m
4m
Gridsize 4x4 meter Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Figursize about 2,50 meter Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Form of a Way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
If walls builds a Way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
If walls builds a Way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Wide the Way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Same problem on wide ways Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Overlapping walls hide the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
4m
2m
Only the half of the way is accessible!
Overlapping walls hide the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
4m
2m
Only the half of the way is accessible!
Overlapping walls hide the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
4m
2m
Only the half of the way is accessible!
Overlapping walls hide the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
4m
2m
Only the half of the way is accessible!
Overlapping walls hide the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
4m
2m
Only the half of the way is accessible!
Overlapping walls hide the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
4m
2m
Only the half of the way is accessible!
Same problem on wide ways Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Plateaus free the sight Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Textured tilset Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Decals form the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Decals form the way Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Design of Ways
Design of Ways
Size of Stairs and Ramps Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Different Typs Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Double Sized Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Background high – Forground low Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Background high – Forground low Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Background high – Forground low Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Design of Ways
Background high – Forground low Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Ramps conect the areas Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Corners are difficult Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Corner Tileset Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Terrain-Set Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Walls block sight Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Seeing trought walls Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Seeing trought walls Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Seeing trought walls Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Free Background Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Catching the Deep Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Catching the Deep Design of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Design of Ways
3D Layout
Design of Ways
3D Border
Design of Ways
2D Waydecals
Design of Ways
3D Decorations
Design of Ways
Design of Ways
Structure of Ways
Growing of Pathes Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Animals use the same pathes over and over again Used pathes are easyier to use
Desire Lines Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Animals use the same pathes ove and over again Used Pathes are easyer to use
NotofaPathes Crossing Layer Structur of Ways
D E SOIGN L E V ELL EDVEL E S IGN F D SOOF D R A K E NSA NG -ONLINE
Wrong Crossing Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Wrong Track - „Auf dem Holzweg sein“ Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Questions on Dead Ends: • How many? • How deep they lead in? • Can characters teleport?
Pockets Structur of Ways
L E V EL D E S IGN O F D S O
Reasons fo Pockets: • Danger opponent which block the way • Quest area out of a grinding path • Reward in the end
Structur of Ways
Sneak Preview L E V EL D E S IGN O F D S O
Look at the End, short the way Views can show the End of a way You need high and deep Areas
Shortcut for a way Structur of Ways
L E V EL D E S IGN O F D S O
Loop the way Structur of Ways
L E V EL D E S IGN O N D R A K E NS ANG - ONLINE
generates circles so the player can end his way He don´t need to turn around and go the whole path back that already knows.
Orientation - Direction Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Predictable Ways Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Give the player the possibility to forecast where the way will go along, then the player feel mighty.
1 – 2 – 3 – 4 – 5 – 6 … X - (even numbers) 1 – 3 – 5 – 7 – 9 – 11 … X - (uneven numbers) 1 – 1 – 2 – 3 – 5 – 8 … X - (fibonatic row)
Visual Rows Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Choose clear forms for Ways - A line, A circal or an S-form! If the pattern is simple, players can pedict the futher going form.
Structur of Ways
Symetric Ways Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Towers Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Towers Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
No overlapping areas!
Towers Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
…separate levelmaps
Separate Levelmaps Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
…with leaving the map, feelings of hights get lost
Separate Levelmaps Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
…with a strong remarkable structur
Steps as Levels Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
…or a combined steped terrain
Steps as Levels of an Temple Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Clear Direction Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
a convex steped terrain
Clear Direction Structur of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
convex & concave steped terrain
Structur of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Story of Ways
Length of a Way Story of Ways
L E V EL D E S IGN O F D S O
Length of a Way Story of Ways
L E V EL D E S IGN O F D S O
Length of a Way Story of Ways
L E V EL D E S IGN O F D S O
What is a Topic Story of Ways
L E V EL D E S IGN O F D R A K E NS A N - ONLINE
Defence Union Freedom Duty Honor Bigoted Merciless Lonelyness …
Doubt Brave Envy Rage Hope Believe Greed Pride …
Desert Pasture Ocean Swamp River Cave Wood Mountain …
Hideout Camp Hamlet Village City Harbour Gilde Fortress …
Attitude
Emotion
Theme
Typ
Line Circle Square Torus Sign Symbol Spiral Crossing …
Pattern
Up/Down Big/Small Wide/Narrow Straight/Corners Light/Dark Color/BW Clean/chaotic wet/dry …
Contrasts
Story of Ways
Telling static scenes L E V EL D E S IGN O F D R A K E NS A N - ONLINE
Story of Ways
Telling interactive scenes L E V EL D E S IGN O F D R A K E NS A N - ONLINE
Broken ChangeWays of Ways Story of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Another Element was that Ways could interrupt and change or end or the are invisible „A question of Beliving“over an Abyss oder the end on a wall. But how van I discrib that it ends on a wall.
Barriers Story of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Broken Ways Barriers L E V EL D E S IGN O F D R A K E NS A NG -ONLINE Story of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Broken ChangeWays of Ways Barriers L E V EL D E S IGN O F D R A K E NS A NG -ONLINE Story of Ways
L E V EL D E S IGN O F D R A K E NS A NG -ONLINE
Another Element was that Ways could interrupt and change or end the player PRO: CONTRA: orStop the are invisible „A question of Beliving“over an Abyss oder the on a wall. Butsituation how van I discrib that it ends a wall. Preserve areas behind -end Focus the - on Stop the player
- - Focus the situation Preserve areas behind - Other side is a surprise - Wide the imagination - Is exciting
-
Hide content Player loose interest Cut areas Is boring
Footprints &Tracks Story of Ways
L E V EL D E S IGN O F D R A K E NS A N - ONLINE
Story of Ways
Story of Ways
Story of Ways
What is a real way? L E VEL D E SIGN O F D S O
Story of Ways
A real way is not line,
A
It´s distanze between A and B.
B
A duration between start and end point. A journey with an unique beginning and destination. A time, the player will remember, if there is a topic. Theme, emotion & pattern define it´s proportions.
And so you get the main length of your way. In the end adjust it with your needs
Topic
What is a real way?
What you are Want to tell?
Ways are not too long or too short - they miss a
Story of Ways
L E VEL D E SIGN O F D S O Don´t change every thing, at every time, in any direction!
Topic!
A real way is not line,
A
It´s distanze between A and B.
B
A duration between start and end point.
Make ways predictable like a mathematic rows!
Dont avoide
Dead Ends, If you have a good reason for them!
A journey with an unique beginning and destination.
What you are able to show? If way feel too wide in Layout, they quite right!
A time, the player will remember, if there is a topic.
If you lose the horizont, get a new one!
Theme, emotion & pattern define it´s proportions.
Catch the deep
And so you get the main length of your way. In the end adjust it with your needs
Search strong Patterns!
Topic
Design clear Direction!
What you are able to perform?
Story of Ways
…it will end here!
End of this Way
Thanks! Questions?