{"id":83,"date":"2022-12-10T21:16:45","date_gmt":"2022-12-10T20:16:45","guid":{"rendered":"https:\/\/michaelgrube.com\/blog\/?p=83"},"modified":"2022-12-10T21:16:46","modified_gmt":"2022-12-10T20:16:46","slug":"programmieren-mit-javascript","status":"publish","type":"post","link":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/","title":{"rendered":"Programmieren mit JavaScript"},"content":{"rendered":"\n<p>In den letzten Jahren habe ich mich mit Programmieren besch\u00e4ftigt, dabei vor allem mit JavaScript. Dabei bin ich dann auf Phaser gesto\u00dfen. Hierbei handelt es sich um ein Framework zur Spieleprogrammierung. Daher habe ich zwei noch nicht fertige Spiele auf meine Webseite hochgeladen.<\/p>\n\n\n\n<p>Spiel 1: <a href=\"http:\/\/michaelgrube.com\/spiele\/bonegame\/bonegame.html\">Bonegame<\/a> <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"138\" class=\"wp-image-80\" style=\"width: 150px;\" src=\"https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?resize=150%2C138&#038;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?w=897&amp;ssl=1 897w, https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?resize=300%2C277&amp;ssl=1 300w, https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?resize=768%2C708&amp;ssl=1 768w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n\n\n\n<p>Kanntest du Royalgames.com, dies ist der Nachbau des Spiels Boneyard Bonanza. Klicke auf einen Sarg um einen K\u00f6rperteil zu Platzieren, der Kreis in der Mitte zeigt dir die Farbe des n\u00e4chsten K\u00f6rperteils an. Versuche alle K\u00f6rperteile einer Farbe in einen Sarg zu Platzieren um den Bonustanz zu starten.<\/p>\n\n\n\n<p>Spiel 2: <a href=\"http:\/\/michaelgrube.com\/spiele\/pacman\/pacman.html\">Pacman<\/a> <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"112\" class=\"wp-image-79\" style=\"width: 150px;\" src=\"https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-54-07-Pacman.png?resize=150%2C112&#038;ssl=1\" alt=\"\" srcset=\"https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-54-07-Pacman.png?w=1315&amp;ssl=1 1315w, https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-54-07-Pacman.png?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-54-07-Pacman.png?resize=1024%2C767&amp;ssl=1 1024w, https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-54-07-Pacman.png?resize=768%2C575&amp;ssl=1 768w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n\n\n\n<p>Hier habe ich nicht versucht das Original nachzubauen, sondern eine Version die ich von einer CD-ROM kenne. Du kannst Pacman mit den Pfeiltasten steuern oder mit der Maus klicken um ihn in diese Richtung zu bewegen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In den letzten Jahren habe ich mich mit Programmieren besch\u00e4ftigt, dabei vor allem mit JavaScript. Dabei bin ich dann auf Phaser gesto\u00dfen. Hierbei handelt es sich um ein Framework zur Spieleprogrammierung. Daher habe ich zwei noch nicht fertige Spiele auf meine Webseite hochgeladen. Spiel 1: Bonegame Kanntest du Royalgames.com, dies ist der Nachbau des Spiels [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","om_disable_all_campaigns":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-83","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Programmieren mit JavaScript - Mein Blog<\/title>\n<meta name=\"description\" content=\"zwei noch nicht fertige Spiele programmiert mit JavaScript und Phaser. Bonegame \u00e4hnlich Boneyard Bonanza und Pacman\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Programmieren mit JavaScript - Mein Blog\" \/>\n<meta property=\"og:description\" content=\"zwei noch nicht fertige Spiele programmiert mit JavaScript und Phaser. Bonegame \u00e4hnlich Boneyard Bonanza und Pacman\" \/>\n<meta property=\"og:url\" content=\"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Mein Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-10T20:16:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-10T20:16:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/#\\\/schema\\\/person\\\/ec4dacaafb6978e74007edc200922474\"},\"headline\":\"Programmieren mit JavaScript\",\"datePublished\":\"2022-12-10T20:16:45+00:00\",\"dateModified\":\"2022-12-10T20:16:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/\"},\"wordCount\":141,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/\",\"url\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/\",\"name\":\"Programmieren mit JavaScript - Mein Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png\",\"datePublished\":\"2022-12-10T20:16:45+00:00\",\"dateModified\":\"2022-12-10T20:16:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/#\\\/schema\\\/person\\\/ec4dacaafb6978e74007edc200922474\"},\"description\":\"zwei noch nicht fertige Spiele programmiert mit JavaScript und Phaser. Bonegame \u00e4hnlich Boneyard Bonanza und Pacman\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/michaelgrube.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?fit=897%2C827&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/michaelgrube.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/12\\\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?fit=897%2C827&ssl=1\",\"width\":897,\"height\":827},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/programmieren-mit-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Programmieren mit JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/\",\"name\":\"Mein Blog\",\"description\":\"Blog von Michael Grube\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/#\\\/schema\\\/person\\\/ec4dacaafb6978e74007edc200922474\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/774a9eb512a3d1edcf965511b26e0bef8a3e3b328665a3646e35175c04489735?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/774a9eb512a3d1edcf965511b26e0bef8a3e3b328665a3646e35175c04489735?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/774a9eb512a3d1edcf965511b26e0bef8a3e3b328665a3646e35175c04489735?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\\\/\\\/michaelgrube.com\\\/blog\"],\"url\":\"https:\\\/\\\/michaelgrube.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Programmieren mit JavaScript - Mein Blog","description":"zwei noch nicht fertige Spiele programmiert mit JavaScript und Phaser. Bonegame \u00e4hnlich Boneyard Bonanza und Pacman","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/","og_locale":"de_DE","og_type":"article","og_title":"Programmieren mit JavaScript - Mein Blog","og_description":"zwei noch nicht fertige Spiele programmiert mit JavaScript und Phaser. Bonegame \u00e4hnlich Boneyard Bonanza und Pacman","og_url":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/","og_site_name":"Mein Blog","article_published_time":"2022-12-10T20:16:45+00:00","article_modified_time":"2022-12-10T20:16:46+00:00","og_image":[{"url":"https:\/\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png","type":"","width":"","height":""}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"admin","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#article","isPartOf":{"@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/"},"author":{"name":"admin","@id":"https:\/\/michaelgrube.com\/blog\/#\/schema\/person\/ec4dacaafb6978e74007edc200922474"},"headline":"Programmieren mit JavaScript","datePublished":"2022-12-10T20:16:45+00:00","dateModified":"2022-12-10T20:16:46+00:00","mainEntityOfPage":{"@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/"},"wordCount":141,"commentCount":0,"image":{"@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png","articleSection":["Uncategorized"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/","url":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/","name":"Programmieren mit JavaScript - Mein Blog","isPartOf":{"@id":"https:\/\/michaelgrube.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#primaryimage"},"image":{"@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png","datePublished":"2022-12-10T20:16:45+00:00","dateModified":"2022-12-10T20:16:46+00:00","author":{"@id":"https:\/\/michaelgrube.com\/blog\/#\/schema\/person\/ec4dacaafb6978e74007edc200922474"},"description":"zwei noch nicht fertige Spiele programmiert mit JavaScript und Phaser. Bonegame \u00e4hnlich Boneyard Bonanza und Pacman","breadcrumb":{"@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#primaryimage","url":"https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?fit=897%2C827&ssl=1","contentUrl":"https:\/\/i0.wp.com\/michaelgrube.com\/blog\/wp-content\/uploads\/2022\/12\/Screenshot-2022-12-05-at-20-53-11-Bonegame.png?fit=897%2C827&ssl=1","width":897,"height":827},{"@type":"BreadcrumbList","@id":"https:\/\/michaelgrube.com\/blog\/programmieren-mit-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/michaelgrube.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Programmieren mit JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/michaelgrube.com\/blog\/#website","url":"https:\/\/michaelgrube.com\/blog\/","name":"Mein Blog","description":"Blog von Michael Grube","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/michaelgrube.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/michaelgrube.com\/blog\/#\/schema\/person\/ec4dacaafb6978e74007edc200922474","name":"admin","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/774a9eb512a3d1edcf965511b26e0bef8a3e3b328665a3646e35175c04489735?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/774a9eb512a3d1edcf965511b26e0bef8a3e3b328665a3646e35175c04489735?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/774a9eb512a3d1edcf965511b26e0bef8a3e3b328665a3646e35175c04489735?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/michaelgrube.com\/blog"],"url":"https:\/\/michaelgrube.com\/blog\/author\/admin\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/posts\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/comments?post=83"}],"version-history":[{"count":3,"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/posts\/83\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/media?parent=83"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/categories?post=83"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michaelgrube.com\/blog\/wp-json\/wp\/v2\/tags?post=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}