JavaScript. Проект IV «Пчела»

Создание анимации с помощью canvas в JavaScript похоже на покадровую анимацию — вы рисуете картинку, делаете паузу, стираете картинку и затем перерисовываете её в новом месте. Казалось бы, очень много действий, но JS обновляет картинку очень быстро, так что получается плавная анимация. Плавно двигающийся квадрат. По сути, здесь задано две функции, они идентичны, но для…

JavaScript. Графика

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

JavaScript. Объектно-ориентированное программирование. (ООП)

В этой статье мы научимся создавать и использовать объекты в рамках объектно-ориентированного программирования. ООП — это способ проектирования и написания кода, когда все важные части программы являются объектами.  Например, если вы пишите видеоигру «гонки», вы можете воспользоваться ООП для программирования объекта «машина», а затем создать множество таких объектов с одинаковым набором свойств и одинаковой функциональностью.…

JavaScript. Взаимодействие с пользователем.

В этой статье мы рассмотрим  различные способы управления тем, когда именно выполняется наш код. Отложенное выполнение кода и setTimeout В JS можно вызывать функцию спустя какое-то время, а не сразу. Для этого есть функция setTimeout. Следующий пример показывает, как открыть диалог alert через setTimeout Всплывающее окно появляется не сразу, а с задержкой в 3 секунды.…

JavaScript. Упражнение 2.

Данное упражнение посвящено работе с функциями. Математические расчеты. Создайте две функции add и multiply, пусть каждая принимает по два аргумента. Функция add должна складывать аргументы, multiply — перемножать аргументы. При помощи функций вычислите следующее выражение 37832*657 +872 Проверить, совпадают ли массивы. Например myArray ([1,2,3],[4,5,6]); false Написать функцию нахождения наибольшего общего делителя двух чисел.

JavaScript. Функции.

Функции — это механизм для многократного использования части кода. Они позволяют запускать один и тот же код из разных частей программы без необходимости его копировать. Мы уже пользовались готовыми функциями: Math.random, Math.floor, alert, prompt и confirm. В этой статье мы научимся создавать свои функции. Давайте создадим функцию, которая печатает фразу «Привет, мир!». Чтобы вызвать функцию —…

JavaScript. Игра «Угадай слово». Проект II

Вам предстоит создать свой второй проект на языке JavaScript. На этот раз вам предстоит создать игру на угадывание слов. Все просто, один игрок слово загадывает, второй пытается его отгадать называя поочередно буквы в слове. Если он угадывает, то буквы появляются на экране вместо знаков _ _ _ _ _ _ _ _. Разработку игры мы…

JavaScript. Упражнение 1.

В предыдущих статьях мы разобрали базовые элементы для работы с условиями и циклами. Теперь попробуем попрактиковаться в написании кода и решить следующие задачи. Прекрасные животные Напишите цикл for, который изменяет массив животных, делая их прекрасными! Например, есть следующий массив: к каждому элементу массива должно быть добавлено «-прекрасное животное». Чтобы получилось Кот — прекрасное животное и…

JavaScript. Оператор цикла. for

Оператор цикла for устроен следующим образом: сначала создается переменная, а затем тело цикла выполняется снова и снова до тех пор, пока условие дает true, причем в конце каждого цикла значение переменной обновляется. Программируя цикл for, мы создаем переменную, задаем условие, указываем, как должна меняться переменная после каждого повтора, — и лишь затем переходим к написанию…

JavaScript. Оператор цикла. While

Циклы позволяют выполнять фрагмент кода многократно — до тех пор, пока некое условие дает значение true. Цикл while While — самый простой цикл. Цикл выполняется, пока заданное условие не перестанет давать true. «Продолжай делать это, пока условие дает true, но если оно даст false, остановись».   Считаем овец с помощью цикла while В результате получается…