К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Apply HTML5 Game Development Concepts with Canvas · LearnSpace
Назад в каталог
courseraПрограммирование

Apply HTML5 Game Development Concepts with Canvas

Курс от EDUCBA
Начальный≈ 8 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Learners will be able to structure modern web pages using HTML5 semantic elements, design responsive layouts for multiple devices, and apply Canvas-based techniques to build interactive games. They will develop skills to implement efficient game logic, manage user input, detect collisions, and control animations using structured rendering cycles. This course helps learners progress from foundational HTML5 and responsive design concepts to hands-on game development using the Canvas API. By working through practical game scenarios, learners gain experience drawing graphical elements, managing game boards, handling movement and scoring logic, and optimizing performance through efficient state representation. The course emphasizes real implementation over theory, enabling learners to understand how individual components come together to form complete, interactive games. What makes this course unique is its structured transition from web layout fundamentals to fully functional game mechanics within a single learning path. Learners benefit by building multiple interactive games while reinforcing core HTML5 concepts, making the course ideal for those seeking applied, project-driven learning in web-based game development.

Навыки, которые вы освоите

JavascriptAnimation and Game DesignHypertext Markup Language (HTML)Responsive Web DesignGame DesignHTML and CSSComputer GraphicsAnimationsEvent-Driven ProgrammingInteractive DesignFrontend PerformanceWeb DesignWeb ApplicationsFront-End Web DevelopmentComputer Graphic TechniquesCascading Style Sheets (CSS)Web DevelopmentVideo Game Development

Программа курса

4 модулей · 36 учебных материалов

01HTML5 Foundations & Responsive Design9 материалов

HTML5 Basics & Responsive Foundations

HTML5 Overview & New ElementsВидеоResponsive Web Design BasicsВидеоHTML5 Basics & Responsive FoundationsЗадание

Responsive Layout Techniques

Responsive Design with Viewport & LayoutsВидео

Учитесь у экспертов

EDUCBA

Преподаватель курса

Apply HTML5 Game Development Concepts with Canvas
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 8 ч

4 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Responsive Design Using CSS GridВидео
Responsive Layout TechniquesЗадание
Applying HTML5 Semantics and Responsive Design DecisionsDIALOGUE
HTML5 Foundations & Responsive DesignЗадание
Structuring and Adapting a Modern HTML5 InterfaceDIALOGUE
02Canvas Setup & Core Game Mechanics9 материалов

Project Setup & Canvas Introduction

Getting the Repo DataВидеоAdding StylingВидеоHTML CanvasВидеоProject Setup & Canvas IntroductionЗадание

Board Design & Game Flow

Drawing the BoardВидеоGame Board Logic & RenderingВидеоGame Flow and Player TurnsВидеоBoard Design & Game FlowЗаданиеCanvas Setup & Core Game MechanicsЗадание
03Game Logic Optimization & Physics7 материалов

Bitmap-Based Game Logic

Bitmap Logic Using BitmaskingВидеоOptimizing Game Logic with BitmapsВидеоBitmap-Based Game LogicЗадание

Game Mechanics & Collision Handling

Game DevelopmentВидеоCollusionВидеоGame Mechanics & Collision HandlingЗаданиеGame Logic Optimization & PhysicsЗадание
04Complete Games & Interactive Features11 материалов

Ping Pong Game Development

Ping Pong DevelopmentВидеоDrawing Net and Score DisplayВидеоBall Movement and Score CalculationВидеоPing Pong Game DevelopmentЗадание

Collect the Square Game Mechanics

Creating Collect the Square GameВидеоCreating Countdown for Collect the SquareВидеоCreating Target for Collect the SquareВидеоColiding Target X and YВидеоCollect the Square Game MechanicsЗаданиеComplete Games & Interactive FeaturesЗаданиеDesigning a Responsive HTML5 Game Interface from Concept to InteractionDIALOGUE