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

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

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

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

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

Хочу купить!

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

Цена: 1600 p.


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

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

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

Отчёт отправил: 4780. Дмитрий Выполнено за 20 мин. [Показать отчёт]
Научился: использовать объекты graphics, pen, bitmap 
Сложности: успевать походу вебинара. отрисовка изображения - не знал, что требуется 3 действия для этого)  
Комментарии: скриншота толком нет, т.к. делал все по-ходу вебинара, есть скриншот последнего урока, но он хромает, т.к. я не все успел в конце. 
2 Спрайт. Структура для линии 00:11:07 84 чел. ★ 4.9 Done
  На этом уроке мы создадим структуру для хранения линий,
массив палитры цветов и массив линий.
И перепишем программу, чтобы она это всё выводило на экран.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: использовать структуру и создание массивов линий 
Сложности: использование массива из структур 
Комментарии: скриншот все тот-же с последнего урока, все еще не доделан 
3 Спрайт. Класс для графики 00:09:32 76 чел. ★ 4.9 Done
  На этом уроке мы создадим класс Graph,
куда перенесём всё хозяйство для рисования:
структуру, графику, картинку, массив палитры.
После этого создадим методы Draw() для рисования линий.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: -задавать поля и методы класса graph -использовать перегруженные методы класса graph  
Сложности: вывод изображения через bitmap "graphics = Graphics.FromImage(bmp);" 
Комментарии: делаю второй раз после вебинара. процентов 30% я тогда прослушал, потому что старался успеть за общим составом) 
4 Спрайт. Класс для Спрайта 00:14:10 57 чел. ★ 4.9 Done
  На этом уроке мы создадим класс Sprite,
в котором будут храниться все линии каждого спрайта.
В этом классе будут методы для добавления линий,
а также, самое главное, для сохранения
и загрузки Спрайта из XML файла.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: -использовать класс Static -использовать список List<> 
Сложности: -использовать список List<> 
Комментарии: да, процентов 20-30 с вебинара не вынес) 
5 Спрайт. Рисуем линии мышкой 00:22:31 56 чел. ★ 4.9 Done
  На этом уроке мы начнём создавать редактор, наконец-таки.
Использую мышку можно будет рисовать линии,
которые будут добавляться в наш спрайт.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: -работать с событиями мышки и получать ее текущие координаты -создавать функцию для отображения линии 
Сложности: в каком участке кода нужно отрисовывать линию 
Комментарии: изначально на уроке был создан вариант, где можно рисовать многосегментную линию до нажатия правой кнопки мыши. потом он был заменен, что жаль, поскольку нет механизма привязок к концу или середине линии - сложно точно нарисовать. 
6 Спрайт. Панель инструментов 00:19:00 56 чел. ★ 5 Done
  На этом уроке мы создадим панель инструментов с кнопками
для переключения цвета, очистки экрана, отмены последнего действия.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: -удалять последнюю созданную линию методом Undo -очищать все поле 
Сложности: currColor = Convert.ToInt16(((Button)sender).Tag); 
Комментарии: Хороший урок, уже что-то проясняется 
7 Спрайт. Сериализация объекта 00:18:23 54 чел. ★ 4.9 Done
  На этом уроке мы научимся сохранять и загружать объекты,
используя технологию сериализации и десериализации.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: сериализации и десириализации 
Сложности: см. п. 2 
Комментарии: классный инструмент получился! 
8 Аполлон. Главные герои 00:07:08 81 чел. ★ 4.7 Done
  На этом уроке мы озвучим правила игры Аполлон.
Выясним, какие у нас будут главные герои.
Твоё самостоятельное задание -
нарисовать на бумаге внешний вид игры
со всеми главными героями.
Как ты это себе представляешь.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: рисовать  
Сложности: ничего 
Комментарии: слишком короткий урок, чтобы писать отчет) 
9 Аполлон. Законы физики 00:26:47 78 чел. ★ 4.9 Done
  Корабль Аполлон прилуняется на Луну.
На этом уроке мы рассмотрим упрощённую
физическую модель этого процесса и
выпишем все параметры и все формулы,
которые будут управлять этим процессом.
Отчёт отправил: 4780. Дмитрий Выполнено за 40 мин. [Показать отчёт]
Научился: создавать физическую модель корабля 
Сложности: определить поля 
Комментарии: для дальнейшей реализации требуется управление клавиатурой, наверное... 
10 Аполлон. Плавное прилунение 00:55:16 67 чел. ★ 5 Done
  На этом уроке мы допишем игру Аполлон.
