{"assets":[{"original":"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2014\/08\/Graphics-1-550x284.jpg","local":"\/data\/posts\/2014\/08\/1b5feb2cf5b2cf7fd8c224e79aefbfed.jpg"},{"original":"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2014\/08\/Graphics-2-550x284.jpg","local":"\/data\/posts\/2014\/08\/5bb19451569dd4b8e24c8301d4d3ab28.jpg"},{"original":"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2014\/08\/Graphics-3-550x284.jpg","local":"\/data\/posts\/2014\/08\/af1507104871471b1d337d74378d50b8.jpg"},{"original":"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2014\/08\/Graphics-4-550x284.jpg","local":"\/data\/posts\/2014\/08\/01489db476169c12fc74a826fe164956.jpg"},{"original":"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2014\/08\/Graphics-5-550x284.jpg","local":"\/data\/posts\/2014\/08\/3bf9fc2f3479a42015ada755f4aaef5b.jpg"},{"original":"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2014\/08\/Graphics-1.jpg","local":"\/data\/posts\/2014\/08\/b3f6d4437ce6098e4cac76ad41fcb96d.jpg"},{"original":"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2014\/08\/Graphics-2.jpg","local":"\/data\/posts\/2014\/08\/179b26de47fa71e0c4a271c1cd2f30df.jpg"}],"author_link":"author\/camilleh\/","author_name":"CptDustmite","cat":"LD #30","categories":["LD #30"],"comments":[],"epoch":1409212620,"event":"LD30","likes":6,"metadata":{"p_key":"82650","p_author":"CptDustmite","p_authorkey":"0","p_urlkey":"293382","p_title":"Postmortem (Graphics) \u2013 The Ghosts You Left Me","p_cat":"LD #30","p_event":"LD30","p_time":"1409212620","p_likes":"6","p_comments":"0","p_status":"WAYBACK","us_key":null,"us_name":null,"us_username":null,"event_start":"1408665600","event_key":"24","event_name":"LD30"},"source_url":"2014\/08\/28\/postmortem-graphics-the-ghosts-you-left-me\/","text":"

Here\u2019s a bit of a look at how the graphics for The Ghosts You Left Me<\/a> progressed.<\/p>\n

[Timelapse video here<\/a>]<\/p>\n

\"Graphics-1\"<\/a><\/p>\n

1. I first worked on the cryo pod, as this was the main point of interest for both the room and overall storyline mechanic. First I gathered some reference images of various cryo pods, abandoned rooms and sci fi rooms. The cryo pods ranged in shape from very rectangular, \u201cindustrial\u201d looking ones, to curved and slick sci-fi ones. I settled on a look between the two, with a cylindrical shape as the base and form added around it with hoses and random-shapes-that-would-theoretically-do-fancy-medical-stuff. It took a good while to come up with the initial door shape in 3ds Max, I basically started all over twice after not liking what I came up with. Finally it started to take shape, and I played around with some bits of infrastructure around it \u2013 namely, the walkway. After a little bit of playing around I decided I liked the thought of the entire walkway floating in a large, tall room. I duplicated numerous cryo pods around and thought it made the room look much more interesting, rather than having just one. The room started to take shape just from trial and error and after about three hours or so I ended up with the mesh ready to import into Unity.<\/p>\n

\"Graphics-2\"<\/a><\/p>\n

2. Now the mesh\u2026 into Unity\u2026 fairly straightforward. Here\u2019s how it looked on initial import with nothing changed. Some incorrectly flipped normals here zzz!<\/p>\n

\"Graphics-3\"<\/a><\/p>\n

3. I then went and added materials to all the objects. Seeing as I was limited on time, none of my models were going to be unwrapped, and I instead used simple diffuse\/specular materials and relied on the lighting and particle effects to make them look nice. In the end these simple materials were actually enough to give the atmosphere that I wanted. Textures would ONLY have worked if they were done well<\/strong>, and in the time frame available that\u2019s not really possible for me at my current levels; I think sub-par or standard textures would have actually detracted from the overall aesthetic<\/strong>. Either do it simply, or do it well \u2013 is my usual motto.<\/p>\n

\"Graphics-4\"<\/a><\/p>\n

4. I then briefly played around with some lighting \u2013 this is just using a standard directional light. The light coming in from the ceiling windows looked quite nice. It started to look quite dark (P.S. On the Ludum Dare blog it\u2019ll look wayyy darker due to the white background around it\u2026 but full screen it\u2019s not as bad)\u2026 but I thought this felt more natural somehow. It was an abandoned, empty room essentially. You had to feel alone, and it felt more realistic to have a minimal light source. At this stage it was starting to come together however it didn\u2019t feel quite right yet, until\u2026<\/p>\n

\"Graphics-5\"<\/a><\/p>\n

5. I started baking the lightmaps. This made the scene a lot more natural, in my opinion, as the previous lighting had all kinds of specular reflections which wouldn\u2019t be there in real lighting. Now I\u2019m actually quite a noob at this and it took a good few attempts at baking (slow zzz) until I got something I was okay with. Unfortunately I still don\u2019t know how to get the lightmaps to be higher quality, as there is a lot of banding and low resolution artifacts in the final lightmapped scene which is quite noticeable. Still got a lot to learn. Anyway, the effect of the overall final scene was a combination of this lightmapping process in addition to some particle systems I added to give the room some dynamism and a bit more mood, instead of being completely static.<\/p>\n

With regards to performance, this scene was actually not as bad as I thought it would end up (based on the naked eye, I did not run profiler or FPS tests) and webplayer compression did such a treat on the large lightmap sizes; however in a real deployment where I have more time I would definitely try to optimise things like the particle systems and the lightmap resolutions. The meshes themselves weren\u2019t too bad with their poly counts and the room is quite minimal, but the objects could probably still be joined and batched.<\/p>\n

Et voil\u00e0! There\u2019s one I prepared earlier! \":)\"<\/p>\n

Hopefully this was interesting to some of you. I will be posting up more postmortems on the other aspects of development in the coming days.<\/p>\n

\u2013 Camille<\/p>\n

Tags: postmortem<\/a><\/p>","time":"August 28th, 2014 7:57 am","title":"Postmortem (Graphics) \u2013 The Ghosts You Left Me","title_was_empty":false}