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

Формула программиста
основатель — Волосатов Евгений Витольдович
Вступай в Телеграм чат проекта | Обход блокировки
Игровой комплекс Сокобан - Введи код скидки

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

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

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

Хочу купить!

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

Цена: 1600 p.


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

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

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

Отчёт отправил: 10478. DeeP Выполнено за 20 мин. [Показать отчёт]
Научился: Создавать PictureBox 
Сложности: Начать курс 
Комментарии: Хорошее начало 
2 Спрайт. Структура для линии 00:11:07 83 чел. ★ 4.9 Done
  На этом уроке мы создадим структуру для хранения линий,
массив палитры цветов и массив линий.
И перепишем программу, чтобы она это всё выводило на экран.
Отчёт отправил: 10478. DeeP Выполнено за 20 мин. [Показать отчёт]
Научился: Создавать массив линий 
Сложности: Аккуратно вбивать координаты 
Комментарии: 100 на 100 - маленькое окошко) 
3 Спрайт. Класс для графики 00:09:32 75 чел. ★ 4.9 Done
  На этом уроке мы создадим класс Graph,
куда перенесём всё хозяйство для рисования:
структуру, графику, картинку, массив палитры.
После этого создадим методы Draw() для рисования линий.
Отчёт отправил: 10478. DeeP Выполнено за 25 мин. [Показать отчёт]
Научился: Использовать Graphics 
Сложности: Не отставать от урока 
Комментарии: Ещё начал использовать System.Drawing 
4 Спрайт. Класс для Спрайта 00:14:10 56 чел. ★ 4.9 Done
  На этом уроке мы создадим класс Sprite,
в котором будут храниться все линии каждого спрайта.
В этом классе будут методы для добавления линий,
а также, самое главное, для сохранения
и загрузки Спрайта из XML файла.
Отчёт отправил: 10478. DeeP Выполнено за 30 мин. [Показать отчёт]
Научился: Узнал как работает List 
Сложности: Следить за пошаговым выполнениме программы 
Комментарии: {get; private set;} - полезная возможность 
5 Спрайт. Рисуем линии мышкой 00:22:31 55 чел. ★ 4.9 Done
  На этом уроке мы начнём создавать редактор, наконец-таки.
Использую мышку можно будет рисовать линии,
которые будут добавляться в наш спрайт.
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Работать с мышкой 
Сложности: Нарисовать картинку 
Комментарии: Не знал, что так легко можно использовать кнопки мыши. 
6 Спрайт. Панель инструментов 00:19:00 55 чел. ★ 5 Done
  На этом уроке мы создадим панель инструментов с кнопками
для переключения цвета, очистки экрана, отмены последнего действия.
Отчёт отправил: 10478. DeeP Выполнено за 40 мин. [Показать отчёт]
Научился: Научился делать панель с большим количеством кнопок. 
Сложности: Всё правильно оформить 
Комментарии: Ещё узнал про Visible и Tag 
7 Спрайт. Сериализация объекта 00:18:23 53 чел. ★ 4.9 Done
  На этом уроке мы научимся сохранять и загружать объекты,
используя технологию сериализации и десериализации.
Отчёт отправил: 10478. DeeP Выполнено за 30 мин. [Показать отчёт]
Научился: Сохранять и загружать в xml-файл 
Сложности: Найти OpenFileDialog в Тулбоксе) 
Комментарии: Здорово, что показали как сохранять в любое место 
8 Аполлон. Главные герои 00:07:08 81 чел. ★ 4.7 Done
  На этом уроке мы озвучим правила игры Аполлон.
Выясним, какие у нас будут главные герои.
Твоё самостоятельное задание -
нарисовать на бумаге внешний вид игры
со всеми главными героями.
Как ты это себе представляешь.
Отчёт отправил: 10478. DeeP Выполнено за 10 мин. [Показать отчёт]
Научился: Рисовать звёзды 
Сложности: Нарисовать Аполлон 
Комментарии: Шедевр выполнен в стиле пост-примитивизм) 
9 Аполлон. Законы физики 00:26:47 78 чел. ★ 4.9 Done
  Корабль Аполлон прилуняется на Луну.
На этом уроке мы рассмотрим упрощённую
физическую модель этого процесса и
выпишем все параметры и все формулы,
которые будут управлять этим процессом.
Отчёт отправил: 10478. DeeP Выполнено за 40 мин. [Показать отчёт]
Научился: Создавать космический корабль 
Сложности: Создавать форму с элементами 
Комментарии: Вспомнил, как работать с float 
10 Аполлон. Плавное прилунение 00:55:16 67 чел. ★ 5 Done
  На этом уроке мы допишем игру Аполлон.
