# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 | Спрайт. Первая форма |
|
|||
На этом уроке мы создадим форму, немножко её оформим, выберем для неё иконку. Далее напишем функцию, которая рисует на экране две линии. Спрайт - это графический объект, состоящий из линий и кругов. На этом уроке мы создадим графический редактор для спрайтов. Этот редактор мы будем использовать для создания «героев» игр. В каждой игре у нас будет несколько спрайтов, которые будут создаваться, двигаться, исчезать по правилам той или иной игры. Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт] Научился: Рисовать линии Сложности: ничего Комментарии: Легкий урок - повторение пройденного |
|||||
2 | Спрайт. Структура для линии |
|
|||
На этом уроке мы создадим структуру для хранения линий, массив палитры цветов и массив линий. И перепишем программу, чтобы она это всё выводило на экран. Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт] Научился: Создавать структуру MyLine Сложности: ничего Комментарии: Простой и понятный урок :) |
|||||
3 | Спрайт. Класс для графики |
|
|||
На этом уроке мы создадим класс Graph, куда перенесём всё хозяйство для рисования: структуру, графику, картинку, массив палитры. После этого создадим методы Draw() для рисования линий. Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт] Научился: Работать с созданным классом Graphics Сложности: ничего Комментарии: Легкий и понятный урок |
|||||
4 | Спрайт. Класс для Спрайта |
|
|||
На этом уроке мы создадим класс Sprite, в котором будут храниться все линии каждого спрайта. В этом классе будут методы для добавления линий, а также, самое главное, для сохранения и загрузки Спрайта из XML файла. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: Работать со списками (линий) Сложности: ничего Комментарии: все просто. Хочу поскорее добраться до XML :) |
|||||
5 | Спрайт. Рисуем линии мышкой |
|
|||
На этом уроке мы начнём создавать редактор, наконец-таки. Использую мышку можно будет рисовать линии, которые будут добавляться в наш спрайт. Отчёт отправил: 4004. Елена Выполнено за 35 мин. [Показать отчёт] Научился: рисовать линии мышкой Сложности: сделать все-таки рисование ломаных линий Комментарии: все получилось. Ломаная линия рисуется из отрезков, которые заканчиваются по щелчку левой кнопкой мыши. По щелчку правой кнопкой мыши заканчивается ломаная линия, после этого можно начинать следующую. |
|||||
6 | Спрайт. Панель инструментов |
|
|||
На этом уроке мы создадим панель инструментов с кнопками для переключения цвета, очистки экрана, отмены последнего действия. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: Удалять последнюю линию Сложности: Все-таки сделать удаление последней линии для ломаной :) Комментарии: Я все-таки решила продолжить свою идею создания ломаной. Поэтому обработка кнопки Undo оказалась посложнее, чем в уроке. При такой обработке, как описано в уроке, линия удаляется, но новая линия начинает рисоваться от той точке, где закончилась удаленная. Поэтому пришлось добавить метод public MyLine getLast() { if (lines.Count > 0) return lines.ElementAt(lines.Count - 1); return new MyLine(); } в класс Sprite, чтобы узнать конец вновь получившейся последней линии и пересохранить его. |
|||||
7 | Спрайт. Сериализация объекта |
|
|||
На этом уроке мы научимся сохранять и загружать объекты, используя технологию сериализации и десериализации. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: Сохранять векторный рисунок в XML-формате Сложности: найти ошибку, из-за которой не загружался файл. Комментарии: XML - удобный формат для хранения векторных изображений. Поразительно, что даже удаление последних линий срабатывает после загрузки. |
|||||
8 | Аполлон. Главные герои |
|
|||
На этом уроке мы озвучим правила игры Аполлон. Выясним, какие у нас будут главные герои. Твоё самостоятельное задание - нарисовать на бумаге внешний вид игры со всеми главными героями. Как ты это себе представляешь. Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт] Научился: рисовать космические корабли Сложности: нарисовать от руки Комментарии: Не умею рисовать на бумаге, поэтому рисую на компьютере :) |
|||||
9 | Аполлон. Законы физики |
|
|||
Корабль Аполлон прилуняется на Луну. На этом уроке мы рассмотрим упрощённую физическую модель этого процесса и выпишем все параметры и все формулы, которые будут управлять этим процессом. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: законам физики Сложности: ничего Комментарии: Все просто и понятно |
|||||
10 | Аполлон. Плавное прилунение |
|
|||
На этом уроке мы допишем игру Аполлон. Свяжем класс логики с интерфейсом. Сделаем управление двигателем с помощью мышки. Добавим таймер, функцию отображения корабля. А также сообщение о конце игры и перезапуск игры. Отчёт отправил: 4004. Елена Выполнено за 1 час. 20 мин. [Показать отчёт] Научился: играть в "Прилунение Аполлона" Сложности: оторваться от игрушки Комментарии: Интересная игрушка получилась, даже без спрайтов. |
|||||
11 | Спрайт. Рисуем Аполлона |
|
|||
На этом уроке мы переделаем программу, чтобы удобно было рисовать ломанные линии. Добавим фоновый рисунок для его обведения. И в конце концов нарисуем Землю, вид из Космоса. Задание: Научить программу рисовать ломанные и нарисовать Землю, поверхность Луны, Ракету, Работающие двигатели, маленькую звёздочку. Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Рисовать ломаные линии по шаблону Сложности: найти картинки для шаблонов Комментарии: Оказывается, я опередила урок, потому что ломаные мой "создатель спрайтов" уже умел рисовать к началу урока. |
|||||
12 | Аполлон. Graph и Sprite на Луне |
|
|||
На этом уроке мы внедрим созданные спрайты в написанную игрушку. Для этого мы добавим проект два класса из прошлых уроков - класс Graph и Sprite. Затем напишем метод загрузки всех спрайтов, и выведем один из них на экран. Задание наладить работу программы с предыдущими классами и уметь загружать подготовленные спрайты. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: Выводить спрайты в окно PictureBox (пока не в полном объеме) Сложности: не забыть убрать лишние Label-ы Комментарии: Попыталась еще корабль нарисовать - как-то он только наполовину показался. И Луна висит где-то в центре :) Надеюсь, что только до следующего урока. |
|||||
13 | Аполлон. Финальное прилунение |
|
|||
На этом уроке мы изменим метод Draw таким образом, чтобы он принимал координаты размещения спрайта и его масштаб. Далее, напишем методы для отображения всех спрайтов. Подгоним значения, чтобы всё отображалось красиво. И запустим наконец-таки нашу красочную игру с посадкой корабля Аполлон на Луну. Ура! Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Перемещать и масштабировать спрайты Сложности: подогнать координаты спрайтов Комментарии: Классная игрушка получилась!!! |
|||||
14 | Полуфинальный урок |
|
|||
Задание: Записать видео обзор игры Аполлон. Отчёт отправил: 4004. Елена Выполнено за 1 час. 30 мин. [Показать отчёт] Научился: Записывать видеообзоры Сложности: Смонтировать видео Комментарии: Все в видеообзоре Видеообзор: https://youtu.be/KM7xPQHD-w0 |
|||||
15 | Домино. Правила игры |
|
|||
Мы начинаем создание Домино-Пасьянса. Костяшки домино перемешиваются и выстраиваются на столе в пирамидку, вверху одна костяшка, внизу семь штук. Верхние и нижние открываются. Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт] Научился: играть в пасьянс "Домино", создавать класс для игры Сложности: ничего Комментарии: Карточки домино на вкладке - как я детям делала с помощью цветного принтера и ламинатора :) |
|||||
16 | Домино. Перемешиваем плашки |
|
|||
На этом уроке мы напишем метод Start (), который перемешает вся плашки домино. Далее, продумаем список всех необходимых методов для класса Domino и реализуем самые тривиальные из них. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: перемешивать плашки домино Сложности: ничего Комментарии: Перемешивание прошло успешно :) |
|||||
17 | Домино. Динамическая пирамида |
|
|||
На этом уроке мы нарисуем пирамидку из доминошек. Для отображения каждой плашки используется Label. Label'ы мы будем создавать динамически, как в сказке. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: строить динамическую пирамиду Сложности: расположить плашки в виде пирамиды Комментарии: Все получилось! |
|||||
18 | Домино. Делегаты отображения |
|
|||
На этому уроке мы свяжем два класса - FormDomino и Domino через механизм делегатов. Наш делегат будет отвечать за отображение плашки. Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт] Научился: Работать с делегатами, выводить отладочную информацию в лог Сложности: не запутаться с делегатами (хотя эта тема уже кажется понятной) Комментарии: Очень полезная информация по выводу отладочной информации в консоль |
|||||
19 | Домино. Выбираем и убираем |
|
|||
На этом уроке мы допишем метод отображения плашки. Затем напишем важный метод OpenFreePlates(), чтобы после убирания старых плашек новые открывались. Закончим урок обработкой клика по каждой плашке - будем отмечать выделенные и убирать их, если сумма равна 12. Отчёт отправил: 4004. Елена Выполнено за 50 мин. [Показать отчёт] Научился: Обрабатывать алгоритм игры Сложности: Найти ошибку в функции isInRange() Комментарии: Провозилась довольно долго, потому что правая плашка сверху не открывалась, но все получилось! Даже пасьянс собрала :) |
|||||
20 | Домино. Ура! Победа! |
|
|||
На этом уроке мы допишем пасьянс из Домино. Напишем методы IsWinner() и IsLooser(). Добавим метки для оповещения о результате игры и попытаемся наконец-таки разложить этот пасьянс. Не забудьте добавить эту программу в своё портфолио! Внимание! В конце видео можно посмотреть на весь код целиком. Отчёт отправил: 4004. Елена Выполнено за 45 мин. [Показать отчёт] Научился: Алгоритму определения проигравшего и победившего Сложности: Не совсем поняла сразу алгоритм определения возможности хода isLooser() и допустила ошибку. Пришлось довольно долго ее искать. Комментарии: Все получилось! |
|||||
21 | Спрайт. Рисуем плашки |
|
|||
На этом уроке мы будем рисовать плашки домино. Каждая состоит из двух частей, отдельно нарисуем восемь левых частей и столько же правых. Почему восемь? От пустышки до шестёрки, и оборотная сторона. Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Рисовать плашки домино Сложности: Ничего не забыть отрисовать Комментарии: Ориентир делала в MS PowerPoint (см. рисунок 2). Немножко схитрила - отрисовала контур левой и правой частей плашки другим цветом, а дальше в текстовом редакторе заменила контур. Получились половинки, повернутые в другую сторону :) |
|||||
22 | Домино. Отображение плашки |
|
|||
На этом уроке мы откроем проект Домино, добавим в него два класса - Graph и Sprite, и создадим метод для рисования плашки домино. Нам придётся, как и в Аполлоне, доработать методы Draw(). В конце урока мы загрузим файлы спрайтов в ресурсы и научим статический метод Load() загружать их их массива байт, из строки символов. Это добавление делать по желанию. Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Загружать спрайты из ресурсов Сложности: Работать с ресурсами Комментарии: По умолчанию у меня xml файлы подгрузились как ресурсы типа String. Очень долго искала, почему программа выдает исключение. Оказалось, что нужно поменять тип ресурса с String на Binary!!! |
|||||
23 | Домино. Двойной спрайт |
|
|||
На этом уроке мы создадим класс SpriteDomino, в котором будем хранить обе части плашки домино в виде спрайта. В этом классе будет конструктор и методы Open() / Hide(), которые будут пересоздавать спрайты по мере необходимости. Дальше нужно будет в классе Graph написать метод Draw() для рисования нашей доминошки и убедиться, что это всё работает. Отчёт отправил: 4004. Елена Выполнено за 35 мин. [Показать отчёт] Научился: Рисовать плашку с помощью класса SpriteDomino Сложности: ничего Комментарии: Отличный урок!!! |
|||||
24 | Домино. Анимация спрайта |
|
|||
На этом уроке мы создадим анимацию спрайтов. Для этого нам понадобится таймер, несколько переменных, и возможность стирания нарисованных спрайтов. Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт] Научился: Анимировать спрайты Сложности: не запутаться с координатами и смещениями Комментарии: Отличный урок!!! Жду продолжения!!! |
|||||
25 | Домино. Подъём переворотом |
|
|||
На этом уроке мы реализуем ещё два вида анимации. 1. Выбор плашки, она будет "дрожать" на месте 2. Переворот плашки, она будет сжиматься и разжиматься. Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт] Научился: Анимировать переворот плашки Сложности: Вроде все просто Комментарии: С нетерпением жду следующей пятерки уроков!!! |
|||||
26 | Домино. Базовый класс Анимаций |
|
|||
На этом уроке мы наведём порядок в нашем проекте. Квинтессенцию анимации оформим отдельным классом - Animate. Уберём всё лишнее из класса Graph и основного модуля. И сделаем, чтобы всё заработало - пока статичное отображение спрайта через экземпляр класса Animate. Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт] Научился: Создавать класс Animate Сложности: Исправить ошибку вычисления координаты y класса Animate, из-за которой плашки отображались слишком далеко друг от друга Комментарии: Текст программы уже разросся, и становится тяжело следить за тем, куда какие изменения вносятся. Это приводит к ошибкам, хотя и заставляет "напрячь мозги" и внимательно разобраться. |
|||||
27 | Домино. Три наследника Аниматора |
|
|||
На этом уроке мы реализуем все способы анимации через созадние классов наследников от Animate. У нас будет три класса: AnimateMove, AnimateMark и AnimateTurn. Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт] Научился: Использовать virtual и override (раньше как-то об этом не задумывалась) Сложности: Ничего. Комментарии: Отличный урок. Все легко и понятно. |
|||||
28 | Домино. Пирамида из анимашек |
|
|||
На этом уроке мы добавим ещё парочку виртуальных функций в базовый класс Animate, чтобы их можно было вызывать без явного указания типа. Но самое главное - мы создадим матрицу "анимашек", инициализируем её экземплярами базового класса и выведем это всё на экран в виде пирамиды. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: Рисовать динамическую пирамиду из спрайтов Сложности: ничего Комментарии: Отличный урок! И интересная игра получается :) |
|||||
29 | Домино. Rolling Stones |
|
|||
На этом уроке мы сделаем анимацию раскладывания всех плашек домино на столе. Для этого напишем метод RollDomino(), а ещё нам потребуется отлавливать момент, когда все доминошки уже выложены на стол. Для этого мы добавим поле string mode, чтобы в таймере отловить этот момент. Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт] Научился: Анимировать появление спрайтов Сложности: ничего Комментарии: Все получилось, отличный урок! |
|||||
30 | Домино. Наведение порядка |
|
|||
На этом уроке мы наведём порядок на форме, избавимся от наследия Label [,], уберём ненужные методы. Потом, на 10-ой минуте мы приступим к открытию плашек на первом и последнем ряду пирамиды. Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт] Научился: Использовать классы анимации в игре Сложности: Понять, как стираются артефакты. Комментарии: Все получилось :) |
|||||
31 | Домино. Финальный аккорд |
|
|||
На этом уроке мы научим программу выбирать плашки по щелчку мышки, убирать с экрана верные пары, и сыграем несколько раз до полного успеха :) Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт] Научился: Реализовала игру "Пасьянс Домино" Сложности: Сложить пасьянс Комментарии: Отличная игрушка получилась. Самое сложное - оторваться. Я добралась до финала!!! |
|||||
32 | ФИНАЛЬНЫЙ урок |
|
|||
Задание: Записать видео обзор игры Пасьянс из домино. Отчёт отправил: 4004. Елена Выполнено за 7 час. 00 мин. [Показать отчёт] Научился: Создавать собственную игру по аналогии с уроками Сложности: Создать свою версию пасьянса "Домино" Комментарии: Замечательный курс, очень интересный. В итоге у меня по второй половине курса получилось 3 программы. Подробнее - в моем видеоотчете. Видеообзор: https://youtu.be/4b5E_J72AVk |
|||||
33 | VIP урок. Телефон по TCP/IP протоколу |
|
|||
На этом видеоуроке мы создадим три класса, которые удобно использовать для передачи данных между двумя компьютерами. Отчёт отправил: 4004. Елена Выполнено за 5 мин. [Показать отчёт] Научился: Связывать компьютеры между собой Сложности: ничего Комментарии: Изучила материал урока в курсе "Сокобан", это повтор. |
|||||
Итого: 33 видеоурока |
12 час. 26 мин. |
28 чел. | |||
Финалисты: Олюшка, Руслан, Екатерина, Иван, Андрей Поляков, Дмитрий, Елена, Ильшат, Фомичева Наталья, Александр, Владимир, Никита, Сергей Сергеевич, Артём, Мариша , Михаил Ермишин, Максим Лапшинов, Максим, Электрон, Tekashnik, Новопашин Владимир, Dimon, chokayes, Николай Денисов, Денис, Yefim, Кирилл, Anatoli . |