Monday, September 5, 2016

CARGO Project - Project structure

Here begins a series of posts describing the process of creating the game both technically and creatively.
I do not pretend to say that the structure of this project is the best for the kind of game that I made but I would only describe as I have done.
Advice and constructive suggestions are indeed necessary I agree.
I made this game in HTML and Javascript, thinking immediately to incorporate them into a web app Android.

    So the whole game except for some small details can run on any modern browser.
    Specifically, I used Chrome.



    The HTML page it is really minimal:

    <!DOCTYPE html>
    <html lang="en">
    <head>
         <meta charset="utf-8">
         <meta name="game" content="myGame">
         <meta name="fpwing" content="fpwing">
    </head>
    <body id='mybody' style='background-color:#000000;opacity:1'>
    <img id='backImg' style='position:fixed;top:0%;left:0%;width:100%;height:88%;z-index:60;'/>

    <div id="collectedObjs" style='position:absolute;top:88%;left:0%;height:12%;
                           width:100%;opacity:1;color:Black;z-index:60;background-color:#000000;' >
                    </div>

    <div id='msgPopUp' style='position:absolute;top:0%;left:0%;height:15%;width:90%
                           ;opacity:1;z-index:100;'>
                    </div>
    </body>
    <script type="text/javascript" charset="utf-8" src="js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/index1.js"></script>
    </html>

    There are references to js libraries and the main project tag on which the whole game is played.

    In the next post we will see the javascript code and I will try to describe in simple terms the functioning of the basic game mechanics as the protagonist movement and the objects collection and interaction with  the scene.

    The free project that contains the first chapter can be downloaded from the Play store at this address



     CARGO Google Play












    No comments:

    Post a Comment