close

Вход

Забыли?

вход по аккаунту

?

Графика в образовательных играх

код для вставки
Немного об образовательных играх и графике в веб
Графика в образовательных играх
Подготовила Кравцова Виктория Станиславовна, магистрант 1 курса по
направлению «Инжиниринг образовательных отношений»
Школы Педагогики ДВФУ
Обучающие игры занимают важное место среди современных
психолого-педагогических технологий обучения. Как метод они получили
распространение в 70-е года 20 века. Игра - древнее изобретение человека, но
многие дидактические законы, принципы, правила игры до сего времени не
вскрыты и не используются, как того требует современный учебновоспитательный процесс. В связи с этим педагогу необходимо глубоко
осмыслить и понять теорию игры, чтобы практически и эффективно
применять ее современную технологию. В настоящее время в зависимости от
сферы применения существуют различные модификации обучающих игр.
Так, при подготовке офицеров применяются военные игры, для актеров
существуют сюжетно-ролевые игры, для бизнесменов и руководителей специальные тренинги.
Обучающие игры выполняют 3 основные функции:

инструментальная: формирование определенных навыков и умений;

гностическая:
формирование
знаний
и
развитие
мышления
учащихся;

социально-психологическая: развитие коммуникативных навыков.
Каждой функции соответствует определенный тип игры: инструментальная
функция может выражаться в игровых упражнениях, гностическая - в
дидактических, последняя - в ролевых играх.
Исходя из методов, целей и особенностей обучающих игр можно
выделить следующие их разновидности:

имитационные игры используются в профессиональном обучении
при формировании определенных производственных навыков;
1

сюжетно-ролевые. В их основе лежит конкретная ситуация -
жизненная, деловая или иная. Игра в этом случае напоминает театральную
постановку, где каждый участник выполняет определенную роль. Это игры
творческие, в которых сюжет - форма интеллектуальной деятельности,
поэтому в данном случае большое значение играет подготовка участников и
разработка сценария игры;

инновационные игры. Их основное отличие от других видов
состоит в их подвижной структуре и проведении игры в нескольких
обучающе-развивающих «пространствах» - например, с использованием
компьютерных программ. Инновационные игры направлены на получение
знаний с использованием новейших педагогических и информационных
технологий;

организационно-деятельностные.
В
них
акцент
ставится
на
диагностике игровой ситуации и обосновании выбора вариантов решения
проблемы. С точки зрения методов здесь больше внимания уделяется
диалогу, общению участников и другими формами групповой работы;

