Setup Menus in Admin Panel

Create HTML5 games using the HTML5 Canvas to play in all current desktop and mobile browsers.

Course Instructor
Duration

6 hours, 9 minutes

Last updated

February 5, 2024

5
Students

11

£19.99 inc. VAT

More about the course

Discover how to craft HTML5 Games compatible with a wide range of devices through the expertise of someone with two decades of experience in casual game development. This comprehensive course centers around the fundamental skill of presenting content on a Canvas using JavaScript. Embracing the cutting-edge ES6 version of JavaScript, you not only delve into game development intricacies but also stay abreast of the latest JavaScript syntax.
Embark on this instructional journey by mastering the basics of placing individual images on a Canvas. Progress seamlessly to the realm of sprites, where you'll systematically build a sprite library at your disposal for integration into your own game projects. This dynamic library empowers you to showcase frame-animated sprites, enabling the creation of captivating flip-book-style sequences for characters engaged in activities such as walking, running, and beyond.
Feel liberated in your creative pursuits – all code provided in the course is open for use in your personal game projects. Abundant assets and code examples enrich the learning experience, serving as valuable resources that you are encouraged to incorporate into your own games. As a student of this course, you gain exclusive access to an online tool designed for crafting spritesheets and animations, further enhancing your ability to bring your game ideas to life with ease and efficiency.
Upon finishing this course, you'll be well-equipped to embark on the development of any 2D game. The curriculum assumes only a foundational understanding of HTML and JavaScript, guiding you through each concept with illustrative examples that you can experiment with. All ideas are meticulously explained, accompanied by accessible resources that you can seamlessly integrate into your own game projects. This course ensures that you not only gain proficiency but also the confidence to independently create and innovate in the realm of 2D game development.

You will have the following skills after completing this course:

  • Create stunning games that will run in most modern browsers, desktop and mobile.
  • Understand how to approach a complex interactive game for a client.
  • Understand how to approach multi-player games using web sockets.
  • How to add the bells and whistles to your game that make it stand out in the market

Who will benefit from this course?

The "HTML5 Game Development: Beginner to Pro" course is likely designed for individuals with varying levels of experience in game development using HTML5 technologies. Here's a breakdown of who may benefit from this course:
  1. Beginners in Game Development: Individuals who are new to game development and want to start with a foundation in HTML5 technologies.
  2. Web Developers: Web developers who want to expand their skill set to include game development using HTML5.
  3. Programmers and Coders: Those with programming or coding experience who are interested in learning how to apply their skills to game development using HTML5.
  4. Students and Enthusiasts: Students studying computer science or related fields who want to explore game development as a hobby or potential career path.
  5. Front-end Developers: Front-end developers who wish to enhance their skills by delving into interactive and dynamic web content creation through game development.
  6. Self-taught Developers: Individuals teaching themselves programming or development and want a structured course to guide them through game development with HTML5.
  7. Anyone Interested in HTML5 Game Development: Enthusiasts and individuals interested in the specific aspects of HTML5 game development, regardless of their background.
The course may cover a range of topics, from basics to more advanced concepts, allowing participants to progress from a beginner to a more proficient level in HTML5 game development. It's essential to review the course curriculum to ensure it aligns with your current skill level and learning objectives.

Why Should You Take This Online Course?

  • Expertly Designed and Delivered by Industry Experts: Developed and delivered by NICHOLAS LEVER -Game developer.
  • Immediate Recognition with an Instant E-Certificate: After finishing our online course, you will receive an instant E-certificate. This certification acknowledges your dedication and successful course completion, allowing you to demonstrate your newly gained knowledge and skills to potential employers, colleagues, or clients. The E-certificate validates your accomplishments immediately, raising your professional standing.
  • Convenient Online Learning Experience: Because our course is entirely online, you may learn at your own pace and convenience. The course materials are accessible from anywhere and anytime, making it ideal for people with hectic schedules. The curriculum is delivered via captivating videos and extensive reading materials, creating a dynamic and interactive learning experience.
  • Self-paced Learning for Maximum Progress: We recognise that everyone has various learning styles and time commitments. As a result, our online course provides self-paced study. You can work through the course materials independently, allowing for a more personalised learning experience. Our course supports your individual learning preferences, whether you like to immerse yourself in the information or take it step by step.
  • Laptop, tablet, and smartphone compatibility: Our online course is device-compatible to improve accessibility. Whether you choose a laptop, tablet, or smartphone, you may easily access and interact with the course contents. This adaptability allows you to learn on the go, incorporating your studies into your everyday routine and maximising your learning possibilities.

Career prospects after completing this course:

