{"id":1034,"date":"2012-07-01T13:11:55","date_gmt":"2012-07-01T11:11:55","guid":{"rendered":"https:\/\/porzelt.net\/?p=1034"},"modified":"2019-10-04T16:10:26","modified_gmt":"2019-10-04T16:10:26","slug":"making-the-game-teil-15-spielablauf-und-spielphasen","status":"publish","type":"post","link":"https:\/\/porzelt.net\/en\/making-the-game-teil-15-spielablauf-und-spielphasen","title":{"rendered":"Making The Game \u2013 Teil 15: Spielablauf und Spielphasen"},"content":{"rendered":"<figure id=\"attachment_1043\" style=\"width: 234px\"  class=\"wp-caption alignright\"><a href=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/1.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/1-234x300.png\" alt=\"Gameplay, the user's perspective\" title=\"Gameplay, the user's perspective\" width=\"234\" height=\"300\" class=\"size-medium wp-image-1043\" srcset=\"https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/1-234x300.png 234w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/1-230x294.png 230w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/1-350x448.png 350w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/1.png 443w\" sizes=\"(max-width: 234px) 100vw, 234px\" \/><\/a><figcaption class=\"wp-caption-text\">Gameplay, the user&#8217;s perspective<\/figcaption><\/figure>\n<p>The development of the component of the Games is one of the most elaborate parts of the application. So during the analysis and design phase of the game a flow chart from the players perspective is created (see right).<br \/>\nAfter choosing the ammount of players in the round, the general procedure is explained to them, after which a short intro is played before the question shows up. After the fourth and eighth round of questions a mini-game starts in order to create variety in the game. After the second mini-game the high score is shown and the game is over.<br \/>\n&nbsp;<br \/>\nAs the players point of view is different from the programmers perspective, another chart is used which divides the process \/ the game into eight stages. By this classification it can be determined based on the current phase number, which  part of the game is currently running. After finishing a phase the next is started. By this seperation the application is much like a film which parts run piece by piece on players command.<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\nAfter the selection of the number of players main function game_init() which takes you through the different phases is called.<br \/>\n&nbsp;<br \/>\n<strong>Description of the phases:<\/strong><br \/>\n&nbsp;<\/p>\n<figure id=\"attachment_1045\" style=\"width: 237px\"  class=\"wp-caption alignleft\"><a href=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/2.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/2.png\" alt=\"\u201eON AIR\u201c Logo from the game intro\" title=\"\u201eON AIR\u201c Logo from the game intro\" width=\"237\" height=\"108\" class=\"size-full wp-image-1045\" srcset=\"https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/2.png 237w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/2-230x105.png 230w\" sizes=\"(max-width: 237px) 100vw, 237px\" \/><\/a><figcaption class=\"wp-caption-text\">\u201eON AIR\u201c Logo from the game intro<\/figcaption><\/figure>\n<p><strong>Phase 0:<\/strong><br \/>\nOn the first function-call an external *.swf file is played, in which the user is greeted by the game show host. The number of rounds is increased. And while the greeting-sequence plays the 1st Phase is already being called.<br \/>\n&nbsp;<br \/>\n<strong>Phase 1:<\/strong><br \/>\nIn the first phase, all necessary variables are initialized and reset to its original value, so the round can easily start from scratch.<br \/>\nThis also means that all player levels are reset to level 2, the balances are zeroed out the previous rounds and the list of previously asked questions will be emptied. The reset is done because it is assumed that the players take turns in front of the device and compete in each round with new candidates.<br \/>\nFurthermore, the background and other graphical elements such as the category display and &#8220;Buzzer&#8221; of the player are positioned.<br \/>\n&nbsp;<br \/>\nSince this phase happens during the intro we have to wait until its end before we continue.<br \/>\n&nbsp;<br \/>\n<strong>Phase 2:<\/strong><br \/>\nPhase 2 of the game is the instruction phase. The control of the game and the rules are explained to the player. This is shown graphically a animation of the &#8220;Buzzer&#8221;.<br \/>\nAfter the instruction the game continues to the first actual game phase.<br \/>\n&nbsp;<\/p>\n<figure id=\"attachment_1047\" style=\"width: 300px\"  class=\"wp-caption alignright\"><a href=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/3.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/3-300x187.png\" alt=\"Cutscene before Question 1\" title=\"Cutscene before Question 1\" width=\"300\" height=\"187\" class=\"size-medium wp-image-1047\" srcset=\"https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/3-300x187.png 300w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/3-230x144.png 230w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/3-350x219.png 350w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/3.png 397w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption class=\"wp-caption-text\">Cutscene before Question 1<\/figcaption><\/figure>\n<p><strong>Phase 3:<\/strong><br \/>\nThe third phase of the game is the entry point for each new question asked in the game.<br \/>\nA random question is selected in it while the player sees a slightly funny designed intro-sequence. This includes the number of the current question that the candidate keeps track of how many questions he has already been answered. At the end of the intro to the category of question, and the obtained points are displayed and read aloud.<br \/>\n&nbsp;<br \/>\n<strong>Phase 4:<\/strong><br \/>\nAfter the intro finishes playing and the players know the category, they will be directed to the question. It is either used one of the standard transitions or, if available, the stored audio file in the already mentioned &#8220;Pretalk&#8221; entry in the question database.<br \/>\nFurthermore the question appears in phase 4 and is read. While the question is read, the &#8220;buzzer&#8221; is disabled, so that everyone knows the complete text. Thus is made in this version to prevent players to rush into answering.<br \/>\n&nbsp;<br \/>\n<strong>Phase 5 \/ 6:<\/strong><br \/>\nFrom this point where the four possible answers are displayed, the players have the chance to answer by pressing their &#8220;buzzer&#8221;. If the last answer is read Phase 6 is called which stars a ten-second countdown.<br \/>\nIf the countdown expires, or a player answers the question correctly, the statement read to the correct answer and the points are distributed.<\/p>\n<figure id=\"attachment_1048\" style=\"width: 300px\"  class=\"wp-caption aligncenter\"><a href=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/4.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/cryptedchat.de\/wp-content\/uploads\/2012\/07\/4-300x188.png\" alt=\"Question with four answers\" title=\"Question with four answers\" width=\"300\" height=\"188\" class=\"size-medium wp-image-1048\" srcset=\"https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/4-300x188.png 300w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/4-230x144.png 230w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/4-350x220.png 350w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/4-480x302.png 480w, https:\/\/porzelt.net\/wp-content\/uploads\/2012\/07\/4.png 589w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption class=\"wp-caption-text\">Question with four answers<\/figcaption><\/figure>\n<p>&nbsp;<br \/>\n<strong>Phase 7:<\/strong><br \/>\nThe last phase of the game is the verifier. In it all text fields, that have been animated during the quetion, are returned to their original position and the &#8220;buzzer&#8221; is disabled for all the players again.<br \/>\n&nbsp;<br \/>\nIn addition, it is checked how the game should proceed at this point. Thus, after the fourth and eighth round a mini-game is selected at random to create a change between the question and answer sessions.<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<p>Many games use such phases or loops to control their process. Simple jump-phases at a jump &#8216;n run game or a running countdown use this method. By dividing the application into simple parts the application always knows what has happened, what&#8217;s happening now and which step needs to be done afterwards.<\/p>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n<p>Upcoming blog entries<br \/>\nMaking The Game \u2013 Part 16: Mini-Games<br \/>\nMaking The Game \u2013 Part 17: Evaluation and deployment of the application<br \/>\nMaking The Game \u2013 Part 18: Concept for school use and outlook<\/p>\n<p>&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The development of the component of the Games is one of the most elaborate parts of the application. So during the analysis and design phase of the game a flow chart from the players perspective is created (see right). After choosing the ammount of players in the round, the general procedure is explained to them, after which a short intro is played before the question shows up. After the fourth and eighth round of questions a mini-game starts in order to create variety in the game. After the second mini-game the high score is shown and the game is over. &nbsp; As the players point of view is different from [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1039,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5,7],"tags":[19,20,45,51,52,66,77,80,84,87,90,99,135,143,144,147,156,181,187,191,229,234,271],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts\/1034"}],"collection":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/comments?post=1034"}],"version-history":[{"count":1,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts\/1034\/revisions"}],"predecessor-version":[{"id":1234,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/posts\/1034\/revisions\/1234"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/media\/1039"}],"wp:attachment":[{"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/media?parent=1034"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/categories?post=1034"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/porzelt.net\/en\/wp-json\/wp\/v2\/tags?post=1034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}