{"id":213,"date":"2020-09-10T17:09:47","date_gmt":"2020-09-10T17:09:47","guid":{"rendered":"http:\/\/mycours.es\/gamedesign2020\/?page_id=213"},"modified":"2020-12-11T14:00:22","modified_gmt":"2020-12-11T14:00:22","slug":"remote-development-tools","status":"publish","type":"page","link":"http:\/\/mycours.es\/gamedesign2020\/remote-development-tools\/","title":{"rendered":"Remote Development Tools"},"content":{"rendered":"<p>This class adds two layers of complexity to the solitary game\/app development you have all done before.<\/p>\n<ul>\n<li>Apps or games that are networked, generally involving multiple clients and a server running different programs, plus cloud-based service providers with their own peculiarities.<\/li>\n<li>Tools that facilitate synchronous and asynchronous collaborative development.<\/li>\n<\/ul>\n<p>This can be a lot to take but don&#8217;t worry, we are going to experiment with different tools and processes, and it&#8217;s going to be an learning process for everybody (including me).<br \/>\nLet&#8217;s start with the latter and make sure you have a development environment on your machine that works for you.<\/p>\n<h2>Code Editors<\/h2>\n<p>There are plenty of free code editors around, you may already have your favorite one.<br \/>\nIn this class I&#8217;m going to use <a href=\"https:\/\/code.visualstudio.com\/\">Visual Studio Code<\/a> for node.js and javascript and <a href=\"https:\/\/visualstudio.microsoft.com\/\">Visual Studio<\/a> for Unity programming.<br \/>\n<a href=\"https:\/\/code.visualstudio.com\/\">Download Visual Studio Code<\/a>.<\/p>\n<p><em>Quick poll: do you already work with either of these and, if not, what other editor are you used to (type in the chat)\u00a0\u00a0<\/em><\/p>\n<p><a href=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/visual-Studio.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-215\" src=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/visual-Studio.png\" alt=\"\" width=\"1012\" height=\"506\" srcset=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/visual-Studio.png 1012w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/visual-Studio-300x150.png 300w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/visual-Studio-768x384.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<h2>Github<\/h2>\n<p><a href=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/github-mark.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-214\" src=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/github-mark-1024x538.png\" alt=\"\" width=\"840\" height=\"441\" srcset=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/github-mark-1024x538.png 1024w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/github-mark-300x158.png 300w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/github-mark-768x403.png 768w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/github-mark.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a>Version control and source code hosting.<br \/>\n<em>Survey: do you commonly use github or similar services (not just for downloading other people&#8217;s code)? Green icon for yes.<\/em><\/p>\n<p><a href=\"https:\/\/guides.github.com\/activities\/hello-world\/\">Getting started guide<\/a><\/p>\n<p>There are many intro videos online, find the least obnoxious.<\/p>\n<p>Git itself is a command line tool but I prefer the GitHub <a href=\"https:\/\/desktop.github.com\/\">desktop application.<br \/>\nIf you are a beginner, download it.<\/a><\/p>\n<p><strong>Let go through some of the most common operations together:<\/strong><\/p>\n<p>Creating a repository from scratch<\/p>\n<p>Opening an issue as user<\/p>\n<p>Make and commit changes to your project<\/p>\n<p>Cloning a repository<\/p>\n<p>Forking a repository<\/p>\n<p>Creating a new branch<\/p>\n<p>Making commits to your branch<\/p>\n<p>Opening a pull request<\/p>\n<p>Discuss changes<\/p>\n<p>Merging pull requests<\/p>\n<h2>Glitch<\/h2>\n<p><a href=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-218\" src=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA-1024x401.png\" alt=\"\" width=\"840\" height=\"329\" srcset=\"http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA-1024x401.png 1024w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA-300x117.png 300w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA-768x300.png 768w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA-1536x601.png 1536w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA-2048x801.png 2048w, http:\/\/mycours.es\/gamedesign2020\/files\/2020\/09\/1_kFKkiPt7RSn5RIXfc84jGA-1200x469.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><strong>Glitch<\/strong> is a community and a series of friendly tools to develop web based applications.<br \/>\nGlitch provides free hosting for node projects, most web hosts don&#8217;t give you that degree of access. Another popular platform is heroku.<br \/>\nGlitch offers: a multi-user code editor, file storage, and an integrated terminal.<br \/>\nGlitch allows you to browse and remix other people projects, and clone a project from GitHub.<\/p>\n<p>Take a minute to explore it:<br \/>\n<a href=\"https:\/\/glitch.com\/\">glitch.com<\/a><\/p>\n<p><em>Let&#8217;s split in groups and mod a simple single player game directly in glitch.<\/em><br \/>\n<em>This will also be an introduction to p5.js.<\/em><\/p>\n<p>You can sync github repositories with glitch (cloning from github to glitch, the other way around is more complicated)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This class adds two layers of complexity to the solitary game\/app development you have all done before. Apps or games that are networked, generally involving multiple clients and a server running different programs, plus cloud-based service providers with their own peculiarities. Tools that facilitate synchronous and asynchronous collaborative development. This can be a lot to &hellip; <a href=\"http:\/\/mycours.es\/gamedesign2020\/remote-development-tools\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Remote Development Tools&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-213","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/pages\/213","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/comments?post=213"}],"version-history":[{"count":5,"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/pages\/213\/revisions"}],"predecessor-version":[{"id":228,"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/pages\/213\/revisions\/228"}],"wp:attachment":[{"href":"http:\/\/mycours.es\/gamedesign2020\/wp-json\/wp\/v2\/media?parent=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}