Обучение языку c#

Формула программиста
основатель — Волосатов Евгений Витольдович

Игры со Спрайтами

Создание программы для рисования спрайтов.
Использование спрайтов для двух игр -
+ Аполлон - полёт на Луну
+ Домино - пасьянс из плашек домино.

Объём: 33 урока.
Создаём: Конструктор спрайтов + 2 игры
Срок: 30 дней

Хочу купить!

Купить в рассрочку за мегахеши

Цена: 1600 p.


Список уроков | фото | видео

# Название видеоурока Решило Рейтинг Доступ
1 Спрайт. Первая форма 00:13:27 90 чел. ★ 4.9 Done
  На этом уроке мы создадим форму,
немножко её оформим, выберем для неё иконку.
Далее напишем функцию, которая рисует на экране две линии.

Спрайт - это графический объект, состоящий из линий и кругов.
На этом уроке мы создадим графический редактор для спрайтов.
Этот редактор мы будем использовать для создания «героев» игр.
В каждой игре у нас будет несколько спрайтов, которые будут
создаваться, двигаться, исчезать по правилам той или иной игры.

Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт]
Научился: Рисовать линии 
Сложности: ничего 
Комментарии: Легкий урок - повторение пройденного 
2 Спрайт. Структура для линии 00:11:07 83 чел. ★ 4.9 Done
  На этом уроке мы создадим структуру для хранения линий,
массив палитры цветов и массив линий.
И перепишем программу, чтобы она это всё выводило на экран.
Отчёт отправил: 4004. Елена Выполнено за 20 мин. [Показать отчёт]
Научился: Создавать структуру MyLine 
Сложности: ничего 
Комментарии: Простой и понятный урок :) 
3 Спрайт. Класс для графики 00:09:32 75 чел. ★ 4.9 Done
  На этом уроке мы создадим класс Graph,
куда перенесём всё хозяйство для рисования:
структуру, графику, картинку, массив палитры.
После этого создадим методы Draw() для рисования линий.
Отчёт отправил: 4004. Елена Выполнено за 15 мин. [Показать отчёт]
Научился: Работать с созданным классом Graphics 
Сложности: ничего 
Комментарии: Легкий и понятный урок 
4 Спрайт. Класс для Спрайта 00:14:10 55 чел. ★ 4.9 Done
  На этом уроке мы создадим класс Sprite,
в котором будут храниться все линии каждого спрайта.
В этом классе будут методы для добавления линий,
а также, самое главное, для сохранения
и загрузки Спрайта из XML файла.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: Работать со списками (линий) 
Сложности: ничего 
Комментарии: все просто. Хочу поскорее добраться до XML :) 
5 Спрайт. Рисуем линии мышкой 00:22:31 54 чел. ★ 4.9 Done
  На этом уроке мы начнём создавать редактор, наконец-таки.
Использую мышку можно будет рисовать линии,
которые будут добавляться в наш спрайт.
Отчёт отправил: 4004. Елена Выполнено за 35 мин. [Показать отчёт]
Научился: рисовать линии мышкой 
Сложности: сделать все-таки рисование ломаных линий 
Комментарии: все получилось. Ломаная линия рисуется из отрезков, которые заканчиваются по щелчку левой кнопкой мыши. По щелчку правой кнопкой мыши заканчивается ломаная линия, после этого можно начинать следующую. 
6 Спрайт. Панель инструментов 00:19:00 54 чел. ★ 5 Done
  На этом уроке мы создадим панель инструментов с кнопками
для переключения цвета, очистки экрана, отмены последнего действия.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: Удалять последнюю линию 
Сложности: Все-таки сделать удаление последней линии для ломаной :) 
Комментарии: Я все-таки решила продолжить свою идею создания ломаной. Поэтому обработка кнопки Undo оказалась посложнее, чем в уроке. При такой обработке, как описано в уроке, линия удаляется, но новая линия начинает рисоваться от той точке, где закончилась удаленная. Поэтому пришлось добавить метод public MyLine getLast() { if (lines.Count > 0) return lines.ElementAt(lines.Count - 1); return new MyLine(); } в класс Sprite, чтобы узнать конец вновь получившейся последней линии и пересохранить его. 
7 Спрайт. Сериализация объекта 00:18:23 52 чел. ★ 4.9 Done
  На этом уроке мы научимся сохранять и загружать объекты,