деловые тренинги.
Конечно, игры бывают в разных формах, но чаще всего они
используются в электронных форматах, проще говоря, в виде компьютерных
программ и онлайн-технологий. В каждой играет немаловажную роль
графика (греч. graphike - от grapho - пишу) - вид изобразительного искусства,
включающий рисунок и печатные художественные изображения (гравюра,
литография, монотипия и др.), основанные на искусстве рисунка, но
обладающие
собственными
изобразительными
средствами
и
выразительными возможностями. Далее расскажем о компьютерной графике.
2
Цветовые модели
Восприятие цвета человеком основано на реакции зрительной системы
на воздействие света с разной длиной волны. Белый свет является сложным
светом, состоящим из лучей различной цветности: красного, оранжевого,
желтого, зеленого,
голубого,
синего, фиолетового
–
такое
разложение называется спектром. Если
белый свет падает на белый предмет, то все
составляющие белого света отражаются от
него, и мы видим белый цвет предмета. Если
белый свет падает на зеленый предмет, то
все
составляющие
света
поглощаются
поверхностью предмета, и лишь зеленая
составляющая отражается, в результате чего
мы видим зеленую окраску предмета. Аналогично происходит и с другими
цветами: красным, синим, зеленым и т.п. Если свет падает на поверхность
черного цвета, то поглощаются все составляющие спектра, и мы видим
черный предмет. Таким образом, цвет окружающих нас предметов
получается
путем
составляющих.
вычитания
Такой
из
белого
способ
отдельных
получения
спектральных
цвета
носит
название «субтрактивный (вычитательный) синтез».
Однако, если посмотреть на экран монитора через увеличительное
стекло, можно увидеть, что цвет любой точки
экрана
(пикселя)
формируется
из
трех
светящихся точек разных цветов: Красного
(R), Зеленого (G), и Синего (B). Поскольку в
данном
случае
отраженным
экраном,
мы
имеем
светом,
происходит
а
дело
не
с
со
светящимся
не
вычитание
3
составляющих из основного цвета, а сложение цветов световых лучей. Такая
модель смешения цветов называется аддитивной. Черный цвет в таком
случае получается, если ни одна из трех цветных составляющих не
задействована. Белый цвет получается при смешивании чистых излучений
трёх основных цветов (красного, зелёного и синего) максимальной яркости.
Для формирования изображений на мониторах, экранах телевизоров,
проекторах используется аддитивная цветовая схема RGB (Red, Green, Blue).
Любой цвет на экране получается путем смешения составляющих красного,
зелёного и синего цветов различной интенсивности.
Работая с графическими редакторами, мы сталкиваемся и с другими
цветовыми моделями.
Цветовая модель CMYK предназначена для работы с отраженным
цветом, т.е. является субтрактивной. Цветовыми составляющими этой
модели являются цвета: голубой (Cyan), пурпурный (Magenta), желтый
(Yellow) и черный (BlacK). Голубой, пурпурный и желтый цвета получаются
в результате вычитания основных цветов модели RGB из белого цвета.
Черный цвет задается отдельно, поскольку получить черный цвет путем
смешения красок невозможно технологически. Катриджи современных
4
печатающих
устройств
содержат
краски
этих
четырех
цветов. В
компьютерной графике модель CMYK применяется для подготовки
печатных документов.
Цветовая модель HSB. Системы цветов RGB и CMYK связаны с
ограничениями,
накладываемыми
аппаратным
обеспечением
(монитор
компьютера в случае RGB и типографские краски в случае CMYK).
Цветовая модель HSB наиболее удобна для человека, т.к. она хорошо
согласуется
с
моделью
восприятия
цвета
человеком.
Компонентами модели HSB являются:

тон (Hue)

насыщенность (Saturation)

яркость цвета (Brightness)
Тон - это конкретный оттенок цвета.
Насыщенность
его интенсивность,
характеризует
или
чистоту.
Определяется, как соотношение основного цвета и такого же по яркости
серого.
Яркость же зависит от примеси черной
краски, добавленной к данному цвету.
Цифровые изображения
Компьютерная графика – область деятельности, связанная с созданием
и обработкой цифровых изображений.
Цифровое изображение (ЦИ) – модель реального изображения,
хранящаяся в памяти ПК в виде комбинации цифр.
Модель – упрощенное представление объекта или процесса
Чем детальнее описан объект, тем лучше модель. С другой стороны,
чем точнее, тем больше занимает памяти и дольше обрабатывается.
5
ЦИ можно разделить на две категории:
1) растровые
2) векторные
Векторная
модель
–
список
параметров, математически описывающих
объекты.
Плюсами
векторной
модели
являются


компактность

легкость модификации
масштабируемость
К отрицательным особенностям относятся следующие:

чем сложнее изображение, тем дольше оно выводится на экран
(перерассчитыается)

невозможно описать реальные объекты.
Пиксель – наименьший логический элемент двумерного цифрового
изображения в растровой графике.
Растровая модель – изображение описывается, как множество точек
(пикселей), для каждой из которых задан
определенный цвет.
Преимущества растровой модели:

возможность
созданию
практически
любого рисунка, описания реальных объектов

высокая скорость обработки изображений,
если не используется масштабирование
К недостаткам растровой модели можно
отнести:

потеря качества изображения при масштабировании

