Разработка игры на React JS #1: Устанавливаем React

Всем привет! Сегодня запускаю серию видео про разработку интерфейсной игры на React JS. Есть идеи, что добавить в игру? Пиши в комментариях! Весь код игры можно будет смотреть на гитхабе: https://github.com/Aleksandr175/react-game Приятного просмотра!

Преобразуем метод jQuery remove() в Vanilla JS

Все привет! Сегодня мы посмотрим на JQuery метод remove() и попробуем его преобразовать к обычному JS.   jQuery remove() метод jQuery’s remove() удаляет все элементы в коллекции из DOM дерева. <p> <button id="save">Save</button> <button id="edit">Edit</button> <button id="cancel">Cancel</button> </p> Вы можете удалить…

Нововведения Vue 3: Teleport. Зачем и как?

Добрый день! Сегодня мы рассмотрим нововведение Vue.js 3: Teleport.   Зачем нужно? Наиболее частый случай: у нас есть наше vue приложение и есть какое-то модальное окно (которое может не быть компонентом и находиться в отдельной dom-ноде). И, допустим, мы хотим…

JS: головоломки

Добрый день! Недавно наткнулся на несколько интересных задачек на знание тонкостей JS.   Приведу их здесь, попробуйте решить. А если не получится — всегда можно посмотреть результат в консоли браузера. 'b' + 'a' + + 'a' + 'a' (!+[]+[]+![]).length  …

Смотрим на WebGL

Здравствуйте, уважаемые читатели! В продолжении статей про Canvas сегодня хотел бы вам рассказать про WebGL. Чтобы лучше понимать, как мы работаем с WebGL, рекомендую освежить знания по Canvas: основы работы с Canvas основы работы с изображениями   WebGL позволяет web-контенту…

Canvas: основы работы с изображениями, спрайты

 Здравствуйте, уважаемые читатели! В сегодняшней статья я хотел немного рассказать про работу с изображениями с помощью Canvas Api. Данная статья является продолжением линейки статей про Canvas. Первая статья здесь: Canvas, основы работы с помощью JavaScript. Естественно, что в Canvas есть…

Определение IE в JavaScript

Добрый день, уважаемые читатели! Читал я на новогодних праздниках книгу: «JavaScript. Шаблоны» Стефан Стоянов (рекомендую) и наткнулся на одну интересную конструкцию для определения, что текущий браузер пользователя именно Internet Explorer. Внимание! Конструкцию ниже лучше не использовать, она приводится лишь для общего кругозора 🙂  …

Разработка игры на Canvas, часть 7. Конец

Здравствуйте, уважаемые читатели! Сегодня продолжаем доделывать нашу игру на canvas. В этот раз статья будет небольшая. Нам осталось доделать совсем немного. Предыдущие статьи из этой серии: Разработка игры на Canvas, часть 1. Начало Разработка игры на Canvas, часть 2. Создание…

Разработка игры на Canvas, часть 6. Смерть врагам

Здравствуйте, уважаемые читатели! Продолжаем делать нашу игру на canvas. Осталось уже совсем немного. В этой статье мы рассмотрим следующие моменты: Добавим немного декораций Создадим возможность подбирать стрелы и аптечки Научим наших врагов умирать от наших стрел Создадим простой скрипт усложнения…

Разработка игры на Canvas, часть 5. Атака

Добрый день, уважаемые читатели! Сегодня мы продолжаем писать нашу игру на canvas. И теперь мы переходим к самому интересному — атаке. В данной статье мы сделаем: Анимацию игрока во время атаки Добавим возможность атаковать Добавим сам снаряд, которым атакует игрок Местами…