Создание анимации с помощью canvas в JavaScript похоже на покадровую анимацию — вы рисуете картинку, делаете паузу, стираете картинку и затем перерисовываете её в новом месте. Казалось бы, очень много действий, но JS обновляет картинку очень быстро, так что получается плавная анимация. Плавно двигающийся квадрат. По сути, здесь задано две функции, они идентичны, но для…
Возможности JS не ограничиваются работой с текстом и графикой, в этой главе мы рассмотрим возможности работы с графикой. Мы будем использовать элемент canvas, который по своему назначению похож на чистый лист бумаги. Вы можете рисовать на этом холсте все что угодно: чертить линии, контуры, вводить текст — пределы есть только в вашем воображении. Создадим HTML…
В этой статье мы научимся создавать и использовать объекты в рамках объектно-ориентированного программирования. ООП — это способ проектирования и написания кода, когда все важные части программы являются объектами. Например, если вы пишите видеоигру «гонки», вы можете воспользоваться ООП для программирования объекта «машина», а затем создать множество таких объектов с одинаковым набором свойств и одинаковой функциональностью.…
В этой статье мы попробуем применить полученные знания на практике и создадим игру, в которой вам предстоит найти спрятанное сокровище на карте. При этом необходимо давать подсказки, насколько далеко находится сокровище от того места, где вы сделали клик мышкой. Создаем HTML-страницу с кодом. Это основа для разработки нашего дальнейшего кода в теге <script>. Это будет…
В этой статье мы рассмотрим различные способы управления тем, когда именно выполняется наш код. Отложенное выполнение кода и setTimeout В JS можно вызывать функцию спустя какое-то время, а не сразу. Для этого есть функция setTimeout. Следующий пример показывает, как открыть диалог alert через setTimeout Всплывающее окно появляется не сразу, а с задержкой в 3 секунды.…
Доброе утро, сегодня за 45 минут вам предстоит создать и представить ряд небольших проектов, основанных на принципах работы схемотехники и элементах электрической сети. Вашему вниманию представлены 6 проектов, с которыми вы можете ознакомиться здесь (ссылка на папку с заданиями) Два триггера Дешифратор двоичного кода Игра «Кто быстрее» Полицейская мигалка Самая маленькая ячейка памяти Сдвиговый регистр Вам…
Данное упражнение посвящено работе с функциями. Математические расчеты. Создайте две функции add и multiply, пусть каждая принимает по два аргумента. Функция add должна складывать аргументы, multiply — перемножать аргументы. При помощи функций вычислите следующее выражение 37832*657 +872 Проверить, совпадают ли массивы. Например myArray ([1,2,3],[4,5,6]); false Написать функцию нахождения наибольшего общего делителя двух чисел.
Функции — это механизм для многократного использования части кода. Они позволяют запускать один и тот же код из разных частей программы без необходимости его копировать. Мы уже пользовались готовыми функциями: Math.random, Math.floor, alert, prompt и confirm. В этой статье мы научимся создавать свои функции. Давайте создадим функцию, которая печатает фразу «Привет, мир!». Чтобы вызвать функцию —…
Вам предстоит создать свой второй проект на языке JavaScript. На этот раз вам предстоит создать игру на угадывание слов. Все просто, один игрок слово загадывает, второй пытается его отгадать называя поочередно буквы в слове. Если он угадывает, то буквы появляются на экране вместо знаков _ _ _ _ _ _ _ _. Разработку игры мы…
В предыдущих статьях мы разобрали базовые элементы для работы с условиями и циклами. Теперь попробуем попрактиковаться в написании кода и решить следующие задачи. Прекрасные животные Напишите цикл for, который изменяет массив животных, делая их прекрасными! Например, есть следующий массив: к каждому элементу массива должно быть добавлено «-прекрасное животное». Чтобы получилось Кот — прекрасное животное и…