{"id":130,"date":"2015-12-15T10:58:44","date_gmt":"2015-12-15T09:58:44","guid":{"rendered":"http:\/\/davikingcode.com\/blog\/?p=130"},"modified":"2015-12-22T09:39:25","modified_gmt":"2015-12-22T08:39:25","slug":"en-route-making-an-old-school-point-n-click-game","status":"publish","type":"post","link":"https:\/\/davikingcode.com\/blog\/en-route-making-an-old-school-point-n-click-game\/","title":{"rendered":"En Route, making an old school point &#8216;n click game"},"content":{"rendered":"<p>En Route, or <em>on the way<\/em> in english, is a new game offered by l&#8217;<a href=\"http:\/\/www.ville-en-mouvement.com\/\" target=\"_blank\">Institut pour la Ville en Mouvement<\/a> (Institute for Moving City) and developed by <a href=\"http:\/\/dowino.com\" target=\"_blank\">Dowino<\/a>.<br \/>\nEn Route is the first video game learning mobility! A game that combines educational objectives at such crazy situations as realistic. It&#8217;s a game to understand his daily commute otherwise, to learn how to move in a complex urban space, to live a new experience of urban travel, to develop the personal skills of mobility with the means at hand, to expand its range of actions to defuse the sensations of panic and urgency, to overcome maze or ghetto feelings, to facilitate the learning mobility for adults in positions social and economic fragility&#8230;<\/p>\n<p>The game is presented as an old school point &#8216;n click game. There are scenes, dialogs with multiple answers, interactive objects and even an inventory!<\/p>\n<p>Available as a mobile application, desktop application and on the web thanks to Adobe AIR &#038; Flash Player technologies, the game is not public because you need to register via an organization.<\/p>\n<p><a href=\"http:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/en-route-actions.png\" rel=\"attachment wp-att-132\"><img loading=\"lazy\" src=\"http:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/en-route-actions-1024x382.png\" alt=\"en-route-actions\" width=\"660\" height=\"246\" class=\"alignnone size-large wp-image-132\" srcset=\"https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/en-route-actions-1024x382.png 1024w, https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/en-route-actions-300x112.png 300w, https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/en-route-actions-768x287.png 768w, https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/en-route-actions.png 1316w\" sizes=\"(max-width: 660px) 100vw, 660px\" \/><\/a><br \/>\n<!--more--><\/p>\n<p><strong>Point &#8216;n click engine<\/strong><br \/>\nWhen I started the project, something was clear: there would be 5 missions and without a tool to make them it would be very long&#8230; Thanks to an engine, if we have two or ten missions it wouldn&#8217;t change lots of things for the programmer. Even better a bug corrected on a mission will be applied for all the others.<br \/>\nSo we started looking tools for telling interactive &#038; nonlinear stories. Quickly I came across <a href=\"http:\/\/twinery.org\/\" target=\"_blank\">Twine<\/a>. At first glance it sounded like the perfect tool, but I was quickly disappointed by its lack of features &#038; extensibility. Ok we could add variables and so emphasize choices, but how to represent a point &#8216;n click game or even playing sound on a specific dialog? We&#8217;d to make a custom tool or even better hijack an existing one.<\/p>\n<p><strong>yEd Graph Editor<\/strong><br \/>\n<a href=\"http:\/\/www.yworks.com\/products\/yed\" target=\"_blank\">yEd<\/a> supports a wide variety of diagram types. In addition to the BPMN Diagrams, Family Trees, Semantic Networks, Social Networks, UML Class Diagrams types, yEd also supports organization charts, mind maps, swimlane diagrams, Entity Relationship diagrams, and many more. Nothing really ready for a point &#8216;n click game, right? Hey, we didn&#8217;t say that will be easy, but thanks to a diagram tool we&#8217;re able to define our digram for making the game! And above all, this is a tool that everyone will use: the screenwriter, the programmer, and even the sound &#038; graphic designers!<br \/>\n<a href=\"http:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-1.jpg\" rel=\"attachment wp-att-139\"><img loading=\"lazy\" src=\"http:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-1-149x300.jpg\" alt=\"ivm-1\" width=\"149\" height=\"300\" class=\"alignleft size-medium wp-image-139\" srcset=\"https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-1-149x300.jpg 149w, https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-1.jpg 261w\" sizes=\"(max-width: 149px) 100vw, 149px\" \/><\/a><a href=\"http:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-2.jpg\" rel=\"attachment wp-att-140\"><img loading=\"lazy\" src=\"http:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-2-300x211.jpg\" alt=\"ivm-2\" width=\"300\" height=\"211\" class=\"alignleft size-medium wp-image-140\" srcset=\"https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-2-300x211.jpg 300w, https:\/\/davikingcode.com\/blog\/wp-content\/uploads\/2015\/12\/ivm-2.jpg 722w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p style=\"clear: left;\"><strong>Vector Graphics<\/strong><br \/>\nFor this project, the Artistic Direction enables using vector graphics, so why not using them directly? It will save ton of disk space &#038; bandwidth! It was time to test again <a href=\"http:\/\/www.autodesk.com\/products\/scaleform\/\" target=\"_blank\">Scaleform<\/a>. Unfortunately the <a href=\"http:\/\/gameware.autodesk.com\/scaleform\/public\/downloads\" target=\"_blank\">mobile SDKs<\/a> hasn&#8217;t been updated since a while and the issues on the <a href=\"http:\/\/forums.autodesk.com\/t5\/scaleform-mobile-development\/bd-p\/area-b191\" target=\"_blank\">forum<\/a> concerning latest mobile version OS don&#8217;t turn in favor of Scaleform. The performances are good but no JSON support, nor <a href=\"http:\/\/www.silexlabs.org\/amfphp\/\" target=\"_blank\">Amfphp<\/a> (we made a Back Office for managing organizations &#038; players and watching stats)&#8230; we stay on Adobe AIR and the CPU mode did the job!<\/p>\n<p><strong>Flash Player future?<\/strong><br \/>\nAdobe AIR is an excellent mobile framework, and Flash Player has been a top one for the web since a while but we won&#8217;t close our eyes, I&#8217;m not sure that Flash Player will still be used in 2-3 years. At the moment I&#8217;m evaluating which other technology could have made En Route. Unity Web Player is banished from Chrome and its WebGL renderer isn&#8217;t production ready at all. Currently I&#8217;m looking at LibGBX, MonoGame, OpenFL &#038; Luxe for a future (small) cross platform competitor to AIR &#038; Flash Player. Unfortunately something is sure: once the web will get rid of the Flash Player, graphics vector for games would never have been so far and that&#8217;s truly sad.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En Route, or on the way in english, is a new game offered by l&#8217;Institut pour la Ville en Mouvement (Institute for Moving City) and developed by Dowino. En Route is the first video game learning mobility! A game that combines educational objectives at such crazy situations as realistic. It&#8217;s a game to understand his &hellip; <a href=\"https:\/\/davikingcode.com\/blog\/en-route-making-an-old-school-point-n-click-game\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">En Route, making an old school point &#8216;n click game<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_discordance_state":"","_discordance_checked":true},"categories":[4],"tags":[8,13,12,11,7],"_links":{"self":[{"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/posts\/130"}],"collection":[{"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":22,"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/posts\/130\/revisions"}],"predecessor-version":[{"id":155,"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/posts\/130\/revisions\/155"}],"wp:attachment":[{"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/categories?post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davikingcode.com\/blog\/wp-json\/wp\/v2\/tags?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}