Свяжем класс логики с интерфейсом.
Сделаем управление двигателем с помощью мышки.
Добавим таймер, функцию отображения корабля.
А также сообщение о конце игры и перезапуск игры.
Отчёт отправил: 10478. DeeP Выполнено за 2 час. 10 мин. [Показать отчёт]
Научился: Передвигать картинки 
Сложности: Совершить посадку 
Комментарии: Игра получилась действительно интресная 
11 Спрайт. Рисуем Аполлона 00:14:10 48 чел. ★ 4.9 Done
  На этом уроке мы переделаем программу,
чтобы удобно было рисовать ломанные линии.
Добавим фоновый рисунок для его обведения.
И в конце концов нарисуем Землю, вид из Космоса.

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

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

Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Продолжаю тренироваться записывать видео 
Сложности: Настроить микрофон 
Комментарии: Немного улучшил звук по сравнению с первым видео про "Шарики" 
Видеообзор: https://youtu.be/uaZQOoHTogE
15 Домино. Правила игры 00:20:55 48 чел. ★ 4.9 Done
  Мы начинаем создание Домино-Пасьянса.
Костяшки домино перемешиваются и выстраиваются
на столе в пирамидку, вверху одна костяшка,
внизу семь штук. Вернхние и нижние открываются.

Отчёт отправил: 10478. DeeP Выполнено за 40 мин. [Показать отчёт]
Научился: Ещё раз вспомнил, как использовать enum 
Сложности: Понять правила игры 
Комментарии: Можно сделать игру легче, если разрешить складывать более двух костяшек 
16 Домино. Перемешиваем плашки 00:22:49 45 чел. ★ 4.9 Done
  На этом уроке мы напишем метод Start (),
который перемешает вся плашки домино.
Далее, продумаем список всех необходимых
методов для класса Domino и реализуем
самые тривиальные из них.
Отчёт отправил: 10478. DeeP Выполнено за 40 мин. [Показать отчёт]
Научился: Использоваться Breakpoint для проверки кода 
Сложности: Удалить лишние заглушки 
Комментарии: Функции отладки в VS на высоте 
17 Домино. Динамическая пирамида 00:21:39 45 чел. ★ 4.9 Done
  На этом уроке мы нарисуем пирамидку из доминошек.
Для отображения каждой плашки используется Label.
Label'ы мы будем создавать динамически, как в сказке.
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Смотреть код инициализации 
Сложности: Не забыть добавить функцию в основную часть программы, после того как её написал. 
Комментарии: Нужно будет ещё иконку потом добавить 
18 Домино. Делегаты отображения 00:20:38 43 чел. ★ 5 Done
  На этому уроке мы свяжем два класса -
FormDomino и Domino через механизм делегатов.
Наш делегат будет отвечать за отображение плашки.
Отчёт отправил: 10478. DeeP Выполнено за 40 мин. [Показать отчёт]
Научился: Выводить данные через Debug.WriteLine 
Сложности: Исправлять ошибки, которые возникали от моей невнимательности 
Комментарии: Двойной вывод - очень наглядный пример) 
19 Домино. Выбираем и убираем 00:27:16 43 чел. ★ 5 Done
  На этом уроке мы допишем метод отображения плашки.
Затем напишем важный метод OpenFreePlates(),
чтобы после убирания старых плашек новые открывались.
Закончим урок обработкой клика по каждой плашке -
будем отмечать выделенные и убирать их, если сумма равна 12.
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Делaть oбpабoткy кликa по label'y 
Сложности: Дописать удаление отметки 
Комментарии: if (map[x1, y1].Sum() + map[x2, y2].Sum() == sumDroped) { SetState(x1, y1, State.drop); SetState(x2, y2, State.drop); return true; } else { SetState(x1, y1, State.open); SetState(x2, y2, State.open); } 
20 Домино. Ура! Победа! 00:19:12 43 чел. ★ 5 Done
  На этом уроке мы допишем пасьянс из Домино.
Напишем методы IsWinner() и IsLooser().
Добавим метки для оповещения о результате игры
и попытаемся наконец-таки разложить этот пасьянс.
Не забудьте добавить эту программу в своё портфолио!