Свяжем класс логики с интерфейсом.
Сделаем управление двигателем с помощью мышки.
Добавим таймер, функцию отображения корабля.
А также сообщение о конце игры и перезапуск игры.
Отчёт отправил: 4780. Дмитрий Выполнено за 1 час. 30 мин. [Показать отчёт]
Научился: управлять движением корабля через таймер и соответствующие функции 
Сложности: почему enum ShipStatus объявлен в namespace Apollon, но не в классе Ship, но тем, не менее- вызывается через Ship.status 
Комментарии: интересно получилось, прилунился не сразу) 
11 Спрайт. Рисуем Аполлона 00:14:10 48 чел. ★ 4.9 Done
  На этом уроке мы переделаем программу,
чтобы удобно было рисовать ломанные линии.
Добавим фоновый рисунок для его обведения.
И в конце концов нарисуем Землю, вид из Космоса.

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

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

Отчёт отправил: 4780. Дмитрий Выполнено за 10 мин. [Показать отчёт]
Научился: всему 
Сложности: да почти все 
Комментарии: =) 
Видеообзор: http://www.youtube.com/watch?v=YJW7kZ38emA
15 Домино. Правила игры 00:20:55 48 чел. ★ 4.9 Done
  Мы начинаем создание Домино-Пасьянса.
Костяшки домино перемешиваются и выстраиваются
на столе в пирамидку, вверху одна костяшка,
внизу семь штук. Вернхние и нижние открываются.

Отчёт отправил: 4780. Дмитрий Выполнено за 40 мин. [Показать отчёт]
Научился: -играть в пасьянс "Домино" -какие методы и свойства требуются для создания игры -как создать набор костяшек для игры посредством двумерного массива 
Сложности: -придумать весь набор состояний для Enum State 
Комментарии: почему Enum State находится вне класса Домино, а Struct Plate- внутри? 
16 Домино. Перемешиваем плашки 00:22:49 45 чел. ★ 4.9 Done
  На этом уроке мы напишем метод Start (),
который перемешает вся плашки домино.
Далее, продумаем список всех необходимых
методов для класса Domino и реализуем
самые тривиальные из них.
Отчёт отправил: 4780. Дмитрий Выполнено за 40 мин. [Показать отчёт]
Научился: перемешивать костяшки в случайном порядке создавать функцию для статуса 
Сложности: метод - protected void ChangeRandPlates() 
Комментарии: хороший урок, спасибо. 
17 Домино. Динамическая пирамида 00:21:39 45 чел. ★ 4.9 Done
  На этом уроке мы нарисуем пирамидку из доминошек.
Для отображения каждой плашки используется Label.
Label'ы мы будем создавать динамически, как в сказке.
Отчёт отправил: 4780. Дмитрий Выполнено за 30 мин. [Показать отчёт]
Научился: автоматически размещать лейблы на панели разбирать код Windows Designer 
Сложности: вложенные циклы для размещения всех лейблов 
Комментарии: чем больше рядов домино тем выше вероятность собирания пасьянса? 
18 Домино. Делегаты отображения 00:20:38 43 чел. ★ 5 Done
  На этому уроке мы свяжем два класса -
FormDomino и Domino через механизм делегатов.
Наш делегат будет отвечать за отображение плашки.
Отчёт отправил: 4780. Дмитрий Выполнено за 50 мин. [Показать отчёт]
Научился: использовать делегаты в конструкторе  
Сложности: делегаты и все, что с ними связано 
Комментарии: почему-то если закомментировать функцию Hide, значения не отображаются, и наоборот. Хотя по-идее эта функция должна скрывать значения. 
19 Домино. Выбираем и убираем 00:27:16 43 чел. ★ 5 Done
  На этом уроке мы допишем метод отображения плашки.
Затем напишем важный метод OpenFreePlates(),
чтобы после убирания старых плашек новые открывались.
Закончим урок обработкой клика по каждой плашке -
будем отмечать выделенные и убирать их, если сумма равна 12.
Отчёт отправил: 4780. Дмитрий Выполнено за 1 час. 20 мин. [Показать отчёт]
Научился: -обрабатывать нажатия пользователя по лейблу и, в соответствии в этим, скрывать пары и отображать скрытые домино 
Сложности: if (IsDropped(x + 1, y) && IsDropped(x + 1, y + 1) || IsDropped(x - 1, y) && IsDropped(x - 1, y - 1)) 
Комментарии: не совсем понятно, по какому принципу открываются домино, если, например выбрано одно сверху и одно снизу, откроется снизу или сверху в следующем ряду? 
20 Домино. Ура! Победа! 00:19:12 43 чел. ★ 5 Done
  На этом уроке мы допишем пасьянс из Домино.
