# | Название видеоурока | Видео / Тесты | Решило | Рейтинг | Доступ |
---|---|---|---|---|---|
1 | Спрайт. Первая форма |
|
|||
На этом уроке мы создадим форму, немножко её оформим, выберем для неё иконку. Далее напишем функцию, которая рисует на экране две линии. Спрайт - это графический объект, состоящий из линий и кругов. На этом уроке мы создадим графический редактор для спрайтов. Этот редактор мы будем использовать для создания «героев» игр. В каждой игре у нас будет несколько спрайтов, которые будут создаваться, двигаться, исчезать по правилам той или иной игры. Отчёт отправил: 7276. Ильшат Выполнено за 16 мин. [Показать отчёт] Научился: Закрепил материал, полученный в курсах ООП и Наноигры для создания формы, добавления иконок, использования Graphics, Bitmap. Сложности: Найти иконку. Комментарии: Все подробно поясняется, начиная от этапа создания приложения, установки иконки и прочее; хороший урок для начала курса. |
|||||
2 | Спрайт. Структура для линии |
|
|||
На этом уроке мы создадим структуру для хранения линий, массив палитры цветов и массив линий. И перепишем программу, чтобы она это всё выводило на экран. Отчёт отправил: 7276. Ильшат Выполнено за 15 мин. [Показать отчёт] Научился: Научился инициализации массива с помощью явного списка инициализации в языке C#. Сложности: Сложностей не было. Комментарии: Все хорошо, идем дальше) |
|||||
3 | Спрайт. Класс для графики |
|
|||
На этом уроке мы создадим класс Graph, куда перенесём всё хозяйство для рисования: структуру, графику, картинку, массив палитры. После этого создадим методы Draw() для рисования линий. Отчёт отправил: 7276. Ильшат Выполнено за 18 мин. [Показать отчёт] Научился: Познакомился со свойствами в C#. В данном случае, с автоматически реализуемыми свойствами. Сложности: Сложностей не было, некоторое время заняло чтение msdn по свойствам. Комментарии: Удобная фича, автоматически реализуемые свойства, в одной строчке коде можно указать доступ только для чтения или записи. |
|||||
4 | Спрайт. Класс для Спрайта |
|
|||
На этом уроке мы создадим класс Sprite, в котором будут храниться все линии каждого спрайта. В этом классе будут методы для добавления линий, а также, самое главное, для сохранения и загрузки Спрайта из XML файла. Отчёт отправил: 7276. Ильшат Выполнено за 20 мин. [Показать отчёт] Научился: Закрепил знания из прошлых уроков: Свойства, List<>. Сложности: Сложностей не было. Комментарии: Идем дальше, необходимо научиться загружать данные в коллекцию из xml-файла. |
|||||
5 | Спрайт. Рисуем линии мышкой |
|
|||
На этом уроке мы начнём создавать редактор, наконец-таки. Использую мышку можно будет рисовать линии, которые будут добавляться в наш спрайт. Отчёт отправил: 7276. Ильшат Выполнено за 32 мин. [Показать отчёт] Научился: Познакомился с событиями MouseDown, MouseMove, MouseUp Сложности: Нарисовать что-нибудь "красивое". Комментарии: Увлекся творчеством, 10 минут работал с мышкой) |
|||||
6 | Спрайт. Панель инструментов |
|
|||
На этом уроке мы создадим панель инструментов с кнопками для переключения цвета, очистки экрана, отмены последнего действия. Отчёт отправил: 7276. Ильшат Выполнено за 30 мин. [Показать отчёт] Научился: 1) Свойство Tag у объектов на форме. 2) Удалять элемент из списка List<> по указанному индексу. Сложности: Придумать рисунок) Комментарии: Красота, у меня теперь есть свой Paint) |
|||||
7 | Спрайт. Сериализация объекта |
|
|||
На этом уроке мы научимся сохранять и загружать объекты, используя технологию сериализации и десериализации. Отчёт отправил: 7276. Ильшат Выполнено за 25 мин. [Показать отчёт] Научился: 1) How to serialize and deserialize objects, в данном уроке в файл формата xml. 2) Познакомился компонентами SaveFileDialog, OpenFileDialog. Сложности: Сложностей не было. Комментарии: Интересная тема) |
|||||
8 | Аполлон. Главные герои |
|
|||
На этом уроке мы озвучим правила игры Аполлон. Выясним, какие у нас будут главные герои. Твоё самостоятельное задание - нарисовать на бумаге внешний вид игры со всеми главными героями. Как ты это себе представляешь. Отчёт отправил: 7276. Ильшат Выполнено за 30 мин. [Показать отчёт] Научился: 1) Почитал про Аполлон-11, интересно) 2) Рисовать планету Земля из космоса. Сложности: Нарисовать. Комментарии: Погуглил перед тем как рисовать корабль, обнаружил, что посадочный модуль Аполлон-11 не похож на ракету, скорее он смахивает на некую капсулу:D Но задание требует ракету, вот она, вроде как похожа) |
|||||
9 | Аполлон. Законы физики |
|
|||
Корабль Аполлон прилуняется на Луну. На этом уроке мы рассмотрим упрощённую физическую модель этого процесса и выпишем все параметры и все формулы, которые будут управлять этим процессом. Отчёт отправил: 7276. Ильшат Выполнено за 30 мин. [Показать отчёт] Научился: 1) Вспомнил физику) 2) Модификаторы const, readonly. Сложности: Сложностей не было. Комментарии: Клево, когда в программе реализуются какие-либо модели реального мира) |
|||||
10 | Аполлон. Плавное прилунение |
|
|||
На этом уроке мы допишем игру Аполлон. Свяжем класс логики с интерфейсом. Сделаем управление двигателем с помощью мышки. Добавим таймер, функцию отображения корабля. А также сообщение о конце игры и перезапуск игры. Отчёт отправил: 7276. Ильшат Выполнено за 1 час. 15 мин. [Показать отчёт] Научился: Закрепил знания по событиям MouseDown, MouseUp, Click, попрактиковался с enum, ToString() с параметром строкой для форматирования вывода. Сложности: Сложностей не было. Комментарии: Всего 200 строк кода в двух файлах, простые элементы пользовательского интерфейса, и в итоге получилась такая интересная и затягивающая программа, здорово) |
|||||
11 | Спрайт. Рисуем Аполлона |
|
|||
На этом уроке мы переделаем программу, чтобы удобно было рисовать ломанные линии. Добавим фоновый рисунок для его обведения. И в конце концов нарисуем Землю, вид из Космоса. Задание: Научить программу рисовать ломанные и нарисовать Землю, поверхность Луны, Ракету, Работающие двигатели, маленькую звёздочку. Отчёт отправил: 7276. Ильшат Выполнено за 50 мин. [Показать отчёт] Научился: Transparent color Сложности: Нарисовать Землю) Комментарии: Срисовывал со своего же рисунка, посмотрим как будет выглядеть посадка ракеты) |
|||||
12 | Аполлон. Graph и Sprite на Луне |
|
|||
На этом уроке мы внедрим созданные спрайты в написанную игрушку. Для этого мы добавим проект два класса из прошлых уроков - класс Graph и Sprite. Затем напишем метод загрузки всех спрайтов, и выведем один из них на экран. Задание наладить работу программы с предыдущими классами и уметь загружать подготовленные спрайты. Отчёт отправил: 7276. Ильшат Выполнено за 30 мин. [Показать отчёт] Научился: Добавлять в проект разработанные ранее классы. Сложности: Сложностей не было. Комментарии: Интересно посмотреть, как мы будем масштабировать и размещать спрайты на pictureBox) |
|||||
13 | Аполлон. Финальное прилунение |
|
|||
На этом уроке мы изменим метод Draw таким образом, чтобы он принимал координаты размещения спрайта и его масштаб. Далее, напишем методы для отображения всех спрайтов. Подгоним значения, чтобы всё отображалось красиво. И запустим наконец-таки нашу красочную игру с посадкой корабля Аполлон на Луну. Ура! Отчёт отправил: 7276. Ильшат Выполнено за 1 час. 00 мин. [Показать отчёт] Научился: Масштабировать спрайты и размещать их в необходимых координатах экрана. Сложности: Подогнать размеры спрайтов, редактировать xml-файлы для корректного отображения спрайтов. Комментарии: Простая, интересная игрушка; хороший итог разработки с нуля. Спасибо, Евгений Витольдович) |
|||||
14 | Полуфинальный урок |
|
|||
Задание: Записать видео обзор игры Аполлон. Отчёт отправил: 7276. Ильшат Выполнено за 30 мин. [Показать отчёт] Научился: Создавать видео обзор своего приложения. Сложности: Записать свой первый в жизни видео обзор) Комментарии: На момент записи у меня слегка простывший голос) Спасибо, Евгений Витольдович, видео обзоры помогают лучше понять то, что ты делаешь, о чем говоришь и вообще это полезно не только в программировании, но и в жизни в целом) Видеообзор: https://youtu.be/-PA5dKmBP-M |
|||||
15 | Домино. Правила игры |
|
|||
Мы начинаем создание Домино-Пасьянса. Костяшки домино перемешиваются и выстраиваются на столе в пирамидку, вверху одна костяшка, внизу семь штук. Верхние и нижние открываются. Отчёт отправил: 7276. Ильшат Выполнено за 30 мин. [Показать отчёт] Научился: 1. Познакомился с правилами игры Пасьянс Домино (Пирамида). 2. Двумерные массивы в C# [,] Сложности: Найти/купить домино. Комментарии: Вместо найти/купить домино, я нашел/скачал приложение из Windows Store на свой смартфон. Хотя игра в демо-режиме, количество раскладок ограничено, суть игры уловил и проверил на практике. |
|||||
16 | Домино. Перемешиваем плашки |
|
|||
На этом уроке мы напишем метод Start (), который перемешает вся плашки домино. Далее, продумаем список всех необходимых методов для класса Domino и реализуем самые тривиальные из них. Отчёт отправил: 7276. Ильшат Выполнено за 35 мин. [Показать отчёт] Научился: Вспомнил как использовать генератор случайных чисел System.Random Сложности: Сложностей не было. Комментарии: Не понятно, почему используется модификатор доступа protected для целого набора функций в классе Domino. В дальнейшем, класс Domino будет базовым? Тогда и virtual неплохо бы прикрутить к ним или к public функциям. В общем, я заинтересован, посмотрим, как будет развиваться данная программа) |
|||||
17 | Домино. Динамическая пирамида |
|
|||
На этом уроке мы нарисуем пирамидку из доминошек. Для отображения каждой плашки используется Label. Label'ы мы будем создавать динамически, как в сказке. Отчёт отправил: 7276. Ильшат Выполнено за 40 мин. [Показать отчёт] Научился: Динамически создавать объекты на форме, в данном уроке, объекты Label. Сложности: Сложностей не было, интересная тема. Комментарии: Красиво сделано, весь код зависит от значения переменной maxPoints, корректно создает label's и добавляет на форму, магия) |
|||||
18 | Домино. Делегаты отображения |
|
|||
На этому уроке мы свяжем два класса - FormDomino и Domino через механизм делегатов. Наш делегат будет отвечать за отображение плашки. Отчёт отправил: 7276. Ильшат Выполнено за 35 мин. [Показать отчёт] Научился: Познакомился с делегатами в C#, по сути, это обычные указатели на функции в старом Си (даже не C++), но в удобной упаковке, плюс с перегрузкой +=, возможно что-то еще есть. Сложности: Сложностей не было, попозже почитаю подробнее про делегаты, их причуды и использование. Комментарии: Понравились делегаты, возможность назначить цепочку действий. Емкий и полезный урок, спасибо) |
|||||
19 | Домино. Выбираем и убираем |
|
|||
На этом уроке мы допишем метод отображения плашки. Затем напишем важный метод OpenFreePlates(), чтобы после убирания старых плашек новые открывались. Закончим урок обработкой клика по каждой плашке - будем отмечать выделенные и убирать их, если сумма равна 12. Отчёт отправил: 7276. Ильшат Выполнено за 40 мин. [Показать отчёт] Научился: 1) Уточнил правила игры, условия для открытия и удаления плашек. 2) Повторил Tag, Split(). Сложности: Сложностей не было. Комментарии: Хорошо, когда с помощью paint или других средств наглядно показывается алгоритм будущей программы) |
|||||
20 | Домино. Ура! Победа! |
|
|||
На этом уроке мы допишем пасьянс из Домино. Напишем методы IsWinner() и IsLooser(). Добавим метки для оповещения о результате игры и попытаемся наконец-таки разложить этот пасьянс. Не забудьте добавить эту программу в своё портфолио! Внимание! В конце видео можно посмотреть на весь код целиком. Отчёт отправил: 7276. Ильшат Выполнено за 40 мин. [Показать отчёт] Научился: Закрепил навыки с прошлых уроков, изучил алгоритм определения поражения в игре с использованием массивов сумм плашек. Сложности: Разложить пасьянс. Комментарии: Повезло с пасьянсом, разложил его с первого раза) |
|||||
21 | Спрайт. Рисуем плашки |
|
|||
На этом уроке мы будем рисовать плашки домино. Каждая состоит из двух частей, отдельно нарисуем восемь левых частей и столько же правых. Почему восемь? От пустышки до шестёрки, и оборотная сторона. Отчёт отправил: 7276. Ильшат Выполнено за 1 час. 30 мин. [Показать отчёт] Научился: Корректировать вручную xml-файл. Это было необходимо для того, чтобы не перерисовывать правые стороны плашек, а скопировать данные из левых плашек и подкорректировать боковые линии. Сложности: Нарисовать плашки, достаточно долго обводил круги) Комментарии: В paint создал два шаблона для срисовки, один с точками, как на уроке, другой с окружностями, для простоты и наглядности) |
|||||
22 | Домино. Отображение плашки |
|
|||
На этом уроке мы откроем проект Домино, добавим в него два класса - Graph и Sprite, и создадим метод для рисования плашки домино. Нам придётся, как и в Аполлоне, доработать методы Draw(). В конце урока мы загрузим файлы спрайтов в ресурсы и научим статический метод Load() загружать их их массива байт, из строки символов. Это добавление делать по желанию. Отчёт отправил: 7276. Ильшат Выполнено за 50 мин. [Показать отчёт] Научился: Конвертировать массив байт в строку utf8. Сложности: Нарисовать на экране плашку домино. Комментарии: В моем случае, я сохранял спрайты в файлы с расширением *.xml и предложенный вариант в видео по чтению данных из массива байт не сработал. Передо мной стоял выбор: 1) сохранить все спрайты без расширения (как на видео). 2) разобраться с системой загрузки ресурсов. 3) изменить код программы, чтобы она могла загружать данные из а) файла б) строки string в) массива байт. Мне по душе третий вариант, на нем и остановился. Для верности, проверил работу программы, подав ей на вход бинарный файл, все сработало) |
|||||
23 | Домино. Двойной спрайт |
|
|||
На этом уроке мы создадим класс SpriteDomino, в котором будем хранить обе части плашки домино в виде спрайта. В этом классе будет конструктор и методы Open() / Hide(), которые будут пересоздавать спрайты по мере необходимости. Дальше нужно будет в классе Graph написать метод Draw() для рисования нашей доминошки и убедиться, что это всё работает. Отчёт отправил: 7276. Ильшат Выполнено за 40 мин. [Показать отчёт] Научился: Рефакторить, выделять метод из нескольких строк кода. Сложности: Сложностей не было. Комментарии: Было непонятно, почему в функциях Open(), Hide() присваивались "странные" значения для булевой переменной open. Подумал, что тут вероятно какая-нибудь хитрая магия Евгения Витольдовича и поэтому не трогал код. Оказалось что не зря ломал голову, первоначальные значения на видео были неверные, и в результате, в Open() надо указать open = true, а в Hide() open = false. |
|||||
24 | Домино. Анимация спрайта |
|
|||
На этом уроке мы создадим анимацию спрайтов. Для этого нам понадобится таймер, несколько переменных, и возможность стирания нарисованных спрайтов. Отчёт отправил: 7276. Ильшат Выполнено за 25 мин. [Показать отчёт] Научился: Закрепил знания по анимации передвижения спрайтов, примерно похожее было в игре Аполлон. Сложности: Не запутаться в "лабораторных" переменных) Комментарии: По просьбе Ильи исправил вывод спрайтов на экран, теперь все корректно. Проблема была в значении переменной domino_full, то есть оригинального размера спрайта. На видео это значение было 400, я слепо скопировал и получился такой эффект. В моем случае, исходный размер спрайта был в пределах 420, исправил, заработало) |
|||||
25 | Домино. Подъём переворотом |
|
|||
На этом уроке мы реализуем ещё два вида анимации. 1. Выбор плашки, она будет "дрожать" на месте 2. Переворот плашки, она будет сжиматься и разжиматься. Отчёт отправил: 7276. Ильшат Выполнено за 40 мин. [Показать отчёт] Научился: 1) Обращаться к const константам класса через имя класса (через объекты не доступно). 2) Использовать математические функции для задания траектории движения спрайта. Сложности: Понять алгоритм анимации выбора и переворота спрайта. Комментарии: Получилось красиво, мне понравились новые анимации, спасибо!) |
|||||
26 | Домино. Базовый класс Анимаций |
|
|||
На этом уроке мы наведём порядок в нашем проекте. Квинтессенцию анимации оформим отдельным классом - Animate. Уберём всё лишнее из класса Graph и основного модуля. И сделаем, чтобы всё заработало - пока статичное отображение спрайта через экземпляр класса Animate. Отчёт отправил: 7276. Ильшат Выполнено за 35 мин. [Показать отчёт] Научился: Повторил алгоритм расчета координат плашек. Сложности: Сложностей не было, понравился выделенный класс для Анимации. Комментарии: Забавно смотреть, как методы Draw в классе Graph по очереди вызывают друг друга) |
|||||
27 | Домино. Три наследника Аниматора |
|
|||
На этом уроке мы реализуем все способы анимации через созадние классов наследников от Animate. У нас будет три класса: AnimateMove, AnimateMark и AnimateTurn. Отчёт отправил: 7276. Ильшат Выполнено за 45 мин. [Показать отчёт] Научился: Закрепил навыки создания анимаций перемещения, выбора, переворота плашек. Сложности: Не запутаться в переменных базового класса анимаций. Комментарии: Здорово, переместили логику анимаций в отдельные классы. |
|||||
28 | Домино. Пирамида из анимашек |
|
|||
На этом уроке мы добавим ещё парочку виртуальных функций в базовый класс Animate, чтобы их можно было вызывать без явного указания типа. Но самое главное - мы создадим матрицу "анимашек", инициализируем её экземплярами базового класса и выведем это всё на экран в виде пирамиды. Отчёт отправил: 7276. Ильшат Выполнено за 20 мин. [Показать отчёт] Научился: Выделение памяти под двумерный массив, null инициализация всех элементов. Сложности: Сложностей не было. Комментарии: Все красиво и понятно, спасибо!) |
|||||
29 | Домино. Rolling Stones |
|
|||
На этом уроке мы сделаем анимацию раскладывания всех плашек домино на столе. Для этого напишем метод RollDomino(), а ещё нам потребуется отлавливать момент, когда все доминошки уже выложены на стол. Для этого мы добавим поле string mode, чтобы в таймере отловить этот момент. Отчёт отправил: 7276. Ильшат Выполнено за 1 час. 10 мин. [Показать отчёт] Научился: Так как работа анимации привязана к таймеру и не зависит от основного потока управления программы, то научился определять момент завершения анимации, с помощью проверки статуса stopped. Сложности: Придумать свой вариант анимации, в моем случае четные строки появляются слева, нечетные справа. Комментарии: В начале урока был разговор об альтернативных вариантах дизайна классов анимаций. На мой взгляд, анимация это некий процесс, действие, которое не привязано к домино. Текущий дизайн не позволяет мне использовать эту иерархию классов для того же самого Аполлона, так как в базовом классе Animate мы явно указали зависимость от SpriteDomino. В качестве возможного решения, можно разделить данные от алгоритмов. Данные - это спрайты. Алгоритмы - это анимации. Данные реализовать в виде иерархии классов Sprite. В классе Sprite добавить поле Animate, которое будет означать текущую анимацию, которую можно потом гибко менять по ситуации. struct Point { int x; int y; } interface Animate { void play(); Point position(); } class AnimateStatic : Animate{} class AnimateMove : Animate{} class AnimateTurn : Animate{} class Sprite { Animate animation; int x, y; public void set_animation(Animate a) { animation = a; } public virtual void Draw() { animation.play(); Point location = animation.position(); x = location.x; y = location.y; } } class SpriteDomino : Sprite {} class SpriteFlower : Sprite {} void test() { Sprite domino = new SpriteDomino(); domino.set_animation(new AnimateMove()); domino.Draw(); domino.set_animation(new AnimateTurn()); domino.Draw(); Sprite flower = new SpriteFlower(); flower.set_animation(new AnimateMove()); flower.Draw(); } |
|||||
30 | Домино. Наведение порядка |
|
|||
На этом уроке мы наведём порядок на форме, избавимся от наследия Label [,], уберём ненужные методы. Потом, на 10-ой минуте мы приступим к открытию плашек на первом и последнем ряду пирамиды. Отчёт отправил: 7276. Ильшат Выполнено за 1 час. 20 мин. [Показать отчёт] Научился: Закрепил навыки, подробнее изучил классы в проекте для реализации анимации выбора и дропа домино. Сложности: Реализовать 4 пункт, выбор плашки и ее дроп. Комментарии: Интересный урок, вспомнил, что в курсе Наноигры, в игре лабиринт использовали функцию PointToScreen(), думал, что с ее помощью можно найти координаты щелчка мышки и далее определить, попали по домино или нет. Оказалось, что копал немного не в ту сторону, координаты e.X, e.Y для pictureBox пришли уже в относительных значениях. В итоге, домино можно выбирать, дропать и в общем-то, получается играть. Добавил, что перевернутые нельзя выбирать. Интересно посмотреть, как на следующем уроке мы закончим данную программу) |
|||||
31 | Домино. Финальный аккорд |
|
|||
На этом уроке мы научим программу выбирать плашки по щелчку мышки, убирать с экрана верные пары, и сыграем несколько раз до полного успеха :) Отчёт отправил: 7276. Ильшат Выполнено за 50 мин. [Показать отчёт] Научился: Закрепил навыки, исправил свои мелкие ошибки с прошлого урока. Сложности: Разложить пасьянс, на этот раз получилось достаточно долго, 20 минут добивался успеха. Комментарии: Мне понравился сам ход разработки, сначала с логики игры, продумали класс Домино. Затем реализовали вывод на экран, тестировали с помощью меток. В итоге показали, что логика работает верно и можно изменить интерфейс игры, сделать его более эффектным, зрелищным. Далее создали спрайты, за это отдельное спасибо, клево своими же руками в своей же программе создавать элементы игры) Добавили анимацию. И, наконец, объединили все вместе, получился прекрасный результат. Спасибо, Евгений Витольдович!) |
|||||
32 | ФИНАЛЬНЫЙ урок |
|
|||
Задание: Записать видео обзор игры Пасьянс из домино. Отчёт отправил: 7276. Ильшат Выполнено за 25 мин. [Показать отчёт] Научился: Еще раз потренировался в создании видео обзоров. Сложности: Говорить) Комментарии: Я дважды ошибся (в начале и конце видео), когда сказал, что необходимо найти две плашки с суммой 6 вместо правильных 12) Видеообзор: https://youtu.be/wriwB0UDY5A |
|||||
33 | VIP урок. Телефон по TCP/IP протоколу |
|
|||
На этом видеоуроке мы создадим три класса, которые удобно использовать для передачи данных между двумя компьютерами. Отчёт отправил: 7276. Ильшат Выполнено за 1 час. 20 мин. [Показать отчёт] Научился: 1) Познакомился с нитями в C#, метод Thread.sleep(). 2) Познакомился с организацией передачи данных между клиентом и сервером. Сложности: Были небольшие ошибки из-за невнимательности, функцию Connect вызывал вне бесконечного цикла, что приводило к тому, что связь не возобновлялась после обрыва. Разбирался в коде, изучал связь конструкторов, функции Start, Connect, делегата. Комментарии: Интересный и полезный урок, формирует базу для клиент-серверных приложений. |
|||||
Итого: 33 видеоурока |
12 час. 26 мин. |
28 чел. | |||
Финалисты: Олюшка, Руслан, Екатерина, Иван, Андрей Поляков, Дмитрий, Елена, Ильшат, Фомичева Наталья, Александр, Владимир, Никита, Сергей Сергеевич, Артём, Мариша , Михаил Ермишин, Максим Лапшинов, Максим, Электрон, Tekashnik, Новопашин Владимир, Dimon, chokayes, Николай Денисов, Денис, Yefim, Кирилл, Anatoli . |