используя технологию сериализации и десериализации.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: Сохранять векторный рисунок в XML-формате 
Сложности: найти ошибку, из-за которой не загружался файл. 
Комментарии: XML - удобный формат для хранения векторных изображений. Поразительно, что даже удаление последних линий срабатывает после загрузки. 
8 Аполлон. Главные герои 00:07:08 81 чел. ★ 4.7 Done
  На этом уроке мы озвучим правила игры Аполлон.
Выясним, какие у нас будут главные герои.
Твоё самостоятельное задание -
нарисовать на бумаге внешний вид игры
со всеми главными героями.
Как ты это себе представляешь.
Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт]
Научился: рисовать космические корабли 
Сложности: нарисовать от руки 
Комментарии: Не умею рисовать на бумаге, поэтому рисую на компьютере :) 
9 Аполлон. Законы физики 00:26:47 78 чел. ★ 4.9 Done
  Корабль Аполлон прилуняется на Луну.
На этом уроке мы рассмотрим упрощённую
физическую модель этого процесса и
выпишем все параметры и все формулы,
которые будут управлять этим процессом.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: законам физики 
Сложности: ничего 
Комментарии: Все просто и понятно 
10 Аполлон. Плавное прилунение 00:55:16 67 чел. ★ 5 Done
  На этом уроке мы допишем игру Аполлон.
Свяжем класс логики с интерфейсом.
Сделаем управление двигателем с помощью мышки.
Добавим таймер, функцию отображения корабля.
А также сообщение о конце игры и перезапуск игры.
Отчёт отправил: 4004. Елена Выполнено за 1 час. 20 мин. [Показать отчёт]
Научился: играть в "Прилунение Аполлона" 
Сложности: оторваться от игрушки 
Комментарии: Интересная игрушка получилась, даже без спрайтов. 
11 Спрайт. Рисуем Аполлона 00:14:10 47 чел. ★ 4.9 Done
  На этом уроке мы переделаем программу,
чтобы удобно было рисовать ломанные линии.
Добавим фоновый рисунок для его обведения.
И в конце концов нарисуем Землю, вид из Космоса.

Задание: Научить программу рисовать ломанные и
нарисовать Землю, поверхность Луны, Ракету,
Работающие двигатели, маленькую звёздочку.
Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт]
Научился: Рисовать ломаные линии по шаблону 
Сложности: найти картинки для шаблонов 
Комментарии: Оказывается, я опередила урок, потому что ломаные мой "создатель спрайтов" уже умел рисовать к началу урока. 
12 Аполлон. Graph и Sprite на Луне 00:19:58 44 чел. ★ 5 Done
  На этом уроке мы внедрим созданные спрайты в написанную игрушку.
Для этого мы добавим проект два класса из прошлых уроков -
класс Graph и Sprite. Затем напишем метод загрузки всех спрайтов,
и выведем один из них на экран.

Задание
наладить работу программы с предыдущими классами
и уметь загружать подготовленные спрайты.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: Выводить спрайты в окно PictureBox (пока не в полном объеме) 
Сложности: не забыть убрать лишние Label-ы 
Комментарии: Попыталась еще корабль нарисовать - как-то он только наполовину показался. И Луна висит где-то в центре :) Надеюсь, что только до следующего урока. 
13 Аполлон. Финальное прилунение 00:29:58 43 чел. ★ 5 Done
  На этом уроке мы изменим метод Draw таким образом,
чтобы он принимал координаты размещения спрайта и его масштаб.
Далее, напишем методы для отображения всех спрайтов.
Подгоним значения, чтобы всё отображалось красиво.
И запустим наконец-таки нашу красочную игру
с посадкой корабля Аполлон на Луну. Ура!
Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт]
Научился: Перемещать и масштабировать спрайты 
Сложности: подогнать координаты спрайтов 
Комментарии: Классная игрушка получилась!!! 
14 Полуфинальный урок 00:23:23 31 чел. ★ 4.8 Done
  Задание:
Записать видео обзор игры Аполлон.