Внимание! В конце видео можно посмотреть на весь код целиком.
Отчёт отправил: 10478. DeeP Выполнено за 40 мин. [Показать отчёт]
Научился: Добавлять метки 
Сложности: Разложить пасьянс 
Комментарии: Проверка на проигрыш здорово улучшила игру. Всё время ищешь комбинацию и точно знаешь, что она есть. 
21 Спрайт. Рисуем плашки 00:25:50 39 чел. ★ 4.9 Done
  На этом уроке мы будем рисовать плашки домино.
Каждая состоит из двух частей, отдельно
нарисуем восемь левых частей и столько же правых.
Почему восемь? От пустышки до шестёрки, и оборотная сторона.
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Точно наводить мышку 
Сложности: Нарисовать заднюю часть домино 
Комментарии: Вместо кружков, рисовал звёзды 
22 Домино. Отображение плашки 00:26:38 38 чел. ★ 5 Done
  На этом уроке мы откроем проект Домино,
добавим в него два класса - Graph и Sprite,
и создадим метод для рисования плашки домино.
Нам придётся, как и в Аполлоне, доработать методы Draw().
В конце урока мы загрузим файлы спрайтов в ресурсы
и научим статический метод Load() загружать их
их массива байт, из строки символов.
Это добавление делать по желанию.
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Добавлять файлы в ресурсы 
Сложности: Определиться с толщиной линий 
Комментарии: Понятно, что такой доминошки, как на скриншоте, не бывает. Видно, что файлы в ресурс добавлены. 
23 Домино. Двойной спрайт 00:29:27 37 чел. ★ 5 Done
  На этом уроке мы создадим класс SpriteDomino, в котором
будем хранить обе части плашки домино в виде спрайта.
В этом классе будет конструктор и методы Open() / Hide(),
которые будут пересоздавать спрайты по мере необходимости.
Дальше нужно будет в классе Graph написать метод Draw()
для рисования нашей доминошки и убедиться, что это всё работает.
Отчёт отправил: 10478. DeeP Выполнено за 1 час. 10 мин. [Показать отчёт]
Научился: Узнал новую возможность для рефакторинга. 
Сложности: Разобраться с парой ошибок при написании кода. 
Комментарии: Возможно сделаю для внешней стороны домино две одинаковых картинки. 
24 Домино. Анимация спрайта 00:17:36 37 чел. ★ 5 Done
  На этом уроке мы создадим анимацию спрайтов.
Для этого нам понадобится таймер,
несколько переменных, и возможность
стирания нарисованных спрайтов.
Отчёт отправил: 10478. DeeP Выполнено за 30 мин. [Показать отчёт]
Научился: Двигать объекты. 
Сложности: Не запутаться в координатах sd1, sd2 
Комментарии: Понравилась запись --- color[visible ? line.color : 0] 
25 Домино. Подъём переворотом 00:28:16 37 чел. ★ 5 Done
  На этом уроке мы реализуем ещё два вида анимации.
1. Выбор плашки, она будет "дрожать" на месте
2. Переворот плашки, она будет сжиматься и разжиматься.
Отчёт отправил: 10478. DeeP Выполнено за 1 час. 10 мин. [Показать отчёт]
Научился: Менять масштаб по осям 
Сложности: Не запутаться в параметрах по х и y 
Комментарии: Доминошка чуть-чуть увеличивается перед переворотом) 
26 Домино. Базовый класс Анимаций 00:21:37 37 чел. ★ 5 Done
  На этом уроке мы наведём порядок в нашем проекте.
Квинтессенцию анимации оформим отдельным классом - Animate.
Уберём всё лишнее из класса Graph и основного модуля.
И сделаем, чтобы всё заработало -
пока статичное отображение спрайта через экземпляр класса Animate.
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Научился делать рефакторинг через создание нового класса. 
Сложности: Найти ошибку у себя в коде. 
Комментарии: Ошибка была в том, что я забыл сделать класс Animate публичным. 
27 Домино. Три наследника Аниматора 00:30:26 37 чел. ★ 5 Done
  На этом уроке мы реализуем все способы анимации
через созадние классов наследников от Animate.
У нас будет три класса: AnimateMove, AnimateMark и AnimateTurn.
Отчёт отправил: 10478. DeeP Выполнено за 1 час. 10 мин. [Показать отчёт]
Научился: Наследовать классы 
Сложности: Не запутаться в AnimateMove, AnimateMark и AnimateTurn. 
Комментарии: Под конец даже пришлось поискать у себя ошибку. Но в итоге всё заработало. 
28 Домино. Пирамида из анимашек 00:15:05 37 чел. ★ 5 Done
  На этом уроке мы добавим ещё парочку
