Camera Mapping in Das Tal 1

Camera Mapping in Das Tal

Sebastian Dordahagish@schattenkind.net

@schattenkindnet

Camera Mapping in Das Tal 2

Overview

● What is camera mapping?● What is it good for?● An example in Unity● Our approach in Das Tal● Pros and cons

Camera Mapping in Das Tal 3

What is camera mapping?

Mapping a flat image onto 3d geometry with camera projection

Camera Mapping in Das Tal 4

What is camera mapping?

Camera Mapping in Das Tal 5

What is camera mapping?

excerpt from a blender guru tutorial

Camera Mapping in Das Tal 6

What is it good for?

● Fake 3d with flat images● Camera fly-through of still images● Parallax● Interaction with images in 3d space: shadows,

collision

Camera Mapping in Das Tal 7

Camera mapping how to

● http://www.blenderguru.com/videos/camera-mapping-tutorial-v2/

● http://wiki.blender.org/index.php/Doc:2.4/Tutorials/Textures/UV/Camera_Mapping

● there are more links at the last slide

Camera Mapping in Das Tal 8

A small example in Unity

Camera Mapping in Das Tal 9

Our approach in Das Tal

Camera Mapping in Das Tal 10

Our approach in Das Tal

● Unity terrain for ground● 3D Characters● Camera mapped sprites for environment assets

– nearly each asset w ith at most one image/layer mapped onto itself

● Shadow layer (with alpha cutoff)

Camera Mapping in Das Tal 11

Our approach in Das Tal

Camera Mapping in Das Tal 12

Our approach in Das Tal

Camera Mapping in Das Tal 13

Pros and cons

✔ painted look✔ 3D for shadow✔ 3D for collision✔ 3D for fog of war✔ spatial depth due to perspective camera

✔ doable with our team✔ easy mix of 2D and 3D

✗ convex > concave✗ spikes within one

image/layer look strange/ugly

✗ very limited camera movement

✗ very limited animations✗ 2D problems

✗ 1 painted light direction✗ rotations need extra images

Camera Mapping in Das Tal 14

Our approach in Das Tal

● Camera.transparencySortMode = Orthographic– for a perspective nearly orthogonal camera

● Unlit Alpha Cutoff Shader with alpha blended edges– 1.Pass: RenderType TransparentCutout

● clip(col.a - _Cutoff);

– 2.Pass: RequireOption SoftVegetation● clip(-(col.a - _Cutoff));

Camera Mapping in Das Tal 15

So Long, and Thanks for All the Fish

Camera Mapping in Das Tal 16

Additional links

● http://das-tal-game.com/post/77419531298/3d-sprites-or-why-is-there-a-dynamic-shadow-on-our

● http://joostdevblog.blogspot.de/2010/10/camera-mapping-evil-pope.html● http://joostdevblog.blogspot.nl/2010/10/captain-august-got-camera-

mapped.html● http://joostdevblog.blogspot.de/2010/10/camera-mapping-tips-and-

tricks.html● http://joostdevblog.blogspot.de/2013/12/camera-mapping-comic-ward-

trailer.html● http://www.digitalurban.org/2010/01/camera-mapping-and-projection-

new-york.html● http://vimeo.com/889190