{"id":2696,"date":"2022-12-03T16:17:19","date_gmt":"2022-12-03T16:17:19","guid":{"rendered":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=2696"},"modified":"2022-12-03T16:34:08","modified_gmt":"2022-12-03T16:34:08","slug":"getting-started-with-phaserjs-and-typescript","status":"publish","type":"post","link":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/getting-started-with-phaserjs-and-typescript\/","title":{"rendered":"Getting Started with PhaserJs and TypeScript"},"content":{"rendered":"\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2Fgetting-started-with-phaserjs-and-typescript%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n<p><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/JU9ztcFv4F8?start=0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>Curious about building 2D games with web skills? In this post, we&#8217;ll explore tools and patterns to use PhaserJs and JavaScript to make engaging 2D games.  We&#8217;ll cover tools to make experiences with our favorite language: TypeScript.<\/p>\n<h3>Reference links<\/h3>\n<ul>\n<li><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/phaser.io\/\">phaser.io<\/a><\/li>\n<li><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/www.gitpod.io\/docs\/introduction\/getting-started\">Get started with gitpod.io and gitpod extension<\/a><\/li>\n<li><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/github.com\/michaelprosario\/scene-maker\">Code from video<\/a><\/li>\n<li><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/github.com\/geocine\/phaser3-rollup-typescript\">geocine\/phaser3-rollup-typescript &#8211; Great starter template<\/a><\/li>\n<li><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/medium.com\/@michaelwesthadley\/modular-game-worlds-in-phaser-3-tilemaps-1-958fc7e6bbd6\">Modular game worlds in Phaser 3 &#8211; Tilemaps<\/a><\/li>\n<\/ul>\n<h3>Related links<\/h3>\n<ul>\n<li><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/quick-start-for-phaser-3-and-typescript\/\">Quick start for Phaser 3 and TypeScript<\/a><\/li>\n<li><a class=\"wp-editor-md-post-content-link\" href=\"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/build-a-space-shooter-with-phaser3-and-javascripttutorial1\/\">Build a Space Shooter with Phaser3 and JavaScript<\/a><\/li>\n<\/ul>\n\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=https%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2Fgetting-started-with-phaserjs-and-typescript%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n","protected":false},"excerpt":{"rendered":"<p>Curious about building 2D games with web skills? In this post, we&#8217;ll explore tools and patterns to use PhaserJs and JavaScript to make engaging 2D games. We&#8217;ll cover tools to make experiences with our favorite language: TypeScript. Reference links phaser.io Get started with gitpod.io and gitpod extension Code from video [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[7,16,23,8],"tags":[],"_links":{"self":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/2696"}],"collection":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/comments?post=2696"}],"version-history":[{"count":5,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/2696\/revisions"}],"predecessor-version":[{"id":2701,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/2696\/revisions\/2701"}],"wp:attachment":[{"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/media?parent=2696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/categories?post=2696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/tags?post=2696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}