{"author_link":"\/users\/vija02","author_name":"Vija02","author_uid":"vija02","comments":[],"epoch":1501520456,"event":"LD39","format":"md","ldjam_node_id":41477,"likes":2,"metadata":{"p_key":"97635","p_author":"Vija02","p_authorkey":"1035064","p_urlkey":"313319","p_title":"2nd Compo Completed!","p_cat":"LDJam ","p_event":"LD39","p_time":"1501520456","p_likes":"2","p_comments":"0","p_status":"WAYBACK","us_key":"1035064","us_name":"Vija02","us_username":"vija02","event_start":"1501200000","event_key":"74","event_name":"LD 39"},"node":{"_collation":{"body_sanitizer":"TextUtils::SanitizeHTML via existing importer","event":"LD39","removed_author":false},"_superparent":32802,"_trust":3,"author":35064,"body":"![banner.png](\/\/\/raw\/8f8\/8\/z\/6795.png)\n[This game](https:\/\/ldjam.com\/events\/ludum-dare\/39\/the-lost) marks the second time I finished my 2nd Compo game.  \n*Almost gave up!* But somehow made it through until the end.  \nMy LD record is not good. I've participated a total of 4 times before. 3 of them was a failure due to either bad time management or just plain unplayable game. \n\n**However!!**  \nAfter 1 and a half year of not participating LD, I'm back better than I've ever been!  \nHere's a screenshot of the game\n\n![ss.png](\/\/\/raw\/8f8\/8\/z\/679a.png)\nFor the past few attempts, I've picked Unity3d as my tool of choice. This time around, I took a different approach and created a HTML game using [Facebook's React](https:\/\/facebook.github.io\/react\/) without any gaming\/rendering framework.\n\nThis means that I had to create most of it from scratch! At the end of the first day, I only finished the core gameplay which was to walk around and move the camera. The second day was no better really.  \nI can say that probably 75% of the code I wrote can be extracted and be made into its own library. One of the file is 200+ lines long!\n\n**That said**, I'm impressed by the flexibility and the efficiency I can achieve by using some open-source library intended to be used on the web. Without these, I'll not be able to create this game as fast as I did.\nThose are: \n- [react-router](https:\/\/github.com\/ReactTraining\/react-router) for flow management\n- [redux](https:\/\/github.com\/reactjs\/redux\/) for state management\n- [create-react-app](https:\/\/github.com\/facebookincubator\/create-react-app) as a boilerplate code that includes all kinds of stuff you'll want when developing such as live reload!\n\nAll in all, I'm quite happy I used the things I did. Learned a few technologies that I always wanted to try but just never got the time to do such as:\n- CSS Grid\n- Web audio API\n- Trying to create a universal native game  \nand the list goes on...\n\nThere's one part in the game's code I find really satisfying:\n![code.png](\/\/\/raw\/8f8\/8\/z\/67cc.png)\nThis is the code used to define what a block\/tile does. The number represents the id.  \nThe following element that are given are custom Components that can render the tile itself, or do something completely different!  \nIf you know a bit of React, you'll know that the possibilities of this are endless. For example, combined with Redux, you can easily create tiles that can change what it renders based on what the player had done. And that's just the beginning!\n\nIf you find this interesting, [go ahead and play the game!](https:\/\/ldjam.com\/events\/ludum-dare\/39\/the-lost) Any feedback will be greatly appreciated.","comments":0,"created":"2017-07-29T04:22:34Z","files":[],"files-timestamp":0,"id":41477,"love":2,"love-timestamp":"2017-07-31T17:19:23Z","meta":[],"modified":"2017-07-31T17:19:23Z","name":"2nd Compo Completed!","node-timestamp":"2017-07-31T17:00:56Z","parent":35065,"parents":[1,5,9,32802,35065],"path":"\/events\/ludum-dare\/39\/the-lost\/2nd-compo-completed","published":"2017-07-31T17:00:56Z","scope":"public","slug":"2nd-compo-completed","subsubtype":"","subtype":"","type":"post","version":118240},"node_metadata":{"n_key":"41477","n_urlkey":"313319","n_parent":"35065","n_path":"\/events\/ludum-dare\/39\/the-lost\/2nd-compo-completed","n_slug":"2nd-compo-completed","n_type":"post","n_subtype":"","n_subsubtype":"","n_author":"35064","n_created":"1501302154","n_modified":"1501521563","n_version":"118240","n_status":"WAYBACK"},"source_url":"https:\/\/ldjam.com\/events\/ludum-dare\/39\/the-lost\/2nd-compo-completed","text":"![banner.png](\/\/\/raw\/8f8\/8\/z\/6795.png)\n[This game](https:\/\/ldjam.com\/events\/ludum-dare\/39\/the-lost) marks the second time I finished my 2nd Compo game.  \n*Almost gave up!* But somehow made it through until the end.  \nMy LD record is not good. I've participated a total of 4 times before. 3 of them was a failure due to either bad time management or just plain unplayable game. \n\n**However!!**  \nAfter 1 and a half year of not participating LD, I'm back better than I've ever been!  \nHere's a screenshot of the game\n\n![ss.png](\/\/\/raw\/8f8\/8\/z\/679a.png)\nFor the past few attempts, I've picked Unity3d as my tool of choice. This time around, I took a different approach and created a HTML game using [Facebook's React](https:\/\/facebook.github.io\/react\/) without any gaming\/rendering framework.\n\nThis means that I had to create most of it from scratch! At the end of the first day, I only finished the core gameplay which was to walk around and move the camera. The second day was no better really.  \nI can say that probably 75% of the code I wrote can be extracted and be made into its own library. One of the file is 200+ lines long!\n\n**That said**, I'm impressed by the flexibility and the efficiency I can achieve by using some open-source library intended to be used on the web. Without these, I'll not be able to create this game as fast as I did.\nThose are: \n- [react-router](https:\/\/github.com\/ReactTraining\/react-router) for flow management\n- [redux](https:\/\/github.com\/reactjs\/redux\/) for state management\n- [create-react-app](https:\/\/github.com\/facebookincubator\/create-react-app) as a boilerplate code that includes all kinds of stuff you'll want when developing such as live reload!\n\nAll in all, I'm quite happy I used the things I did. Learned a few technologies that I always wanted to try but just never got the time to do such as:\n- CSS Grid\n- Web audio API\n- Trying to create a universal native game  \nand the list goes on...\n\nThere's one part in the game's code I find really satisfying:\n![code.png](\/\/\/raw\/8f8\/8\/z\/67cc.png)\nThis is the code used to define what a block\/tile does. The number represents the id.  \nThe following element that are given are custom Components that can render the tile itself, or do something completely different!  \nIf you know a bit of React, you'll know that the possibilities of this are endless. For example, combined with Redux, you can easily create tiles that can change what it renders based on what the player had done. And that's just the beginning!\n\nIf you find this interesting, [go ahead and play the game!](https:\/\/ldjam.com\/events\/ludum-dare\/39\/the-lost) Any feedback will be greatly appreciated.","title":"2nd Compo Completed!","wayback_source":[]}