Ep1: How to Make HTML5 Games: Javascript Tutorial for Beginners JS Guide




This series is about making a video game in HTML5. It will cover the basics of Javascript.

If you have any question, feel free to post a comment below or send me a Youtube PM.

Code + Useful Summary: http://pastebin.com/CzNtUr1B

Episode 2: https://www.youtube.com/watch?v=HxyGXumEWB0

SUMMARY:
1. Tools
Google Chrome: https://www.google.com/intl/en/chrome/browser/
Notepad++: http://notepad-plus-plus.org/download/v6.4.2.html
2.HTML5 Introduction (HTML CSS JS Browser)
3. Key Points
3.1 Canvas
3.2 Variables (Number)
3.3 Functions
3.4 Debugger
3.5 Interval
3.6 Condition

Original source


23 responses to “Ep1: How to Make HTML5 Games: Javascript Tutorial for Beginners JS Guide”

  1. Why is my script not working?
    <!DOCTYPE html>

    <html>

    <head>

    <body>

    <canvas id="idx" width="500" height="500" style="border:1px solid #000000";></canvas>

    <script>

    var idx = document.getElementById("idx").getContext("2d");

    ctx.fillText('Hello',50,50);

    </script>

    </body>

    </head>

    </html>

  2. 1:15 I believe you're wrong. HTML5 is simply the next version after the HTML lineup, which its previous latest version was XHTML 1.1.
    Independently, there is as of today CSS3, which is obviously tightly linked to HTML elements.
    And JS can be independent but is the most useful when it comes to contact with HTML elements and also modify their CSS properties.
    And JS is the language that evolves the fastest, which since 2015 – the ECMA group releases a new specification to JS every end of year or beginning of new year (so in 2018, the latest available specification is ECMAScript 2017, a.k.a ES2017).

Leave a Reply