Отчёт отправил: 4004. Елена Выполнено за 1 час. 30 мин. [Показать отчёт]
Научился: Записывать видеообзоры 
Сложности: Смонтировать видео 
Комментарии: Все в видеообзоре 
Видеообзор: https://youtu.be/KM7xPQHD-w0
15 Домино. Правила игры 00:20:55 48 чел. ★ 4.9 Done
  Мы начинаем создание Домино-Пасьянса.
Костяшки домино перемешиваются и выстраиваются
на столе в пирамидку, вверху одна костяшка,
внизу семь штук. Вернхние и нижние открываются.

Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт]
Научился: играть в пасьянс "Домино", создавать класс для игры 
Сложности: ничего 
Комментарии: Карточки домино на вкладке - как я детям делала с помощью цветного принтера и ламинатора :) 
16 Домино. Перемешиваем плашки 00:22:49 44 чел. ★ 4.9 Done
  На этом уроке мы напишем метод Start (),
который перемешает вся плашки домино.
Далее, продумаем список всех необходимых
методов для класса Domino и реализуем
самые тривиальные из них.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: перемешивать плашки домино 
Сложности: ничего 
Комментарии: Перемешивание прошло успешно :) 
17 Домино. Динамическая пирамида 00:21:39 44 чел. ★ 4.9 Done
  На этом уроке мы нарисуем пирамидку из доминошек.
Для отображения каждой плашки используется Label.
Label'ы мы будем создавать динамически, как в сказке.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: строить динамическую пирамиду 
Сложности: расположить плашки в виде пирамиды 
Комментарии: Все получилось! 
18 Домино. Делегаты отображения 00:20:38 42 чел. ★ 5 Done
  На этому уроке мы свяжем два класса -
FormDomino и Domino через механизм делегатов.
Наш делегат будет отвечать за отображение плашки.
Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт]
Научился: Работать с делегатами, выводить отладочную информацию в лог 
Сложности: не запутаться с делегатами (хотя эта тема уже кажется понятной) 
Комментарии: Очень полезная информация по выводу отладочной информации в консоль 
19 Домино. Выбираем и убираем 00:27:16 42 чел. ★ 5 Done
  На этом уроке мы допишем метод отображения плашки.
Затем напишем важный метод OpenFreePlates(),
чтобы после убирания старых плашек новые открывались.
Закончим урок обработкой клика по каждой плашке -
будем отмечать выделенные и убирать их, если сумма равна 12.
Отчёт отправил: 4004. Елена Выполнено за 50 мин. [Показать отчёт]
Научился: Обрабатывать алгоритм игры 
Сложности: Найти ошибку в функции isInRange() 
Комментарии: Провозилась довольно долго, потому что правая плашка сверху не открывалась, но все получилось! Даже пасьянс собрала :) 
20 Домино. Ура! Победа! 00:19:12 42 чел. ★ 5 Done
  На этом уроке мы допишем пасьянс из Домино.
Напишем методы IsWinner() и IsLooser().
Добавим метки для оповещения о результате игры
и попытаемся наконец-таки разложить этот пасьянс.
Не забудьте добавить эту программу в своё портфолио!

Внимание! В конце видео можно посмотреть на весь код целиком.
Отчёт отправил: 4004. Елена Выполнено за 45 мин. [Показать отчёт]
Научился: Алгоритму определения проигравшего и победившего 
Сложности: Не совсем поняла сразу алгоритм определения возможности хода isLooser() и допустила ошибку. Пришлось довольно долго ее искать. 
Комментарии: Все получилось! 
21 Спрайт. Рисуем плашки 00:25:50 38 чел. ★ 4.9 Done
  На этом уроке мы будем рисовать плашки домино.
Каждая состоит из двух частей, отдельно
нарисуем восемь левых частей и столько же правых.
Почему восемь? От пустышки до шестёрки, и оборотная сторона.
Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт]
Научился: Рисовать плашки домино 
Сложности: Ничего не забыть отрисовать 
Комментарии: Ориентир делала в MS PowerPoint (см. рисунок 2). Немножко схитрила - отрисовала контур левой и правой частей плашки другим цветом, а дальше в текстовом редакторе заменила контур. Получились половинки, повернутые в другую сторону :) 
22 Домино. Отображение плашки 00:26:38 37 чел. ★ 5 Done
  На этом уроке мы откроем проект Домино,