Напишем методы IsWinner() и IsLooser().
Добавим метки для оповещения о результате игры
и попытаемся наконец-таки разложить этот пасьянс.
Не забудьте добавить эту программу в своё портфолио!

Внимание! В конце видео можно посмотреть на весь код целиком.
Отчёт отправил: 4780. Дмитрий Выполнено за 40 мин. [Показать отчёт]
Научился: проверять условия на выигрыш или проигрыш путем перебора всех их состояний после каждого хода;  
Сложности: логика функции public bool IsLooser(); 
Комментарии: замечательный урок, правда не очень простой, зато затрагивает многие темы ооп. 
21 Спрайт. Рисуем плашки 00:25:50 39 чел. ★ 4.9 Done
  На этом уроке мы будем рисовать плашки домино.
Каждая состоит из двух частей, отдельно
нарисуем восемь левых частей и столько же правых.
Почему восемь? От пустышки до шестёрки, и оборотная сторона.
Отчёт отправил: 4780. Дмитрий Выполнено за 50 мин. [Показать отчёт]
Научился: создавать изображения домино с использованием спратов 
Сложности: красиво рисовать 
Комментарии: вопросов нет 
22 Домино. Отображение плашки 00:26:38 38 чел. ★ 5 Done
  На этом уроке мы откроем проект Домино,
добавим в него два класса - Graph и Sprite,
и создадим метод для рисования плашки домино.
Нам придётся, как и в Аполлоне, доработать методы Draw().
В конце урока мы загрузим файлы спрайтов в ресурсы
и научим статический метод Load() загружать их
их массива байт, из строки символов.
Это добавление делать по желанию.
Отчёт отправил: 4780. Дмитрий Выполнено за 40 мин. [Показать отчёт]
Научился: 1) импортировать классы 2)выводить на форму xml объекты через Picture Box и посредством сериализации 
Сложности: сериализация) 
Комментарии: Очень хороший урок, спасибо! 
23 Домино. Двойной спрайт 00:29:27 37 чел. ★ 5 Done
  На этом уроке мы создадим класс SpriteDomino, в котором
будем хранить обе части плашки домино в виде спрайта.
В этом классе будет конструктор и методы Open() / Hide(),
которые будут пересоздавать спрайты по мере необходимости.
Дальше нужно будет в классе Graph написать метод Draw()
для рисования нашей доминошки и убедиться, что это всё работает.
Отчёт отправил: 4780. Дмитрий Выполнено за 50 мин. [Показать отчёт]
Научился: 1)отрисовывать объекты при помощи класса Sprite. 2) перегружать метод Draw() для отрисовки не спрайта, а объекта класса SpriteDomino 3) отображать и скрывать домино методами Open(), Hide(). 4) быстрое создание метода при помощи Refractor -> Extract Method. 
Сложности: case 0: LeftSide = Sprite.Sprite.Load(Properties.Resources.l0); break; 
Комментарии: много полезного узнал,Refractor -> Extract Method было неожиданно , спасибо) 
24 Домино. Анимация спрайта 00:17:36 37 чел. ★ 5 Done
  На этом уроке мы создадим анимацию спрайтов.
Для этого нам понадобится таймер,
несколько переменных, и возможность
стирания нарисованных спрайтов.
Отчёт отправил: 4780. Дмитрий Выполнено за 40 мин. [Показать отчёт]
Научился: 1) перемещать плашки домино посредством обновления их координат 
Сложности: все было понятно. новая конструкция  
Комментарии: Спасибо, интересный урок) 
25 Домино. Подъём переворотом 00:28:16 37 чел. ★ 5 Done
  На этом уроке мы реализуем ещё два вида анимации.