Completing an "HTML5 Game Development: Beginner To Pro" course can open up various career prospects in the field of web development and game development. Here are some potential career paths and roles you may consider after completing such a course:
  1. Game Developer: With a solid foundation in HTML5 game development, you can pursue a career as a game developer. You may work on creating web-based games, interactive experiences, or contribute to the gaming industry.
  2. Web Developer: The skills gained in HTML5 game development are transferable to web development. You can work as a web developer, creating dynamic and interactive web applications that go beyond standard websites.
  3. Front-End Developer: Specialising in front-end development, you can create user interfaces and experiences for websites and web applications. HTML5 is a key technology for building responsive and visually appealing front-end solutions.
  4. Full-Stack Developer: If you already have knowledge in back-end development, adding HTML5 game development skills can make you a well-rounded full-stack developer. This versatility is valuable for working on end-to-end development projects.
  5. UI/UX Designer: Understanding HTML5 game development can enhance your skills as a UI/UX designer, enabling you to create engaging and interactive user interfaces for games or applications.
  6. Freelance Developer: You can work as a freelance developer, taking on projects related to HTML5 game development for clients or building your own games to showcase in your portfolio.
  7. Startup Entrepreneur: Armed with skills in HTML5 game development, you might consider starting your own game development startup. This could involve creating original games, interactive experiences, or even developing tools for game developers.
  8. Educator/Trainer: Having mastered HTML5 game development, you could share your knowledge by becoming an educator or trainer, conducting workshops, or creating educational content for aspiring developers.
It's important to continually update your skills and explore related technologies to stay competitive in the ever-evolving tech industry. Additionally, building a strong portfolio showcasing your projects and applying for internships or entry-level positions can help you kickstart your career in your chosen field.

Industry Expert Instructor

Rated Excellent on Trustpilot

Course Content

    • HTML5 Game Development – What are you going to learn 00:02:00
    • HTML5 Game Development – Using Web Server for Chrome 00:04:00
    • HTML5 Game Development – Using GitHub 00:04:00
    • HTML5 Game Development – Setting up a web server on Windows 00:04:00
    • HTML5 Game Development – Setting up a web server on a Mac 00:07:00
    • HTML5 Game Development – Setting up a web server on Linux 00:06:00
    • HTML5 Game Development – Creating, testing and inspecting your test page 00:05:00
    • Showing a single image on a HTML5 canvas 00:14:00
    • Multiple sprites and frame refreshing 00:10:00
    • Multiple sprite states and destroying sprites 00:12:00
    • Getting started with the HTML5 Canvas – Adding interactivity 00:08:00
    • Getting started with the HTML5 Canvas – Using sprite sheets 00:08:00
    • Animating your sprites – Introducing frame animation 00:09:00
    • Animating your sprites – Canvas transforms 00:07:00
    • Adding user interaction to control the sprite 00:04:00
    • Using the AudioContext interface 00:05:00
    • Let’s make a noise – Adding music 00:03:00
    • Adding sound events to a simple game 00:02:00
    • Initialising the collapse game 00:08:00
    • Understanding the different game states and different sprite states. 00:02:00
    • Finding the connected sprites using recursion 00:08:00
    • Updating the game grid, spawning new sprites and handling the drop 00:06:00
    • Introducing the Matter physics engine 00:06:00
    • Adding physics bodies to sprites 00:04:00
    • Adding mouse events to the physics engine 00:08:00
    • Controlling sprite animations with physics 00:05:00
    • How to use the Spritoon app 00:07:00
    • Rigging a character with the Spritoon online app 00:07:00
    • Overview of the Spritoon library 00:08:00
    • Matrices to move, rotate and scale sprites in a parent-child hierarchy 00:05:00
    • Save the bear – navigate a polar bear across melting icebergs 00:07:00
    • Controlling the user character and adding a UI 00:06:00
    • Adding a download progress bar 00:03:00
    • Adding instructions and updating sprite layering 00:06:00
    • Preloading and scrolling a platform game 00:10:00
    • Platformers – Handling the user character 00:06:00
    • Platformers – Collision testing 00:08:00
    • Games where the computer is the opponent – Initialising the reversi game 00:07:00
    • Games where the computer is the opponent – Adding player moves 00:12:00
    • Games where the computer is the opponent – Adding computer moves 00:08:00
    • Card games – Initialising the game 00:08:00
    • Card games – Handling drag and drop 00:11:00
    • Card games – Dealing from the stack 00:04:00
    • Save and load – server-side 00:10:00
    • Save and load – client-side 00:07:00
    • Introducing particle effects 00:06:00
    • Using sprites with the particle effect 00:04:00
    • Adding an emitter and gravity 00:08:00
    • Using global composite operations 00:04:00
    • Adding particle effects to a game 00:03:00
    • Multi-player games – Installing node.js 00:05:00
    • Multi-player games – Handling server-side code 00:06:00
    • Multi-player games – Handling client-side code 00:05:00
    • Professional tools – Adobe Animate 00:10:00
    • Texture Packer and PhysicsEditor 00:03:00
    • Professional tools – Cocos2d Creator 00:07:00
    • Professional tools – Phaser.js 00:07:00
    • Resources 00:00:00
    • Get Your Certificate & Transcript 00:00:00

Course Reviews

© 2024 Course Central | website design & Maintenance by: menulane

Setup Menus in Admin Panel