добавим в него два класса - Graph и Sprite,
и создадим метод для рисования плашки домино.
Нам придётся, как и в Аполлоне, доработать методы Draw().
В конце урока мы загрузим файлы спрайтов в ресурсы
и научим статический метод Load() загружать их
их массива байт, из строки символов.
Это добавление делать по желанию.
Отчёт отправил: 4004. Елена Выполнено за 1 час. 00 мин. [Показать отчёт]
Научился: Загружать спрайты из ресурсов 
Сложности: Работать с ресурсами 
Комментарии: По умолчанию у меня xml файлы подгрузились как ресурсы типа String. Очень долго искала, почему программа выдает исключение. Оказалось, что нужно поменять тип ресурса с String на Binary!!! 
23 Домино. Двойной спрайт 00:29:27 36 чел. ★ 5 Done
  На этом уроке мы создадим класс SpriteDomino, в котором
будем хранить обе части плашки домино в виде спрайта.
В этом классе будет конструктор и методы Open() / Hide(),
которые будут пересоздавать спрайты по мере необходимости.
Дальше нужно будет в классе Graph написать метод Draw()
для рисования нашей доминошки и убедиться, что это всё работает.
Отчёт отправил: 4004. Елена Выполнено за 35 мин. [Показать отчёт]
Научился: Рисовать плашку с помощью класса SpriteDomino 
Сложности: ничего 
Комментарии: Отличный урок!!! 
24 Домино. Анимация спрайта 00:17:36 36 чел. ★ 5 Done
  На этом уроке мы создадим анимацию спрайтов.
Для этого нам понадобится таймер,
несколько переменных, и возможность
стирания нарисованных спрайтов.
Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт]
Научился: Анимировать спрайты 
Сложности: не запутаться с координатами и смещениями 
Комментарии: Отличный урок!!! Жду продолжения!!! 
25 Домино. Подъём переворотом 00:28:16 36 чел. ★ 5 Done
  На этом уроке мы реализуем ещё два вида анимации.
1. Выбор плашки, она будет "дрожать" на месте
2. Переворот плашки, она будет сжиматься и разжиматься.
Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт]
Научился: Анимировать переворот плашки 
Сложности: Вроде все просто 
Комментарии: С нетерпением жду следующей пятерки уроков!!! 
26 Домино. Базовый класс Анимаций 00:21:37 36 чел. ★ 5 Done
  На этом уроке мы наведём порядок в нашем проекте.
Квинтессенцию анимации оформим отдельным классом - Animate.
Уберём всё лишнее из класса Graph и основного модуля.
И сделаем, чтобы всё заработало -
пока статичное отображение спрайта через экземпляр класса Animate.
Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт]
Научился: Создавать класс Animate 
Сложности: Исправить ошибку вычисления координаты y класса Animate, из-за которой плашки отображались слишком далеко друг от друга 
Комментарии: Текст программы уже разросся, и становится тяжело следить за тем, куда какие изменения вносятся. Это приводит к ошибкам, хотя и заставляет "напрячь мозги" и внимательно разобраться. 
27 Домино. Три наследника Аниматора 00:30:26 36 чел. ★ 5 Done
  На этом уроке мы реализуем все способы анимации
через созадние классов наследников от Animate.
У нас будет три класса: AnimateMove, AnimateMark и AnimateTurn.
Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт]
Научился: Использовать virtual и override (раньше как-то об этом не задумывалась) 
Сложности: Ничего. 
Комментарии: Отличный урок. Все легко и понятно. 
28 Домино. Пирамида из анимашек 00:15:05 36 чел. ★ 5 Done
  На этом уроке мы добавим ещё парочку
виртуальных функций в базовый класс Animate,
чтобы их можно было вызывать без явного указания типа.

Но самое главное - мы создадим матрицу "анимашек",
инициализируем её экземплярами базового класса
и выведем это всё на экран в виде пирамиды.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: Рисовать динамическую пирамиду из спрайтов 
Сложности: ничего 
Комментарии: Отличный урок! И интересная игра получается :) 
29 Домино. Rolling Stones 00:19:29 35 чел. ★ 5 Done
  На этом уроке мы сделаем анимацию раскладывания всех плашек домино на столе.
