{"author_link":"\/users\/tommyflower","author_name":"Tommyflower","author_uid":"tommyflower","comments":[],"epoch":1557416954,"event":"LD44","format":"md","ldjam_node_id":157065,"likes":3,"metadata":{"p_key":"132583","p_author":"Tommyflower","p_authorkey":"1014558","p_urlkey":"348777","p_title":"An infernal hatch for you","p_cat":"LDJam ","p_event":"LD44","p_time":"1557416954","p_likes":"3","p_comments":"0","p_status":"WAYBACK","us_key":"1014558","us_name":"Tommyflower","us_username":"tommyflower","event_start":"1556236800","event_key":"75","event_name":"LD 44"},"node":{"_collation":{"body_sanitizer":"TextUtils::SanitizeHTML via existing importer","event":"LD44","removed_author":false},"_superparent":139254,"_trust":1,"author":14558,"body":"Would you like an **infernal hatch** to drag everything you want to hell? \nHere you are! \n### You can use this sprite if you like. \n![yourTommyflowerInfernalHatch.png](\/\/\/raw\/ed8\/3\/z\/24c37.png)\n\n ### In [Zoltan's city](https:\/\/ldjam.com\/events\/ludum-dare\/44\/zoltans-idea) cats can be fall into one of these at any time. \n\n![pescagatti.gif](\/\/\/raw\/ed8\/3\/z\/24c39.gif)\n\n\n### But how do you design a hatch like this? \n\n![animatedhatch.gif](\/\/\/raw\/ed8\/3\/z\/24c38.gif)\n\nFirst thing I did was defining the hatch shape and making the **flashing effect**.\n\nIf you are familiar with old style games, you can see a lot of this effect in **explosions**. Basically an explosion always starts with a **flash of light**, and the simplest flash of light is obtained by alternating black and white. In this case I added red because I wanted a more colored and fire-like effect. \n\nThen I decided to add some infernal red **smoke**. \nI used a **cloud shaped brush** in Photoshop and I started with red. I made a burst in the center of my hatch incrementing the red with any frame. \nNext I added orange and finally some yellow. Note that the brush became smaller with every colour. \n\nThen I added some **infernal light** coming out of the hatch. I did this on the stitched spritesheet. \nI used a soft brush to trace rays and the adjusted the opacity to **make the light stronger as the hatch opens**.\n\nAlso I made sure to cut my light so that it stayed **inside the frame of the hatch**.\n\nBut I wasn't happy with it, so I added **some random sparks**. The position of these doesn't really care since they move random. \n\n**I created the hatch separately from the cat falling down**, because in [Zoltan](https:\/\/ldjam.com\/events\/ludum-dare\/44\/zoltans-idea), we can have **cats of any colour**. So the final animation is made of **two sprites** one over the other. I had to make sure to cut the cat so that it looked like it was inside the hatch in the very last frame. ","comments":0,"created":"2019-05-08T08:04:41Z","files":[],"files-timestamp":0,"id":157065,"love":3,"love-timestamp":"2019-05-09T19:13:34Z","meta":[],"modified":"2019-05-09T19:13:34Z","name":"An infernal hatch for you","node-timestamp":"2019-05-09T15:49:14Z","parent":140087,"parents":[1,5,9,139254,140087],"path":"\/events\/ludum-dare\/44\/zoltans-idea\/an-infernal-hatch-for-you","published":"2019-05-09T15:49:14Z","scope":"public","slug":"an-infernal-hatch-for-you","subsubtype":"","subtype":"","type":"post","version":473865},"node_metadata":{"n_key":"157065","n_urlkey":"348777","n_parent":"140087","n_path":"\/events\/ludum-dare\/44\/zoltans-idea\/an-infernal-hatch-for-you","n_slug":"an-infernal-hatch-for-you","n_type":"post","n_subtype":"","n_subsubtype":"","n_author":"14558","n_created":"1557302681","n_modified":"1557429214","n_version":"473865","n_status":"WAYBACK"},"source_url":"https:\/\/ldjam.com\/events\/ludum-dare\/44\/zoltans-idea\/an-infernal-hatch-for-you","text":"Would you like an **infernal hatch** to drag everything you want to hell? \nHere you are! \n### You can use this sprite if you like. \n![yourTommyflowerInfernalHatch.png](\/\/\/raw\/ed8\/3\/z\/24c37.png)\n\n ### In [Zoltan's city](https:\/\/ldjam.com\/events\/ludum-dare\/44\/zoltans-idea) cats can be fall into one of these at any time. \n\n![pescagatti.gif](\/\/\/raw\/ed8\/3\/z\/24c39.gif)\n\n\n### But how do you design a hatch like this? \n\n![animatedhatch.gif](\/\/\/raw\/ed8\/3\/z\/24c38.gif)\n\nFirst thing I did was defining the hatch shape and making the **flashing effect**.\n\nIf you are familiar with old style games, you can see a lot of this effect in **explosions**. Basically an explosion always starts with a **flash of light**, and the simplest flash of light is obtained by alternating black and white. In this case I added red because I wanted a more colored and fire-like effect. \n\nThen I decided to add some infernal red **smoke**. \nI used a **cloud shaped brush** in Photoshop and I started with red. I made a burst in the center of my hatch incrementing the red with any frame. \nNext I added orange and finally some yellow. Note that the brush became smaller with every colour. \n\nThen I added some **infernal light** coming out of the hatch. I did this on the stitched spritesheet. \nI used a soft brush to trace rays and the adjusted the opacity to **make the light stronger as the hatch opens**.\n\nAlso I made sure to cut my light so that it stayed **inside the frame of the hatch**.\n\nBut I wasn't happy with it, so I added **some random sparks**. The position of these doesn't really care since they move random. \n\n**I created the hatch separately from the cat falling down**, because in [Zoltan](https:\/\/ldjam.com\/events\/ludum-dare\/44\/zoltans-idea), we can have **cats of any colour**. So the final animation is made of **two sprites** one over the other. I had to make sure to cut the cat so that it looked like it was inside the hatch in the very last frame. ","title":"An infernal hatch for you","wayback_source":[]}