{"author_link":"\/users\/law5guy","author_name":"law5guy","author_uid":"law5guy","comments":[],"epoch":1512375632,"event":"LD40","format":"md","ldjam_node_id":65750,"likes":7,"metadata":{"p_key":"104644","p_author":"law5guy","p_authorkey":"1024692","p_urlkey":"320427","p_title":"LD 40 Devlog - Infinite Desktop Icons","p_cat":"LDJam ","p_event":"LD40","p_time":"1512375632","p_likes":"7","p_comments":"0","p_status":"WAYBACK","us_key":"1024692","us_name":"law5guy","us_username":"law5guy","event_start":"1512086400","event_key":"70","event_name":"LD 40"},"node":{"_collation":{"body_sanitizer":"TextUtils::SanitizeHTML via existing importer","event":"LD40","removed_author":false},"_superparent":49883,"_trust":2,"author":24692,"body":"## Friday\nThe theme is \"The More You Have, the Worse it Gets\"! Of the other top themes, this was not one of the ones I was very excited about. I spent the most of Friday night brainstorming to try and come up with a game idea. This took me _hours_. \n\n![ldjam-brainstorm.jpg](\/\/\/raw\/470\/6\/z\/b3da.jpg)\n\nAfter that I got a boilerplate project set up and running [here](https:\/\/github.com\/rmkubik\/ldjam40). \n\n## Saturday\nLater in the day I managed to get Draggable components working and had some frustrating fights with the `CSSTransitionGroup` component. I tweeted [what I managed to get done](https:\/\/twitter.com\/ryrykubes\/status\/936847019670306816) on Day #2. \n\nI gave up on getting the new `react-transition-group` library in favor of the old `react-addons-css-transition-group` library. I figured that I didn't want to spend too much of my time trying to figure out an animation library when I already knew how one worked.\n\nMy final sin of the day was storing React components in the state of my React app. Fortunately, I've now learned why this is a terrible idea and won't ever have to make that mistake again! \n\n## Sunday\nThe final day of Ludum Dare! Today I actually had most of the day to wrap up my project unlike my busy day yesterday.\n\n>[The best debugger ever made is a good night's sleep.](https:\/\/twitter.com\/SashaLaundy\/status\/936661004137635840)\n\nI saw the above on Twitter and it is truly the best debugging advice I've ever received. For whatever reason all of yesterday's problems with my React state and undefined variables became clear. Today I ended up creating the vast majority of the game's features, spawners, consumers, and the hdd\/storage space mechanic. \n\n### In Progress GIFs:\n![ldjam40-spawner.gif](\/\/\/raw\/470\/6\/z\/b3d3.gif)\n\n![ldjam40-hdd.gif](\/\/\/raw\/470\/6\/z\/b3d7.gif)\n\nMy final piece of experimentation was deploying my first React app. Create React App comes with a built in `yarn build` script which creates your build files in the `\/build` directory. \n\nI did a quick static deploy of React using [Surge](https:\/\/surge.sh) first off. This worked pretty well for sharing my app quickly, but didn't allow me to have a URL that made sense (without configuring a custom URL).\n\nI wanted to get everything running on [Itch.io](https:\/\/itch.io) because its a popular platform for Ludum Dare and my other projects are hosted there. Create React App expects to be deployed as a static server in the root directory. However, Itch doesn't host your projects in this manner. I had to modify my `package.json` file with the value `\"homepage\": \".\"` to make the build process be dynamic. \n\nThe final piece of deploying my project to Itch.io was to make use of their command line interface deployment tool [Butler](https:\/\/itch.io\/docs\/butler\/). It's a really cool tool that makes it much more painless to deploy a patch to your project. Instead of zipping a bunch of files, navigating to the site, and uploading your files you just type `butler push build law5guy\/infinite-desktop-icons:html`.\n\nPlay the finished product in your browser [here](https:\/\/law5guy.itch.io\/infinite-desktop-icons).","comments":4,"comments-timestamp":"2017-12-04T23:33:10Z","created":"2017-12-04T08:11:20Z","files":[],"files-timestamp":0,"id":65750,"love":7,"love-timestamp":"2017-12-05T03:11:11Z","meta":[],"modified":"2017-12-05T03:11:11Z","name":"LD 40 Devlog - Infinite Desktop Icons","node-timestamp":"2017-12-04T08:20:32Z","parent":55971,"parents":[1,5,9,49883,55971],"path":"\/events\/ludum-dare\/40\/infinite-desktop-icons\/ld-40-devlog-infinite-desktop-icons","published":"2017-12-04T08:20:32Z","scope":"public","slug":"ld-40-devlog-infinite-desktop-icons","subsubtype":"","subtype":"","type":"post","version":177804},"node_metadata":{"n_key":"65750","n_urlkey":"320427","n_parent":"55971","n_path":"\/events\/ludum-dare\/40\/infinite-desktop-icons\/ld-40-devlog-infinite-desktop-icons","n_slug":"ld-40-devlog-infinite-desktop-ic","n_type":"post","n_subtype":"","n_subsubtype":"","n_author":"24692","n_created":"1512375080","n_modified":"1512443471","n_version":"177804","n_status":"WAYBACK"},"source_url":"https:\/\/ldjam.com\/events\/ludum-dare\/40\/infinite-desktop-icons\/ld-40-devlog-infinite-desktop-icons","text":"## Friday\nThe theme is \"The More You Have, the Worse it Gets\"! Of the other top themes, this was not one of the ones I was very excited about. I spent the most of Friday night brainstorming to try and come up with a game idea. This took me _hours_. \n\n![ldjam-brainstorm.jpg](\/\/\/raw\/470\/6\/z\/b3da.jpg)\n\nAfter that I got a boilerplate project set up and running [here](https:\/\/github.com\/rmkubik\/ldjam40). \n\n## Saturday\nLater in the day I managed to get Draggable components working and had some frustrating fights with the `CSSTransitionGroup` component. I tweeted [what I managed to get done](https:\/\/twitter.com\/ryrykubes\/status\/936847019670306816) on Day #2. \n\nI gave up on getting the new `react-transition-group` library in favor of the old `react-addons-css-transition-group` library. I figured that I didn't want to spend too much of my time trying to figure out an animation library when I already knew how one worked.\n\nMy final sin of the day was storing React components in the state of my React app. Fortunately, I've now learned why this is a terrible idea and won't ever have to make that mistake again! \n\n## Sunday\nThe final day of Ludum Dare! Today I actually had most of the day to wrap up my project unlike my busy day yesterday.\n\n>[The best debugger ever made is a good night's sleep.](https:\/\/twitter.com\/SashaLaundy\/status\/936661004137635840)\n\nI saw the above on Twitter and it is truly the best debugging advice I've ever received. For whatever reason all of yesterday's problems with my React state and undefined variables became clear. Today I ended up creating the vast majority of the game's features, spawners, consumers, and the hdd\/storage space mechanic. \n\n### In Progress GIFs:\n![ldjam40-spawner.gif](\/\/\/raw\/470\/6\/z\/b3d3.gif)\n\n![ldjam40-hdd.gif](\/\/\/raw\/470\/6\/z\/b3d7.gif)\n\nMy final piece of experimentation was deploying my first React app. Create React App comes with a built in `yarn build` script which creates your build files in the `\/build` directory. \n\nI did a quick static deploy of React using [Surge](https:\/\/surge.sh) first off. This worked pretty well for sharing my app quickly, but didn't allow me to have a URL that made sense (without configuring a custom URL).\n\nI wanted to get everything running on [Itch.io](https:\/\/itch.io) because its a popular platform for Ludum Dare and my other projects are hosted there. Create React App expects to be deployed as a static server in the root directory. However, Itch doesn't host your projects in this manner. I had to modify my `package.json` file with the value `\"homepage\": \".\"` to make the build process be dynamic. \n\nThe final piece of deploying my project to Itch.io was to make use of their command line interface deployment tool [Butler](https:\/\/itch.io\/docs\/butler\/). It's a really cool tool that makes it much more painless to deploy a patch to your project. Instead of zipping a bunch of files, navigating to the site, and uploading your files you just type `butler push build law5guy\/infinite-desktop-icons:html`.\n\nPlay the finished product in your browser [here](https:\/\/law5guy.itch.io\/infinite-desktop-icons).","title":"LD 40 Devlog - Infinite Desktop Icons","wayback_source":[]}