1. Выбор плашки, она будет "дрожать" на месте
2. Переворот плашки, она будет сжиматься и разжиматься.
Отчёт отправил: 4780. Дмитрий Выполнено за 50 мин. [Показать отчёт]
Научился: 1) реализация эффекта "дрожания" объекта путем использования тригонометрической формулы 2) эффект переворачивания домино при помощи модификации метода Draw() класса Graph - добавление параметра масштабирования по х,у. 
Сложности: механизм переворота плашки домино 
Комментарии: Очень понравилась реализация "дрожания" плашки домино. При помощи тригонометрической функции все выглядит очень компактно и красиво. 
26 Домино. Базовый класс Анимаций 00:21:37 37 чел. ★ 5 Done
  На этом уроке мы наведём порядок в нашем проекте.
Квинтессенцию анимации оформим отдельным классом - Animate.
Уберём всё лишнее из класса Graph и основного модуля.
И сделаем, чтобы всё заработало -
пока статичное отображение спрайта через экземпляр класса Animate.
Отчёт отправил: 4780. Дмитрий Выполнено за 1 час. 20 мин. [Показать отчёт]
Научился: создавать класс анимации для централизованного управления анимацией домино 
Сложности: взаимосвязь между классами 
Комментарии: так много нового каждый урок. до самостоятельного воспроизведения чувствую еще очень далеко) 
27 Домино. Три наследника Аниматора 00:30:26 37 чел. ★ 5 Done
  На этом уроке мы реализуем все способы анимации
через созадние классов наследников от Animate.
У нас будет три класса: AnimateMove, AnimateMark и AnimateTurn.
Отчёт отправил: 4780. Дмитрий Выполнено за 1 час. 00 мин. [Показать отчёт]
Научился: Разделять методы переворачивания, дрожания и перемещения домино в отдельные классы. 
Сложности: обилие разных классов и их наследование. virtual -> override, а методах Draw такого нет. 
Комментарии: очень хорошая программа получается, особенно с точки зрения ООП. 
28 Домино. Пирамида из анимашек 00:15:05 37 чел. ★ 5 Done
  На этом уроке мы добавим ещё парочку
виртуальных функций в базовый класс Animate,
чтобы их можно было вызывать без явного указания типа.

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

Отчёт отправил: 4780. Дмитрий Выполнено за 1 час. 00 мин. [Показать отчёт]
Научился: вспоминать материал по пройденным уже давно видеоурокам 
Сложности: восстановить в памяти функционал программы, т.к. писал ее пару месяцев назад 
Комментарии: =) 
Видеообзор: http://www.youtube.com/watch?v=AndgjT3R3xU
33 VIP урок. Телефон по TCP/IP протоколу 00:47:44 23 чел. ★ 5 Done
  На этом видеоуроке мы создадим три класса, которые удобно
использовать для передачи данных между двумя компьютерами.
Отчёт отправил: 4780. Дмитрий Выполнено за 2 час. 00 мин. [Показать отчёт]
Научился: 1. использование класса для передачи данных NetworkStream 2. использование потоков/нитей - using System.Threading; 3. использование делегатов 
Сложности: все было новым и поэтому сложно для восприятия 
Комментарии: если сначала запустить сервер, потом клиент, то все работает. но если потом клиент закрыть, то сервер выдает уже другую ошибку: only one usage of each socket address is normally permitted. После этого подключение занимает определенное время, в прямой зависимости от значения Thread.Sleep(2000) в Phone.Waiter() и в Program.Run(); Т.е. сервер пытается заново запуститься на том же IP? 
  Итого:   33 видеоурока общей продолжительностью 12 час. 26 мин. 23 чел. ★ 4.95  
  Финалисты:   Олюшка,   Руслан,   Екатерина,   Иван,   Андрей Поляков,   Дмитрий,   Елена,   Ильшат,   Фомичева Наталья,   Илья,   Владимир,   Никита,   Сергей Сергеевич,   Артём,   Мариша ,   Михаил Ермишин,   Максим Лапшинов,   Максим,   Электрон,   Tekashnik,   Новопашин Владимир,   Dimon,   chokayes .

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




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

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

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

Ты в любой момент сможешь отписаться от рассылки.


Научился: вспоминать материал по пройденным уже давно видеоурокам
Трудности: восстановить в памяти функционал программы, т.к. писал ее пару месяцев назад
=)
Смотреть видеозапись: http://www.youtube.com/watch?v=AndgjT3R3xU


Научился: создавать видеообзоры программ
записывал экспромтом, поэтому в некоторых местах немного тупил :)
Смотреть видеозапись: http://www.youtube.com/watch?v=0aLWpPHNhN8