Всем привет! В прошлом видео мы добавили контролы и реализовали функцию для покупки товаров в городе. В этом видео мы настроим продажу товаров игрока по цене города в текущий момент. Плюс исправим несколько коварных багов. Есть идеи, что добавить в…
Привет! У нас есть как минимум 3 способа, чтобы конвертировать объект в массив. В массиве есть массив методов. Преобразовав объект в массив, вы получите доступ ко всему этому. Юху! ? Время для истории Древние времена Давным-давно, в далекой галактике, проходиться…
По мере того, как проект растет, управление всем вашим кодом может стать сложным. Скрипты становятся очень большими. Файл нужно скроллить, прыгать из места в место. Скорее всего, вы используете имена для переменных или функций, которые вы уже использовали где-то еще….
Всем привет! localStorage может быть невероятно полезным инструментом при создании приложений, расширений и многого другого. В случаях, когда вы храните что-то небольшое для пользователя, которое не нужно хранить постоянно, localStorage — наш друг. Давайте объединим localStorage с Vue. Упрощенный пример…
Добрый день! Сегодня мы разберем, как преобразовать метод jQuery click() в обычный JS. Что делает метод jQuery click() Метод click() перехватывает нажатие на элементы с совпавшим селектором и выполняет функцию callback, которую мы ему передали. Это очень удобный метод, который…
Все привет! Сегодня мы посмотрим на 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.js 3: Teleport. Зачем нужно? Наиболее частый случай: у нас есть наше vue приложение и есть какое-то модальное окно (которое может не быть компонентом и находиться в отдельной dom-ноде). И, допустим, мы хотим…
Добрый день! Недавно наткнулся на несколько интересных задачек на знание тонкостей JS. Приведу их здесь, попробуйте решить. А если не получится — всегда можно посмотреть результат в консоли браузера. 'b' + 'a' + + 'a' + 'a' (!+[]+[]+![]).length …
Здравствуйте, уважаемые читатели! В продолжении статей про Canvas сегодня хотел бы вам рассказать про WebGL. Чтобы лучше понимать, как мы работаем с WebGL, рекомендую освежить знания по Canvas: основы работы с Canvas основы работы с изображениями WebGL позволяет web-контенту…
Здравствуйте, уважаемые читатели! В сегодняшней статья я хотел немного рассказать про работу с изображениями с помощью Canvas Api. Данная статья является продолжением линейки статей про Canvas. Первая статья здесь: Canvas, основы работы с помощью JavaScript. Естественно, что в Canvas есть…
Добрый день, уважаемые читатели! Читал я на новогодних праздниках книгу: «JavaScript. Шаблоны» Стефан Стоянов (рекомендую) и наткнулся на одну интересную конструкцию для определения, что текущий браузер пользователя именно Internet Explorer. Внимание! Конструкцию ниже лучше не использовать, она приводится лишь для общего кругозора 🙂 …
Здравствуйте, уважаемые читатели! Сегодня продолжаем доделывать нашу игру на canvas. В этот раз статья будет небольшая. Нам осталось доделать совсем немного. Предыдущие статьи из этой серии: Разработка игры на Canvas, часть 1. Начало Разработка игры на Canvas, часть 2. Создание…
Здравствуйте, уважаемые читатели! Продолжаем делать нашу игру на canvas. Осталось уже совсем немного. В этой статье мы рассмотрим следующие моменты: Добавим немного декораций Создадим возможность подбирать стрелы и аптечки Научим наших врагов умирать от наших стрел Создадим простой скрипт усложнения…
Добрый день, уважаемые читатели! Сегодня мы продолжаем писать нашу игру на canvas. И теперь мы переходим к самому интересному — атаке. В данной статье мы сделаем: Анимацию игрока во время атаки Добавим возможность атаковать Добавим сам снаряд, которым атакует игрок Местами…
Добрый день, уважаемые читатели! Сегодня я продолжаю писать свою небольшую игру на canvas. Первая статья находится тут: ссылка. Вторая тут: ссылка. Третья тут: ссылка. Что мы рассмотрим в этой статье? 1. Добавим игроку здоровье 2. Напишем функцию столкновений игрока с молниями…
Добрый день, уважаемые читатели! Сегодня я продолжаю писать свою небольшую игру на canvas. Первая статья находится тут: ссылка. Вторая тут: ссылка. Что мы рассмотрим в этой статье? 1. Создадим молнию 2. Заставим врагов создавать молнию 3. Небольшие изменения в коде/картинке Начали!…
Здравствуйте, уважаемые читатели! Сегодня я нашел способы работы с URL через JavaScript, которые мне показались весьма интересными. Начнем! Работа с URL Например, у нас есть URL: http://alexdev.ru/example/index.html window.location.protocol = "http:" window.location.host = "alexdev.ru" window.location.pathname = "/example/index.html" Полный URL в…
Добрый день, уважаемые читатели! Сегодня я продолжаю писать свою небольшую игру на canvas. Первая статья находится тут: ссылка. Что мы рассмотрим в этой статье? 1. Создание врагов 2. Движение врагов до определенной точки 3. Небольшие изменения в основном коде …
Всем привет! Давно я не писал новых игрушек и вот, придумал! Почему бы не сделать небольшую игрушку на canvas? Сегодня я запускаю цикл статей, где попытаюсь рассказать, как я буду делать новую игру. Начнем с простого, определим, что будем делать….
Добрый день, уважаемые читатели! Сегодня я хочу рассказать немного о создании объектов в JavaScript и о том, как создать массив из объектов. Создание объекта Наиболее часто для создания объекта используют метод, приведенный ниже: var myNewObject = { key1: value1,…
