Создание 2D-карт на HTML5 Canvas

Уровень 0 · материалов: 3

В кластер входят документы по созданию 2D-карт с помощью HTML5 Canvas и JavaScript, но не входят руководства по использованию движка Unity.

Общие признаки: HTML5 Canvas API, рендеринг плиточных карт (tile-based maps), обучение разработке 2D-графики, использование JavaScript

Группа выше: Разработка 2D-игр

Материалы

• #15752 — Creating a Tank Game with JavaScript and Canvas — Представитель этого кластера

  Верхом на танке — Часть 1 — Поле боя — shpaker

  Смысл: The text is a technical tutorial aimed at teaching beginners how to set up the basic visual architecture of a 2D game using JavaScript and HTML5 Canvas, specifically focusing on tile-based map rendering.

  A beginner-friendly guide to setting up a 'Battle City' style tank game using JavaScript and HTML5 Canvas, focusing on creating a tile-based map.

• #34023 — Working with Images in HTML5 Canvas

  HTML5 CANVAS шаг за шагом: Изображения — shpaker

  Смысл: The text is a practical educational guide designed to teach developers how to use the HTML5 Canvas API to render, scale, and crop images, culminating in a demonstration of tile-based map creation.

  A technical tutorial explaining how to use the drawImage function in HTML5 Canvas to display, resize, and crop images, including a practical example of building a tile-based map.

• #11524 — Basics of HTML5 Canvas for Beginners

  CANVAS шаг за шагом: Основы — shpaker

  Смысл: The main idea is to provide a beginner-friendly, practical entry point into using the HTML5 Canvas API for 2D graphics. It emphasizes learning by doing, transitioning from simple shapes to a complex game-level recreation.

  A step-by-step tutorial on the fundamentals of HTML5 Canvas and JavaScript, covering shapes, paths, curves, colors, and a practical game-level implementation.