Announcement

Collapse
No announcement yet.

MWG - The E-Zine

Collapse

Building browser games has never been easier, your top source for browser game development, Helping You Create The Game of Your Dreams! Make games in flash, java, php and more

  • Filter
  • Time
  • Show
Clear All
new posts

  • How google docs / excel can help to create your content

    How google docs / excel can help to create your content

    As I always said, a game without content is not a good game. But game content varies, from relatively simple lists of weapons to a full story. Yet even doing a list of weapon, foods or others it can be frustrating. Why? because, you need to have a good number of entries, with some text, stats, prices, and all that which are related to each others. Example, if I can buy a wood stick for 100$ why should be able to buy a gun for 10$? Either your game is really odd and the wood stick is more important than the gun, or you use a different kind of currency system where less means more, or... it's simply wrong. Of course having only a wood stick and a gun in your list, you w...
    See more | Go to post

  • Keeping Players Active on Your Game

    Keeping Players Active on Your Game

    Keeping players active is a difficult task, you can advertise and bring in lots of new members but that is pointless if they leave after a couple of weeks or you loose your long time members making your game play a weak experience.
    Research suggests that there are similarities in our behavior and the behavior of other animals, and using this research they have managed to look into how various environments affect them. Although this research wasn't originally designed for video games, such research can still be used in it as the principals are the same.


    Behavioural and Psychological Based Gameplay In gameplay, behavioural and psychological results are important in order to ke...
    See more | Go to post

  • Helpful Links.

    Helpful Links.

    -Removed, may be back.
    See more | Go to post

  • Make your game worth playing.

    Make your game worth playing.

    How to make your game worth playing? Introduction...

    This is simple to answer, but can become complex to put into a game, especially one which is out of pre-production, but can be done. Basically, you are trying to target an audience by primarily offering fun, but how does that differ from anything else on the Internet in the same genre as you? Simple. It doesn't. And fun is so vague, how can you cater for that person in particular, when you are offering the same thing to a wide audience? You can't.

    The uses and gratification theory targets a wide audience as well as the individuals - at the same time. This theory basically states function to target...
    See more | Go to post

  • From theory to a game

    From theory to a game

    Until now I explained how you should first think about your game, write documentation, and only then start checking about the code / engine. It may seems stupid at first that you should start by describing on paper or on a file what you want to do, but believe it is useful. As you may not have really a full picture of the process, I will here do with you all those steps from idea, design and coding of a simple game everyone of us played at least once in the life: an hangman.

    Yet to teach also something on the side, I will use UML (a standard for programing design) for the game flow and use Javascript to realize the game itself. Using Javascript as the advantage that anyone with a browser and a text editor is able to code and see the result (without any additional tool) and will provide also some information about how Javascript works and how it can be used.

    So to have an hangman running what is needed? Or what is an hangman? Even for something that simple you need to clarify your mind to be able to code it later on.

    An hangman is a game where somebody (in this case the computer) pick up a word randomly and let the player guess it. Only a limited number of trials is allowed until the game is lost. Yet instead of guessing randomly, the player ask if a letter is part of the word, if yes the computer will say where this letter is (if any), or say it is not containted by the word. Once all letters have been found and therefore the word guessed, the player win.



    Here you see the a UML diagram for the game, balloons are the different "activity" or code to do, and the diamond shape are "if" conditions. It needs to be readed from top to bottom and follow the arrows

    As you see even for such a small game you end up with a diagram which is not that small you may wonder then how it will look like for bigger projects, actually the level of details of your diagram depends on the complexity of your project you start with a very rough diagram and if something need to be more detailed as it's not clear then you make futher diagrams which describe more in detail this part. Diagrams must clarify things not make it harder to understand so think about how much you put in your diagrams!

    Let's try to code the first step which should pick a random word:

    :
    <html>
    <head><title>Simple Javascript hangman</title></head>
    <body>
    <span id='word'></span>
    
    <input type='button' onclick='getWord()' value='Generate word' />
    <script>
    var words=['computer','telephone','screen','bunny','octopus','fishbone','diagram',
    'definition','illustration','magazine','helicopter',
    'airship','balloon','glider','turbine','development'];
    function getWord()
    {
     var w=Math.floor(Math.random()*words.length);
     document.getElementById('word').innerHTML=words[w];
    }
    </script>
    </body>
    For those not knowing Javascript, Javascript is a language which is NOT releated to Java, and runs purely on the browser. Which means the source of your code is transfered to the browser which makes it possible for everyone to read it / copy it and even modify it. There is some tricks to make it harder to read, but still the code will be sent to the browser. In our case I decided for simplicity to include the script within the HTML itself even if you can split the 2. To define Javascript blocks you simply open the <script> tag put whatever you want there and close the tag when you are done. This is the short form of it, where you do have more strict forms if you want to be more... standard.

    This first script will simply pick a random name every time you press the "Generate word" button. To do so, the script have a "dictionary" of possible words stored in the "words" variable (line 8). With the keyword var, Javascript define a variable. You can in most case drop this keyword and it will work as well. The [ character after the equal sign define an array definition and is actually the JSon form for data definition. You may define your array differently but this one is one of the shortest form.

    On line 12 you see a "function getWord()" which defines the function getWord. This function can be then used anywhere in the page and also by other scripts within the same page.

    Line 14 pick up a random number to choose a word within our dictionary of words.

    Line 15 recover from our HTML page the span tag called with the ID word and put as content inside the word out of our dictionary. This modification of the page is the first step of any dynamic HTML as you see that you can modify the page even after the page has been loaded. Ajax sites and others do all work by modifying the DOM (document object model) which is nothing else as the page itself, exactly like we do here in this example. However the modifications can be done in different ways, for example by adding new tags to the page or changing bigger blocks and not only by modiying the innerHTML of an element.

    Displaying the "work" area:
    It's time to implement the second step of our diagram which should show how many characters instead of displaying the word. Which means, the code need to pickup a random word, and show the place holders for the letters.

    :
    <html>
    <head><title>Simple Javascript hangman</title></head>
    <body>
    Word to guess: <span id='word'></span><br/>
    
    <input type='button' onclick='getWord()' value='Generate word' />
    <script>
    var words=['computer','telephone','screen','bunny','octopus','fishbone','diagram',
    'definition','illustration','magazine','helicopter',
    'airship','balloon','glider','turbine','development'];
    var myWord="";
    var wordDisplay="";
    function getWord()
    {
     var w=Math.floor(Math.random()*words.length);
     myWord=words[w];
     wordDisplay="";
     for(var i=0;i < myWord.length;i++)
     {
      if(wordDisplay != "")
       wordDisplay+="&nbsp;";
      wordDisplay+="";
     }
     document.getElementById('word').innerHTML=wordDisplay;
    }
    </script>
    </body>
    The modifications with the previous version are not big, beside that now we do generate a string containing underscores and "spaces" and we display that one.

    Next step initialize the number of possible faults.

    :
    Simple Javascript hangman
    
    Possible faults: 
    Word to guess: 
    
    
    
    var words=['computer','telephone','screen','bunny','octopus','fishbone','diagram',
    'definition','illustration','magazine','helicopter',
    'airship','balloon','glider','turbine','development'];
    var myWord="";
    var wordDisplay="";
    var faults=7;
    function init()
    {
     var w=Math.floor(Math.random()*words.length);
     myWord=words[w];
     wordDisplay="";
     faults=7;
     for(var i=0;i < myWord.length;i++)
     {
      if(wordDisplay != "")
       wordDisplay+=" ";
      wordDisplay+="";
     }
     document.getElementById('word').innerHTML=wordDisplay; 
     document.getElementById('faults').innerHTML=faults;
    }
    init();
    ...
    See more | Go to post

  • An idea is not all

    An idea is not all

    Many people just start with a simple idea like "I will make a game, mainly like XYZ and I will get rich". Ooops, sorry, but when I hear that I get scared already. Why do I get scared? Well simply because of the last point. If you expect to get rich simply by running a game, without loads of work under, you will NEVER succeed. I never saw any game which was a simply "install that script" which even worked. Sorry, but having 10 players online in the best case is not a success.

    So first maybe you should read "Checklist for your game development" and try to define a bit better your idea. Let's assume now that your a...
    See more | Go to post

  • Checklist for your game development

    Checklist for your game development

    Many people do start simply by downloading / purchasing a pre-made game or a game engine which could be more or less sophisticated, upload it, change the name, and in the best cases change some of the templates to something a bit more custom. One this done, they consider their game up for being played. When I see this kind of behavior I must admit I'm doubtful. Why? Simply because what will this game have to offer beside a script which could be found somewhere else? Their owner initially may not even know what will be the story beside "it will be a mafia / gang game", and may not even have the skills to modify any of the files. How could they be now successful? The goal of this article...
    See more | Go to post

  • Tools to develop your web game

    Tools to develop your web game

    There is a lot of different ways to develop an application / game for the web. I will not make here a complete list as it is nearly impossible however I would like to show that there is many different possibilities each with their own pro and cons.

    PHP
    PHP is a language which has been developed with the goal to design dynamic web pages. Its syntax follow perl and C (with an odd mix). PHP is free to use and can be found nearly for any kind of platform (windows, mac, linux etc...). If you want to start with it, I would suggest to look at http://www.apachefriends.org/en/xampp.html. Main advantages are that you need only a text editor and the PHP installation of your choice. Also there ...
    See more | Go to post

  • So, you want to own a game?

    So, you want to own a game?

    A good idea indeed! I would actively encourage it, as it will make you learn a lot of things in a lot of different areas. However, before attempting to pick a game engine, or to start coding your own, you should consider a few things:
    1. What do YOU like as a game (e.g. rpg, strategy, adventure, puzzle, sport, etc...)
    2. You should try to setup some background to your game, like a story to introduce, some story your players may live through during the game.
    3. You should also decide how your players will
    ...
    See more | Go to post

  • The joys and the problems of being a game owner / admin

    The joys and the problems of being a game owner / admin

    For new players in the field, and especially for young people, having your own game seems a real achievement and look like something fun. In this article I want to talk about my own experience and point out the good and the bad side of it. I personally started my own experience as game owner / creator after playing a web game and being unsatisfied by the lack of depth of the game world. I then started to think how a real game world, like those of the old 2d RPG, could be implemented, and slowly started to build it. Now after more than 4...
    See more | Go to post
There are no articles in this category.
  • Filter
  • Time
  • Show
Clear All
new posts
Please log in to your account to view your subscribed posts.

Categories

Collapse

Article Tags

Collapse

Latest Articles

Collapse

  • Profiling your software
    a_bertrand
    I thought it could be interesting to continue a discussion with Spudinski about how useful a profiler is, but instead of just having a "yes / no" discussion I thought I would first try to explain
    09-05-2012, 02:16 PM
  • How google docs / excel can help to create your content
    a_bertrand
    As I always said, a game without content is not a good game. But game content varies, from relatively simple lists of weapons to a full story. Yet even doing a list of weapon, foods or others it can be frustrating. Why? because, you need to have a good number of entries, with some text, stats, prices, and all that which are related to each others. Example, if I can buy a wood stick for 100$ why should be able to buy a gun for 10$? Either your game is really odd and the wood stick is more important than the gun, or you use a different kind of currency system where less means more, or... it's simply wrong. Of course having only a wood stick and a gun in your list, you w...
    08-21-2012, 12:01 PM
  • Keeping Players Active on Your Game
    Octet
    Keeping players active is a difficult task, you can advertise and bring in lots of new members but that is pointless if they leave after a couple of weeks or you loose your long time members making your game play a weak experience.
    Research suggests that there are similarities in our behavior and the behavior of other animals, and using this research they have managed to look into how various environments affect them. Although this research wasn't originally designed for video games, such research can still be used in it as the principals are the same.


    Behavioural and Psychological Based Gameplay In gameplay, behavioural and psychological results are important in order to ke...
    07-10-2012, 08:22 AM
  • Helpful Links.
    Djkanna
    -Removed, may be back.
    02-07-2012, 02:59 PM
  • Introduction to 3D modeling
    a_bertrand
    Creating 3D art / graphic is not a single task but instead a succession of different tasks which could be handled by different teams in big studio.However when you do it as hobby or as freelancer, you usually end up by doing all by yourself. The different tasks / steps could be described here in this short list: - Modeling - Sculpting (optional) - Texturing - Rigging / Setup (mainly for animation purpose) - Lighting - Animating (only for animation purpose) - Rendering In this first tutorial we will approach a software from the first steps to see what you get on the screen, and how you could solve the problem of creating an object within those software. I will use personally Modo 501 to create the art, but the same process could be archived with Blender, Lightwave or whatever other software you want to use. Therefore I will not talk about shortcuts, but instead generic ways to approach the problem. The first difficulty while starting with 3D modeling, ...
    12-13-2011, 10:43 AM
  • PHP Tutorial, In-depth (Part 1)
    InternalExpertCoding
    Okay, So let's get started on just some basics.

    Input: Any Data the computer collects from user's or device's
    Output: Any Data the Computer,Program,Script Produces or Visually Shows to User's

    ASCII "askee": Developed sometime in the early 1960's. The ASCII Character Set defines codes for 128 characters. (Will Post them all at the end of the segment).

    Therefore, In the early 1990's, Something called Unicode was developed.

    Unicode: Encoding scheme that is compatible with the ASCII Character set, But Unicode represents every character in any programming languages to this date. Unicode is now the "standard" character set used today.

    PHP: A High Leveled Language:
    There are many high-leveled languages out there. From, C,C++,And even Javascript.
    Each high-leveled language has its own set o words a programmer must learn before using the language.
    These are known as reserved words or key words.
    Every key word, or reserved word has a specific meaning to it, And CANNOT, I repeat CANNOT be used as anything other than what it is defined for.

    Some other things that high-leveled languages have are:
    Operators
    Syntax
    Punctuation
    Statements
    And many others.

    Operators perform various operations through data. Such as Algorithms.
    Or, math operations. Such as ( 2*2 = 4)

    Syntax, Now, This is a big one.
    Syntax is a set of rules that are meant to be strictly followed when developing a script.
    So, What does the Syntax rules do?
    Well, Generally, They dictate how key words,operators, and punctuation characters should be used in a program.
    Learning the Syntax of the language is the FIRST step in learning the language of your choice.

    Statements are simply instructions that are used when writing a script. This can consist of the following:
    Key Words, Operators, Punctuation, and Other Allowable programming elements.
    In which, They must be arranged in the correct sequence to perform the operation properly.
    The statements that a programmer writes are called source code, or for simple, code.

    So, per say you have written a statement. consisting of: Statements
    :
    This above code will give you a syntax error.
    Which is simply a mistake in the source code, showing an error on the designated page.

    :
    Would not give an error. As an "echo statement", Is 1 of two corre...
    05-28-2011, 04:24 AM
Working...
X