JavaScript для детей. Самоучитель по программированию - [3]

Шрифт
Интервал

Цепной вызов и анимация на jQuery . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152

Что мы узнали . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154

10. ИНТЕРАКТИВНОЕ ПРОГРАММИРОВАНИЕ . . . . . . . . . . . . . . . . . . . . 156

Отложенное выполнение кода и setTimeout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 156

Отмена действия таймера . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Многократный запуск кода и setInterval . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158

Анимация элементов с помощью setInterval . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

Реакция на действия пользователя . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162

Что мы узнали . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 164

11. ПИШЕМ ИГРУ «НАЙДИ КЛАД!» . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

Проектирование игры . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166

Создаем веб-страницу с HTML-кодом . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167

Выбор случайного места для клада . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168

Обработчик кликов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169

Код игры . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173

Что мы узнали . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 175

Оглавление 7

12. ОБЪЕКТНООРИЕНТИРОВАННОЕ

ПРОГРАММИРОВАНИЕ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

Простой объект . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 176

Добавление к объектам новых методов . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 177

Создание объектов с помощью конструкторов . . . . . . . . . . . . . . . . . . . . . . . . . . 180

Рисуем машины . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

Настройка объектов через прототипы . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

Что мы узнали . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

ЧАСТЬ III. ГРАФИКА

13. ЭЛЕМЕНТ CANVAS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

Создаем «холст» . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 193

Рисование на «холсте» . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 194

Выбор цвета . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 196

Рисование контуров прямоугольников . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

Рисование линий или путей . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198

Заливка путей цветом . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200

Рисование дуг и окружностей . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 201

Рисование нескольких окружностей с помощью функции . . . . . . . . . . . . 204

Что мы узнали . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205

14. АНИМАЦИИ С ПОМОЩЬЮ CANVAS . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Движение по странице . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Изменение размера квадрата . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210

Случайная пчела . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211

Отскакивающий мяч . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 217

Что мы узнали . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 222

15. УПРАВЛЕНИЕ АНИМАЦИЯМИ С КЛАВИАТУРЫ . . . . . . . . . . . . . . 224


Еще от автора Ник Морган
Сигналы влияния. Как убеждать и контролировать людей

Что произойдет, если кто-то скажет, что вашим поведением управляет какая-то мощная невидимая сила? Большинство из нас скептически отнеслось бы к такому заявлению, но в основном так и бывает. Наш мозг постоянно получает и передает сигналы, которые мы не сознаем. Исследования показывают, что эти сигналы сопровождают значительное количество наших решений, например, о том, что предпринять на следующем этапе, и мы осознаем эти решения уже после того, как совершим определенные действия. Многих это может тревожить.


Рекомендуем почитать
На коне — через века

Хорошо известный писатель-биолог Игорь Иванович Акимушкин, автор многих книг, посвященных животным, на этот раз знакомит читателя с лошадью — верным помощником человека как в прошлые времена, так и в наши дни. Писатель рассказывает об эволюции и биологии лошади, об использовании ее человеком в прошлом и настоящем.


Этнос и глобализация: этнокультурные механизмы распада современных наций

Монография посвящена одной из ключевых проблем глобализации – нарастающей этнокультурной фрагментации общества, идущей на фоне системного кризиса современных наций. Для объяснения этого явления предложена концепция этно– и нациогенеза, обосновывающая исторически длительное сосуществование этноса и нации, понимаемых как онтологически различные общности, в которых индивид участвует одновременно. Нация и этнос сосуществуют с момента возникновения ранних государств, отличаются механизмами социогенеза, динамикой развития и связаны с различными для нации и этноса сферами бытия.


Алиса в стране математики

Книга построена на занимательных сказочных сюжетах с персонажами всемирно известных сказок Льюиса Кэрролла «Алиса в Стране Чудес» и «Алиса в Зазеркалье» и призвана пробудить у детей интерес к математике, развить творческое воображение и логическое мышление. В книге содержатся также исторические экскурсы, знакомящие с великими математиками и историей возникновения и развития математики с древности до наших дней.


Расскажите детям о насекомых

Наглядно-дидактическое пособие «Расскажите детям о насекомых» предназначено для групповых и индивидуальных занятий с детьми 3-7 лет в детском саду и дома. Пособие с успехом может быть использовано на занятиях по ознакомлению с окружающим миром, для развития речи и мышления, в логопедических играх, для развития логического мышления, при обучении детей дошкольного и младшего школьного возраста иностранному языку.


КОАПП! КОАПП! КОАПП! Выпуск 8

На имя председателя КОАПП пришло письмо от пятилетнего бионика Леночки Шестопаловой: «Уважаемый Кашалот, расскажите, пожалуйста, что было дальше, когда пришел Верблюд». О каком Верблюде речь и чем была так заинтригована Леночка? Ответ на эти вопросы читатель найдет в протоколе заседания КОАПП, включенного в этот сборник. Из других протоколов можно узнать о том, умеют ли птицы считать, кем оказался таинственный и грозный Качерасогемастуд, какие последствия имел для поляны КОАПП дружественный визит эскадры броненосцев и о прочих невероятных событиях, происшедших на заседаниях с № 33 по № 36 включительно.Художники В.


Подвиг Тосканини

В книге рассказывается история главного героя, который сталкивается с различными проблемами и препятствиями на протяжении всего своего путешествия. По пути он встречает множество второстепенных персонажей, которые играют важные роли в истории. Благодаря опыту главного героя книга исследует такие темы, как любовь, потеря, надежда и стойкость. По мере того, как главный герой преодолевает свои трудности, он усваивает ценные уроки жизни и растет как личность.