{"author_link":"\/users\/arcticmattekar","author_name":"ArcticMattekar","author_uid":"arcticmattekar","comments":[],"epoch":1544288067,"event":"LD43","format":"md","ldjam_node_id":136807,"likes":14,"metadata":{"p_key":"126792","p_author":"ArcticMattekar","p_authorkey":"1011414","p_urlkey":"342912","p_title":"Graphics Breakdown","p_cat":"LDJam ","p_event":"LD43","p_time":"1544288067","p_likes":"14","p_comments":"0","p_status":"WAYBACK","us_key":"1011414","us_name":"ArcticMattekar","us_username":"arcticmattekar","event_start":"1543536000","event_key":"71","event_name":"LD 43"},"node":{"_collation":{"body_sanitizer":"TextUtils::SanitizeHTML via existing importer","event":"LD43","removed_author":false},"_superparent":120415,"_trust":1,"author":11414,"body":"Since there were a few questions on how we achieved the graphics for [Deadline of the Dead](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead), here's a brief breakdown of how everything is put together.\n\nThe level is actually made up of very few different components. The entire map is a maze of 1m high walls, which we quickly mapped out using ProBuilder in Unity. There's a single giant texture mapped over the entire level, and we just painted all of the floor texture and ambient shading on there.\n\n![dotd_textures_map.jpg](\/\/\/raw\/69c\/2\/z\/1f705.jpg)\n\nWe roughly sketched out as many different pieces of furniture as we could think of, with a few variations. In the editor, all the furniture is actually just these sprites on top of black boxes of varying heights: boxes are at .3m, desks at .5m, shelves at .9m, etc. We then furnished the entire office using the above sprites -- which could have been a lot of work, but luckily Unity now supportes nested prefabs!\n\n![dotd_textures_furn.jpg](\/\/\/raw\/69c\/2\/z\/1f706.jpg)\n\nThe colored boxes in the above image are AI hotspots. The zombie AI is fairly simple: Zombies spawn at the green hotspots (whenever they are not in view of the player) and will randomly pick any of the blue (work) hotspots, walk over there and stay there for a few seconds pretending to work. Whenever the player comes near them, they will follow and attack. That's all really.\n\nWe attached a dynamic point light to the player to create a dynamic shadow\/line of sight effect. Plus some simple color grading and post processing on top to make everything look good. Here's a look at the editor view:\n\n![dotd_editor_view.jpg](\/\/\/raw\/69c\/2\/z\/1f204.jpg)\n\nThe dynamic blood stains were a last minute idea as well. Originally Zombies had a blood spray particle effect, but would not leave any stains on the floor. We put a big dynamic RenderTexture on the floor, covering the entire level. There's also a static orthographic camera that sees the entire level, which renders only the blood particles. This camera renders its image into the rendertexture, but never clears the buffer. So the blood stains on the floor are not actually the points at which the blood hits the floor, but an accumulation of the blood particles flying through the air. It turned out to be a really cool effect that took only a few minutes to set up, and is very light on performance, no matter how bloody the level gets.\n\nYou can play the final result [here](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead):\n\n[![Komp 1_5.gif](\/\/\/raw\/69c\/2\/z\/1f237.gif)](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead)\n\n---\n\n**Play our LD43 game [Deadline of the Dead](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead)**\n\n**Follow us**\non\n[**Twitter**](https:\/\/twitter.com\/HastilyAssemble)\non\n[**YouTube**](https:\/\/www.youtube.com\/channel\/UCVyVhkadOYnIvI3aERtfyZA)\nor on\n[**Facebook**](https:\/\/www.facebook.com\/HastilyAssembled)","comments":3,"comments-timestamp":"2022-12-28T13:56:03Z","created":"2018-12-08T16:10:34Z","files":[],"files-timestamp":0,"id":136807,"love":14,"love-timestamp":"2022-12-28T13:55:11Z","meta":[],"modified":"2022-12-28T13:56:03Z","name":"Graphics Breakdown","node-timestamp":"2018-12-08T16:54:38Z","parent":130606,"parents":[1,5,9,120415,130606],"path":"\/events\/ludum-dare\/43\/deadline-of-the-dead\/graphics-breakdown","published":"2018-12-08T16:54:27Z","scope":"public","slug":"graphics-breakdown","subsubtype":"","subtype":"","type":"post","version":411453},"node_metadata":{"n_key":"136807","n_urlkey":"342912","n_parent":"130606","n_path":"\/events\/ludum-dare\/43\/deadline-of-the-dead\/graphics-breakdown","n_slug":"graphics-breakdown","n_type":"post","n_subtype":"","n_subsubtype":"","n_author":"11414","n_created":"1544285434","n_modified":"1672235763","n_version":"411453","n_status":"WAYBACK"},"source_url":"https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead\/graphics-breakdown","text":"Since there were a few questions on how we achieved the graphics for [Deadline of the Dead](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead), here's a brief breakdown of how everything is put together.\n\nThe level is actually made up of very few different components. The entire map is a maze of 1m high walls, which we quickly mapped out using ProBuilder in Unity. There's a single giant texture mapped over the entire level, and we just painted all of the floor texture and ambient shading on there.\n\n![dotd_textures_map.jpg](\/\/\/raw\/69c\/2\/z\/1f705.jpg)\n\nWe roughly sketched out as many different pieces of furniture as we could think of, with a few variations. In the editor, all the furniture is actually just these sprites on top of black boxes of varying heights: boxes are at .3m, desks at .5m, shelves at .9m, etc. We then furnished the entire office using the above sprites -- which could have been a lot of work, but luckily Unity now supportes nested prefabs!\n\n![dotd_textures_furn.jpg](\/\/\/raw\/69c\/2\/z\/1f706.jpg)\n\nThe colored boxes in the above image are AI hotspots. The zombie AI is fairly simple: Zombies spawn at the green hotspots (whenever they are not in view of the player) and will randomly pick any of the blue (work) hotspots, walk over there and stay there for a few seconds pretending to work. Whenever the player comes near them, they will follow and attack. That's all really.\n\nWe attached a dynamic point light to the player to create a dynamic shadow\/line of sight effect. Plus some simple color grading and post processing on top to make everything look good. Here's a look at the editor view:\n\n![dotd_editor_view.jpg](\/\/\/raw\/69c\/2\/z\/1f204.jpg)\n\nThe dynamic blood stains were a last minute idea as well. Originally Zombies had a blood spray particle effect, but would not leave any stains on the floor. We put a big dynamic RenderTexture on the floor, covering the entire level. There's also a static orthographic camera that sees the entire level, which renders only the blood particles. This camera renders its image into the rendertexture, but never clears the buffer. So the blood stains on the floor are not actually the points at which the blood hits the floor, but an accumulation of the blood particles flying through the air. It turned out to be a really cool effect that took only a few minutes to set up, and is very light on performance, no matter how bloody the level gets.\n\nYou can play the final result [here](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead):\n\n[![Komp 1_5.gif](\/\/\/raw\/69c\/2\/z\/1f237.gif)](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead)\n\n---\n\n**Play our LD43 game [Deadline of the Dead](https:\/\/ldjam.com\/events\/ludum-dare\/43\/deadline-of-the-dead)**\n\n**Follow us**\non\n[**Twitter**](https:\/\/twitter.com\/HastilyAssemble)\non\n[**YouTube**](https:\/\/www.youtube.com\/channel\/UCVyVhkadOYnIvI3aERtfyZA)\nor on\n[**Facebook**](https:\/\/www.facebook.com\/HastilyAssembled)","title":"Graphics Breakdown","wayback_source":[]}