виртуальных функций в базовый класс Animate,
чтобы их можно было вызывать без явного указания типа.

Но самое главное - мы создадим матрицу "анимашек",
инициализируем её экземплярами базового класса
и выведем это всё на экран в виде пирамиды.
Отчёт отправил: 10478. DeeP Выполнено за 30 мин. [Показать отчёт]
Научился: Использовать override. 
Сложности: Следить за тем, как и почему в код добавляются новые изменения. 
Комментарии: Полу-автоматический рефакторинг довольно полезная штука. 
29 Домино. Rolling Stones 00:19:29 36 чел. ★ 5 Done
  На этом уроке мы сделаем анимацию раскладывания всех плашек домино на столе.
Для этого напишем метод RollDomino(), а ещё нам потребуется отлавливать
момент, когда все доминошки уже выложены на стол. Для этого мы добавим
поле string mode, чтобы в таймере отловить этот момент.
Отчёт отправил: 10478. DeeP Выполнено за 40 мин. [Показать отчёт]
Научился: Экспериментировать с параметрами  
Сложности: Отслеживать последовательные изменения в разных классах. 
Комментарии: Пирамида выстраивается из плашек, которые еду в разных направлениях - одни вверх, другие вниз. 
30 Домино. Наведение порядка 00:20:25 36 чел. ★ 5 Done
  На этом уроке мы наведём порядок на форме,
избавимся от наследия Label [,], уберём ненужные методы.
Потом, на 10-ой минуте мы приступим к открытию плашек
на первом и последнем ряду пирамиды.
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Убирать ненужные методы. 
Сложности: Была ошибка в коде. Массив map у меня не был публичным, поэтому domino.map[x, y].a не срабатывало. Ну я подумал и исправил 
Комментарии: Думаю, нужно считывать координаты клика мышки, и таким образом определять выбранную плашку. 
31 Домино. Финальный аккорд 00:22:58 35 чел. ★ 5 Done
  На этом уроке мы научим программу выбирать
плашки по щелчку мышки, убирать с экрана верные пары,
и сыграем несколько раз до полного успеха :)
Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: Проверке от противного 
Сложности: Разложить пасьянс 
Комментарии: Отличная игра получилась) 
32 ФИНАЛЬНЫЙ урок 00:23:23 28 чел. ★ 5 Done
  Задание:
Записать видео обзор игры Пасьянс из домино.

Отчёт отправил: 10478. DeeP Выполнено за 50 мин. [Показать отчёт]
Научился: С первого раза раскладывать Пасьянс. 
Сложности: Дождаться загрузки на YouTube. 
Комментарии: Мои обзоры становятся короче. 
Видеообзор: https://youtu.be/qI9VnKTA_OI
33 VIP урок. Телефон по TCP/IP протоколу 00:47:44 23 чел. ★ 5 $
  На этом видеоуроке мы создадим три класса, которые удобно
использовать для передачи данных между двумя компьютерами.
  Итого:   33 видеоурока общей продолжительностью 12 час. 26 мин. 23 чел. ★ 4.95  
  Финалисты:   Олюшка,   Руслан,   Екатерина,   Иван,   Андрей Поляков,   Дмитрий,   Елена,   Ильшат,   Фомичева Наталья,   Илья,   Владимир,   Никита,   Сергей Сергеевич,   Артём,   Мариша ,   Михаил Ермишин,   Максим Лапшинов,   Максим,   Электрон,   Tekashnik,   Новопашин Владимир,   Dimon,   chokayes .

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




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

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

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

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


Научился: Все отлично)) Повторил пройденное)
Записал обзор видео, выложил на YouTube. Также архив программ выложил, для скачивания Вам понадобится пароль на архив: www.videosharp.info. Думаю, что получилось весьма неплохо.
Смотреть видеозапись: https://www.youtube.com/watch?v=LV1g6_yZM5Q


Научился: Делать видеообзор
Трудности: Не запнуться на долгую паузу)
Сейчас пересмотрел, что я выложил вчера на ютуб и думаю: "Ууууу......" ))))
Смотреть видеозапись: http://www.youtube.com/watch?v=Vfof_eaCjOs