• Thursday , 9 April 2020

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

Code Canyon



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

3d Ocean

Related Posts

23 Comments

  1. Waldo Waddles // Minecraft
    February 25, 2020 at 18:05

    Really nice tutorial! You explain things really well

  2. Fin Maps
    February 25, 2020 at 18:05

    Äh tee äm äl fife (HTML) I had to turn off the sounds cuz ur voice is annoying m8 deez nuts m78 1v1 n00b

  3. Avarice
    February 25, 2020 at 18:05

    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>

  4. Rehannah Baptiste
    February 25, 2020 at 18:05

    I'm gonna try to follow your videos and see if I can make anything 😅

  5. Mii Maker
    February 25, 2020 at 18:05

    Flash is easier! It is dying.

  6. Anry L. Studios
    February 25, 2020 at 18:05

    Whenever you do something right: I'M A MASTER CODER

  7. Hoda Pro
    February 25, 2020 at 18:05

    does this video or this series will help me to make an fighting game that i can improve the player with it ?

  8. josh Noni
    February 25, 2020 at 18:05

    please how do i store the game values in a db such as mongoDB after each game

  9. YouTube user
    February 25, 2020 at 18:05

    Sorry but php is also there

  10. Alex Stott
    February 25, 2020 at 18:05

    Stop hating on him, he is going out of his way to teach you programming, he aint your mom

  11. ohPLOX
    February 25, 2020 at 18:05

    >plays video @0.25x speed lol

  12. JR Espuny
    February 25, 2020 at 18:05

    Great tutorial, but next time stick to just teaching game programming, no need to teach the basics of how javascript works

  13. Stuart Lightfoot
    February 25, 2020 at 18:05

    Super thorough! Nicely done.

  14. igre.games
    February 25, 2020 at 18:05

    play html5 games https://bit.ly/2Lb6POZ

  15. The Carpenter Show
    February 25, 2020 at 18:05

    do you suggest creating a single player game first then adding on multiplayer functionality?

  16. Cyplex
    February 25, 2020 at 18:05

    ash-tee-emm-elle

  17. avi12
    February 25, 2020 at 18:05

    I gotta say, you don't explain functions very well. And if you want to teach JS, you need to explain everything the best.

  18. avi12
    February 25, 2020 at 18:05

    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).

  19. Matiur Rahman
    February 25, 2020 at 18:05

    Really great! 🙂 thanks bro.

  20. x Pancake Guy x
    February 25, 2020 at 18:05

    your english is as good as my ashtmel programmation!

  21. Canyon_lake_guy
    February 25, 2020 at 18:05

    the way he says "java script" is literally 100% the coolest way anyone could ever say the words "Java script"

  22. Jhin
    February 25, 2020 at 18:05

    Defines the function after calling it. Says it won`t change anything

  23. Amazing Guys
    February 25, 2020 at 18:05

    programmation LOL

Leave A Comment

You must be logged in to post a comment.