большой размер файлов
6
Недостатки растровой модели напрямую связаны с особенностью
хранения информации в растровом формате - необходимо хранить
информацию о цвете каждой точки изображения. Существуют способы
уменьшения размера файлов растровых изображений - так называемые
алгоритмы сжатия.
Графические форматы веб
На
сегодняшний
день
существует
множество
форматов,
предназначенных для хранения цифровых изображений (ЦИ), как растровых,
так и векторных. Среди векторных форматов наиболее известны такие, как
Scalable Vector Graphics (SVG и SVGZ), Flash (SWF) и Corel Draw (CDR).
Наиболее распространенные растровые форматы - Bitmap Picture (BMP), Joint
Photographic Experts Group (JPEG), Graphic Interchange Format (GIF), Portable
Network Graphics (PNG), Tagged Image File Format (tiff), Photoshop Document
(PSD).
На страницах сайтов допустимо использование трех растровых
форматов - GIF, JPEG и PNG. Все три этих формата являются сжатыми, но
используют
различные
алгоритмы
сжатия,
поэтому
каждый
из
перечисленных форматов имеет свои особенности.
7
Формат
степени
JPEG в
пригоден
наибольшей
для
сжатия
фотографий и картин, содержащих
плавные переходы яркости и цвета.
Сжатие
основано
соседних
файлов
на
этого
формата
усреднении
пикселей.
цвета
Поэтому
при
высоких степенях сжатия можно заметить размытие границ изображения.
Алгоритм
сжатия,
применяемый
в
формате
JPEG
относится
к
категории алгоритмов сжатия с потерей качества (это означает, что
изображение, сжатое таким образом, не может быть восстановлено в
точности). Графические файлы в формате JPEG имеют расширение .jpg
(иногда встречается .jpeg)
Особенностью формата GIF является использование индексированной
палитры цветов. Все цвета изображения нумеруются и сохраняются в
специальной таблице. Таким образом, вместо того, чтобы хранить
информацию о коде цвета каждой точки изображения, в файле формата GIF
хранится таблица цветов и номера цвета каждой точки. При этом количество
цветов в таблице не может превышать 256. Очевидно, что данный формат
подходит для хранения "малоцветных" изображений, таких, как логотипы,
шрифты, чертежи, черно-белые изображения, и не подходит, например, для
сохранения фотографий осеннего леса - количество природных оттенков
многократно превышает возможное число цветов палитры. Алгоритм сжатия,
используемый форматом, относится к категории алгоритмов сжатия без
потерь. В отличие от формата JPEG, формат GIF поддерживает возможность
создания простой анимации.
Еще одна особенность формата - возможность назначить один из
цветов изображения прозрачным. При размещении на веб-странице сквозь
пиксели прозрачного цвета будет виден фон страницы. Графические файлы в
формате GIF имеют расширение .GIF
8
Формат PNG был создан, как свободная альтернатива формату GIF,
который до 2004 года был недоступен для свободного использования. PNG
сочетает в себе возможности JPEG (хранение практически неограниченного
количества цветов) и GIF (поддержка прозрачности). Файлы в формате PNG
имеют расширение .png
Как вывод представим несколько вариантов оптимизации графики
для веб.
Оптимизация является обязательным этапом подготовки изображений
к публикации в сети. Под оптимизацией изображения принято понимать
уменьшение размера ("веса") графического файла, который зависит, прежде
всего, от размеров изображения, с сохранением достаточного качества.
Размер
растрового
изображения
–
количество
пикселов,
содержащихся в изображении, по горизонтали и вертикали
Разрешение экрана монитора – размеры получаемого на экране
изображения в пикселах
Размер фотографии, полученной с помощью современного цифрового
фотоаппарата может составлять примерно 3500x2500 пикселей. Разрешение
современных мониторов - от 1024×768 до 1600×900. Очевидно, что
размещать
на
страницах
сайта
изображение
исходного
размера
нецелесообразно - оно просто не поместится на экран.
Изменить размер изображения можно с помощью графического
редактора
или
графического
конвертера.
Примеры
коммерческих
и
бесплатных программ для обработки изображений:


Коммерческие:
o
Adobe Photoshop - графический редактор;
o
ACDSee - графический просмотрщик/конвертер.
Бесплатные:
o
GIMP - графический редактор;
o
XnView - графический просмотрщик/конвертер.
9
Список литературы
1. Обучающие игры: их функции, особенности и основные виды –
Международная конференция Личность-Слово-Социум – [Электронный
ресурс] – Режим доступа: http://www.pws-conf.ru/nauchnaya/lss-...
2. Большой Энциклопедический словарь – 2000.
3. Графика в веб. Оптимизация графики. – [Электронный ресурс] –
Режим доступа: http://sdo.gtn.lokos.net/mod/book/view.php?id=546
10
Документ
Категория
Рефераты
Просмотров
28
Размер файла
415 Кб
Теги
реферат, информационные технологии
1/--страниц
Пожаловаться на содержимое документа