Для этого напишем метод RollDomino(), а ещё нам потребуется отлавливать
момент, когда все доминошки уже выложены на стол. Для этого мы добавим
поле string mode, чтобы в таймере отловить этот момент.
Отчёт отправил: 4004. Елена Выполнено за 25 мин. [Показать отчёт]
Научился: Анимировать появление спрайтов 
Сложности: ничего 
Комментарии: Все получилось, отличный урок! 
30 Домино. Наведение порядка 00:20:25 35 чел. ★ 5 Done
  На этом уроке мы наведём порядок на форме,
избавимся от наследия Label [,], уберём ненужные методы.
Потом, на 10-ой минуте мы приступим к открытию плашек
на первом и последнем ряду пирамиды.
Отчёт отправил: 4004. Елена Выполнено за 30 мин. [Показать отчёт]
Научился: Использовать классы анимации в игре 
Сложности: Понять, как стираются артефакты. 
Комментарии: Все получилось :) 
31 Домино. Финальный аккорд 00:22:58 34 чел. ★ 5 Done
  На этом уроке мы научим программу выбирать
плашки по щелчку мышки, убирать с экрана верные пары,
и сыграем несколько раз до полного успеха :)
Отчёт отправил: 4004. Елена Выполнено за 40 мин. [Показать отчёт]
Научился: Реализовала игру "Пасьянс Домино" 
Сложности: Сложить пасьянс 
Комментарии: Отличная игрушка получилась. Самое сложное - оторваться. Я добралась до финала!!! 
32 ФИНАЛЬНЫЙ урок 00:23:23 27 чел. ★ 5 Done
  Задание:
Записать видео обзор игры Пасьянс из домино.

Отчёт отправил: 4004. Елена Выполнено за 7 час. 00 мин. [Показать отчёт]
Научился: Создавать собственную игру по аналогии с уроками 
Сложности: Создать свою версию пасьянса "Домино" 
Комментарии: Замечательный курс, очень интересный. В итоге у меня по второй половине курса получилось 3 программы. Подробнее - в моем видеоотчете. 
Видеообзор: https://youtu.be/4b5E_J72AVk
33 VIP урок. Телефон по TCP/IP протоколу 00:47:44 22 чел. ★ 5 Done
  На этом видеоуроке мы создадим три класса, которые удобно
использовать для передачи данных между двумя компьютерами.
Отчёт отправил: 4004. Елена Выполнено за 5 мин. [Показать отчёт]
Научился: Связывать компьютеры между собой 
Сложности: ничего 
Комментарии: Изучила материал урока в курсе "Сокобан", это повтор. 
  Итого:   33 видеоурока общей продолжительностью 12 час. 26 мин. 22 чел. ★ 4.95  
  Финалисты:   Олюшка,   Руслан,   Екатерина,   Иван,   Андрей Поляков,   Дмитрий,   Елена,   Ильшат,   Фомичева Наталья,   Илья,   Владимир,   Никита,   Сергей Сергеевич,   Артём,   Мариша ,   Михаил Ермишин,   Максим Лапшинов,   Максим,   Электрон,   Tekashnik,   Новопашин Владимир,   Dimon .

Начинаем практику по языку C#




Чтобы стать хорошим программистом — нужно писать программы. На нашем сайте очень много практических упражнений.

После заполнения формы ты будешь подписан на рассылку «C# Вебинары и Видеоуроки», у тебя появится доступ к видеоурокам и консольным задачам.

Несколько раз в неделю тебе будут приходить письма — приглашения на вебинары, информация об акциях и скидках, полезная информация по C#.

Ты в любой момент сможешь отписаться от рассылки.
Научился: как стать супер блогером
Трудности: разбудить в себе оратора
курс очень хороший и полезный, очень нравиться , буду использовать эти знания в будущих программах...
Научился: Практиковаться в записи видео
Трудности: Оратор из меня не выйдет
Вот я и доделала домино. Очень интересный курс получился. И результатом почти довольна. Остается выбрать: или заняться морским флотом или начать создавать свой сайт.