 |
||
| Рисуем волка из мультфильма | ||
| 30/10/2008 | ||
Как нарисовать персонажа в Photoshop? Попробуем изобразить вот такого волка - |
||
  |
||
| [щелкнув по изображению раскрашенного волка можно открыть вариант в натуральную величину] | ||
| [к началу] [страница 2] [страница 3] | ||
Как видите рисование на новом слое, ориентируясь на контуры нижележащего слоя позволяет ориентироваться на первый набросок и в то же время улучшить отдельные элементы. При этом мы не только не вторгаемся в уже нарисованное, а и не затрагиваем его вообще! С одной стороны это создает преимущества, которые мы имеем на бумаге, когда нарисовав набросок самыми тонкими штрихами можем ориентироваться по нему и улучшать его, с другой появляются и новые преимущества - поскольку мы не затрагиваем наш набросок мы в любой момент можем вернуться к нему или к любой его части стерев то, что получается неудачно или не нравится на новом слое. Самое важное, что этот процесс можно повторять до бесконечности никак не затрагивая качества получаемой картинки, в то время как на бумаге бесконечное стирание и рисование приводит к появлению нежелательных потертостей до тех пор пока не перестаравшись мы не протрем бумагу до дыр. |
||
| Как видим рисование в Photoshop, несмотря на кажущуюся трудность, оказывается более выгодным и удобным. Надо лишь привыкнуть к этому процессу. Но, думаю, если Вы неплохо рисуете на бумаге, то изрядно попрактиковавшись у Вас прекрасно получится и рисование мышью в Photoshop. | ||
| Вернемся к нашему волку. Итак, если Вы закончили с его улучшениями и поняли все преимущества показанного подхода, будем двигаться дальше. | ||
| Для увеличения части изображения с целью детальной его проработки используйте инструмент Лупа (Zoom Tool) - | ||
 |
||
| Например мы хотим увеличить вид головы волка - выбираем Zoom Tool в панели инструментов | ||
Проверяем в панели свойств включен ли режим увеличения - Zoom In (обведено зеленым кружком) - Желтым овалом обведена кнопка отображения изображения в его натуральную величину, при этом может стать видна только часть изображения если оно очень большое. Красным обведена кнопка подгонки изображения |
||
 |
||
| Если да, то вычерчиваем вокруг головы волка прямоугольную область, она и будет увеличена - | ||
 |
||
 |
||
| в заголовке окна изображения обратите внимание на полученный масштаб - 149%. | ||
| Теперь скройте все лишние слои кроме слоя с окончательным вариантом волка и белым фоном. | ||
 |
||
| Сделаем контуры волка черными - сделайте слой с контурами волка текущим (как на рисунке - слой draw_2), | ||
| Image > Adjustments > Hue/Saturation | ||
 |
||
| В появившемся окне - | ||
 |
||
| Далее мы займемся раскрашиванием созданного волка | ||
| Эту работу мы будем выполнять на нескольких слоях, расположенных под слоем с контурами. | ||
| Создайте новый слой и расположите его под слоем с контурами, можете назвать его например fill - | ||
 |
||
| Выберите инструмент кисть, сделайте ее полностью непрозрачной и закрасьте основные элементы как показано на рисунке - | ||
 |
||
| Для ускорения своей работы можете воспользоваться инструментом заливки, но только при этом у Вас возникнет ряд затруднений, которые мы сейчас разрешим. | ||
| Инструмент заливка (Paint Bucket Tool), которым Вы уже пользовались, когда создавали белый фон подложки, работает по принципу заполнения всей области одного цвета выбранным цветом. | ||
| Для начала нам нужно заполнить всего волка серым цветом. Если Вы просто зальете нижележащий пустой слой серым то получите сплошную его заливку, как и в случае когда мы создавали белую подложку - | ||
 |
||
| Волк должен быть серым, а вот пространство вокруг него - прозрачным. Это легко исправить. Перейдите на слой с контурами волка и выделите при помощи инструмента Волшебная палочка (Magic Wand Tool) всё пространство вокруг волка, используйте параметры Волшебной палочки показанные на рисунке - | ||
 |
||
| Теперь Вам остается перейти на слой с серой заливкой и нажать клавишу [Delete]. | ||
 |
||
| Оставшееся небольшое пространство между рукой и туловищем нужно аналогичным образом выделить на слое с контуром, а удалить со слоя с серой заливкой. | ||
| Можно было сделать это сразу же, во время первого выделения - использовав для добавления к имеющемуся выделению новое с нажатой клавишей [Shift] или использовав кнопку на панели свойств Волшебной палочки - | ||
 |
||
 |
||
| [назад] [далее] | ||
| [Все уроки] | ||
На предыдущих страницах урока 1 simple game мы подробно ознакомились со всеми вопросами, которые могут возникнуть при создании самой минимально необходимой функциональности, которая присутствует в любой игре: использование спрайтов, игровых объектов, создание игровой сцены (уровня, комнаты), управление перемещением, системы координат экранная и векторная, загрузка и перемещение (скроллинг) для сцены (уровня, комнаты), декорирование внешнего вида, проверка столкновений (коллизий), простейший AI (искуственный интеллект) управляющий NPC (игровыми объектами, которыми управляет программа, а не игрок), начисление игрового счёта, и наконец воспроизведение в игре звуков и музыки.
Однако все, что мы рассматривали, относилось в основном к созданию 2d игр. Игра также была 2d. Несомненно, что 2d игры создавать проще, поскольку не нужно знать особенности программирования 3d графики и прочих нюансов, касающихся плотной работы с 3d. Кто-то останавливается на 2d играх и дальше уже не двигается. Если же Вам интересно продолжить свой путь и узнать основы на которых строится создание 3d игр - тогда дальнейшее повествование Вас заинтересует.
страница 3 - Наложение объектов
страница 5 - Отображаем прыгающий шарик
страница 6 - Загрузка игровой сцены
страница 7 - Перемещения игровой сцены
страница 10 - Проверка столкновений
страница 11 - Игровой счёт, звуки, музыка
14. использование переменных в игре на c++ directx 9c
Чем же так отличается 2d от 3d, что его гораздо сложнее программировать ?
Ответ прост: работа с 3d требует гораздо более качественной математической подготовки, нежели знания по 2d. Аспекты 3d достаточно обширны и могут сбить с толку или попросту отпугнуть большим объемом информации, который надо сразу же знать уже на начальном этапе работы.
Конечно Вы можете возразить на это, что есть же готовые движки. Да, они есть, но если знаний по 3d у вас нет, то движок вам ничем не поможет. Движок не сможет сделать игру за Вас. Поэтому знать то, как работает 3d и как его программируют нужно в любом случае. К тому же чужой движок может быть частично или полностью закрыт от изучения его исходников, что таит в себе скрытые подводные камни и может оказаться барьером на пути к вашей цели.
Поэтому выход один: использовать такие движки где исходный код не является закрытым, или где хотя бы есть много примеров успешно выпущенных на нем игр. Ну и конечно же нужно всегда начинать изучение с азов и писать сначала самые простейшие приложения. А уже потом из этих кусочков собирать что-то более серьезное и сложное. Чем мы собственно сейчас и займемся.
На показанном выше скриншоте Вы могли уже видеть готовую 3d сцену. В любой 3d сцене есть камера и есть какие-то объекты сцены, которые нужно отображать. В нашем случае их 3 вида: плоский объект представляющий пол, кубики то и дело падающие сверху и зеленовато-синий туман.
Что умеет делать это приложение: можно управлять 3d камерой - перемещаться по осям x, y, z. Вращать камеру в любом направлении. Ну и конечно есть код, который отвечает за создание и перемещение кубиков, вывод плоского пола и наконец туман, который реализуется средствами directx 9c ну совсем просто. В качестве бонуса есть проигрывание mp3 музыкальных треков. :)
Туман время от времени меняет свой цвет. Кубики падают, достигнув определенных пределов исчезают и создаются снова. Ну а Вам, нужно будет узнать следующие аспекты, чтобы понять как работает простое 3d приложение:
a) Инициализация для работы с 3d;Новый сон Зеленого. Предвкушение. Когда Зеленый погрузился в сон, он увидел странные вещи. Сначала себя, но почему-то красного, потом себя же - но уже зеленого. Еще были какие-то непонятные существа на двух ногах. Они говорили. Их речь была не совсем понятна, но это явно был разговор двух интересных людей. Еще он увидел другое незнакомое существо. Оно стреляло. Сначала Зелеными шарами, затем почему-то черными. А потом ... из него вылетел самый большой зеленый шар и превратился в ... Зеленого. Иногда когда видишь такие вот странные сны, но понимаешь, что видишь себя как бы со стороны, то ощущаешь что-то необыкновенное. Ты как будто завис между двумя мирами. Существуешь в одном, но понимаешь, что это лишь иллюзия и на самом деле ты совсем в другом месте. И то что кажется одним, на самом деле может таить в себе совсем другое. Многие вещи воспринимаются не совсем объективно потому что на них накладывается слой за слоем искажений, которые представляют объект уже не тем, чем он является на самом деле, а другим. И все-таки он найдет путь на котором все его истинные свойства покажут себя в самом наилучшем, выигрышном свете, даже если окружающие обстоятельства не то что будут способстовать этому, а наоборот - даже мешать. Мешать. Иногда предвкушение. Ожидание. Препятствие. Дают несравнимо больший эффект, нежели сам результат, к которому стремишься. Но хватит укладывать все в никому неинтересные схемы. Реальность, неожиданная и интересная намного прекраснее, нежели любая, даже самая продуманная схема. Почему ? Да потому что никогда до конца не знаешь к чему приведет. В этом вся соль. Когда ты идешь вперед по заранее заданному плану, ты думаешь: да, вот будет так. Сейчас одно, затем другое и т. д. и т. п. Но нет. План есть план, а реальность всегда вносит свои коррективы. То времени не хватает у тебя, то настроение не то, или еще куча причин и обстоятельств меняют все планы. Однако Ты находишь в себе силы не забросить начатое, вытащить из сокровенных уголков затаенное вдохновение и развернуть его с новой силой. Настраивая себя на новый лад. Не иллюзий и невыполнимых планов, а именно наслаждением прекрасным моментом действия по осуществлению задуманного, Ты снова паришь на крыльях своего вдохновения. И твои мечты постепенно становятся реальностью. Помогают тебе. Когда Зеленый был одинок и грустен. Когда у него не было друзей. Ему было плохо. Но вот все изменилось. Он сам изменился. На его планете все не так привычно как на Земле. Местные жители способны пользоваться не только физическими энергиями, но и нематериальными. Например силой своей мысли они способны перемещать предметы и даже перемещаться сами. Со стороны это выглядит интересно и захватывающе. Но представьте когда Вы к этому уже давно привыкли. Вас же не удивляет, что каждый день вдоль вашей улицы снуют туда сюда быстрые автомобили. Также и Зеленый совсем не удивлялся тому как его сородичи быстро перемещались в пространстве по своим неотложным делам. Все происходило лишь силой мысли ... Холодный ветер подул из окна и он шагнул навстречу другой реальности. Упал в этот новый мир. Дверь была открыта. Он вошел в неё и пошел вперед не оглядываясь. Впереди была неизвестность.
| Другие уроки можно посмотреть в разделе Статьи | ||
WEB-технологии В данном разделе я решил собрать коллекцию известных мне веб-технологий выполнения различных типичных и нетипичных задач связанных с посторонием сайтов. Это своего рода ноу-хау, возможно общеизвестные, а возможно и специфичные. Идея такого справочника по технологиям давно витала в воздухе, посмотрим что получится из этого. Итак, |
||
| Проблема с кодировками | ||
Наверняка не раз и не два Вы сталкивались с такой проблемой - открываем какое-то письмо или какой-то сайт, а там вместо нормального текста - абракадабра. И все уже знают, что проблема эта связана с кодировками. Иными словами - Ваша программа пытается отобразить текст в одной кодировке, в то время как на самом деле кодировка текста совсем другая. |
||
| Как же избежать таких проблем и как их быстрее и правильнее решить ? | ||
Универсальных правил на самом деле не так уж и много. Перечислим их и разберем как они работают. |
||
1) Проблема отображения страниц в браузере Если вы создали в редакторе шаблон страницы - не важно в каком виде - в виде html, tpl, php или еще каком-то формате, сохранили его а потом открыли в нужном месте сайт и стали смотреть вашу страницу, получив при этом абракадабру, то 1.1 Проверьте какая кодировка используется для данной страницы - как она задана в заголовке <head> вашей страницы. Это легко сделать используя плагин firebug для браузера Mozilla FireFox |
||
 |
||
Для решения этой проблемы нужно выполнить 2 шага: 1.2 Указать в заголовке создаваемой страницы именну ту кодировку, в которой она сохранена; 1.3 Преобразовать страницу в ту кодировку, в которой она будет отображаться и сохранить файл. Обе эти операции можно выполнить при помощи того редактора текста (кода) который Вы обычно используете. |
||
Например, в редакторе Notepad++ есть специальная опция -
|
||
 |
||
2) Проблема с кодировкой при обработке данных страницы в php коде Иногда возникает такая проблема - |
||
На странице кодировка корректна, сама страница сохранена в верной кодировке, НО! обрабатываемые данные дают такую кодировку которая приводит к нарушению корректности. Такие ошибки могут быть при обработке файлов и при работе с базой данных. Т. е. несогласованность в кодировках между файлами или сайтом и базой данных может приводить к ошибкам в кодировках. Эти проблемы также решаемы. |
||
Чтобы устранить проблему с согласованием кодировки между файлами используйте следующий код - <?php $loc_ru = setlocale(LC_ALL, 'ru_RU@RUB', 'ru_RU', 'ru', 'ru'); ?> |
||
| Данная функция явно укажет локаль, которую надо использовать и проблема может быть решена. | ||
А вот решение, которое может устранить несогласованность между вашим кодом и обращением к базе данных - <?php mysql_query("set names cp1251", $connect); ?> |
||
3) Несоответствие кодировки используемой на сайте и в скрипте. Иногда возникает ситуация, когда на сайте уже используется какая-то кодировка, а в скрипте желательно использовать другую или же Вы используете обращение со своего сайта к другому сайту, у которого текущей кодировкой является кодировка отличная от вашего сайта. В этом случае при выводе на страницу вместо текста, выдается в лучшем случае набор знаков вопроса, а в худшем - "абракадабра". Оказывается есть решение и этой проблемы. 3.1) Это преобразовать файл скрипта в нужную кодировку, а сам код изменить таким образом, чтобы учитывалась измененная кодировка. 3.2) Если код скрипта достаточно сложен и его изменение на новую кодировку может повлечь дополнительные трудности, а значит и ошибки, которые придётся отлавливать и устранять, тогда Вам на помощь может прийти вот такая конструкция - <?php $new_content = iconv('utf-8', 'windows-1251//TRANSLIT//IGNORE', $old_content); ?> Т. е. текущая кодировка utf-8 будет по возможности преобразована в windows-1251. Теперь если выводить значение переменной $new_content, то её значение уже будет представлено в новой кодировке. Аналогично можно сделать и наоборот - <?php $new_content = iconv('windows-1251', 'utf-8', $old_content); ?> Если данная конструкция помогла вам в решении проблемы - отлично, а если нет попробуйте использовать указание другой кодировки, либо просто попробуйте поменять их местами, как в приведенных двух примерах. |
||
Я привел здесь лишь небольшие кусочки кода не описывая подробности, но думаю исходя из названий этих функций и описания способа применения я полагаю Вы сможете по документации php и mysql найти решение других возникших аналогичных проблем. Удачи вам! |
||
| Другие уроки можно посмотреть в разделе Статьи | ||
4) Несоответствие кодировки используемой по-умолчанию для файлов сайта и в настройках хостинга. Эта проблема решается достаточно просто. В корневой папке вашего хостинга создайте файл .htaccess (если такого еще там нет), а если он уже есть, тогда посмотрите есть ли в его коде такая строка:AddDefaultCharset Если есть, посмотрите какая кодировка там задана. Обычно может быть AddDefaultCharset windows-1251 или AddDefaultCharset utf-8 Соответственно если такой записи нет, нужно её внести, а если она есть, то в файлах вашего сайта нужно использовать указанную кодировку, либо если на вашем хостинге пока нет никаких других сайтов кроме одного текущего, тогда можно попробовать изменить кодировку в файле .htaccess на такую, которая используется в файлах сайта и если проблема будет устранена - сайт будет отображаться без нарушений кодировки, значит Вы нашли и устранили указанную проблему. |
||
Скачать fle game engine (полный исходный код).Размер: 482 Mb Подробнее Что включает дистрибутив ? - Редактор сцен Scene Editor; - пример игры simple game с полным исходным кодом; - пошаговое описание создания примера игры simple_game - представляет набор html файлов пригодных для открытия и чтения из любого браузера; - Coords 2D - утилиту отладки анимаций и подбора экранных координат содержит богатую библиотеку готовых примеров игровых спрайтов; - полный исходный код fle game engine - позволит вам создать свою собственную игру, а также расширить движок необходимыми возможностями в дальнейшем, никаких ограничений на расширение нет; - fgg_setup.exe Fly snow 3d - визуальные эффекты падающего снега/дождя и др. красивые эффекты с частицами в 2d/3d; fle game engine изначально развивается не с целью создать коммерческий
Включает исходный код, полезные материалы и инструменты. Вы можете поддержать проект оформив платную подписку.
1) Указать расположение подключаемых файлов DX SDK Aug 2008 из папки Include -
Допустим, что
c:\DXSDK9_Aug2008\
это папка в которой установлен DirectX SDK Aug 2008. Тогда
в поле Additional Include Directories
вместо ..\..\..\..\..\..\..\Include
вам нужно прописать корректный путь к папке Include, входящей в состав DirectX SDK August 2008.
В моем примере получился такой путь:
..\..\..\..\..\DXSDK9_Aug2008\Include
fge у меня установлен в папке
c:\fge\
2) Configuration properties > Linker > General
и в поле
Additional Library Directories
измените значение
..\..\..\..\..\..\..\Lib\x86
изменить на (но это только в моем примере! у вас этот путь может быть другим)
..\..\..\..\..\DXSDK9_Aug2008\Lib\x86
Данное действие нужно повторить для debug сборки проекта (если Вы настраивали release) и
| Название | Символ | ASCII | Спец. |
|---|---|---|---|
| Табулятор | 	 | ||
| Перевод строки | 
 | ||
| Возврат каретки | 
 | ||
| Пробел |   | ||
| Восклицательный знак | ! | ! | |
| Двойная кавычка | " | " | " |
| Знак решетка | # | # | |
| Доллар | $ | $ | |
| Процент | % | % | |
| Амперсанд | & | & | & |
| Одинарная кавычка | ' | ' | |
| Скобка левая круглая | ( | ( | |
| Скобка правая круглая | ) | ) | |
| Звездочка | * | * | |
| Плюс | + | + | |
| Запятая | , | , | |
| Минус | - | - | |
| Точка | . | . | |
| Правый слэш | / | / | |
| Цифры | 0-9 | 0-9 | |
| Двоеточие | : | : | |
| Точка с запятой | ; | ; | |
| Меньше | < | < | |
| Равно | = | = | |
| Больше | > | > | |
| Знак вопроса | ? | ? | |
| Знак собачка | @ | @ | |
| Прописные буквы | A-Z | A-Z | |
| Скобка квадратная левая | [ | [ | |
| Левый слэш | \ | \ | |
| Скобка квадратная правая | ] | ] | |
| Степень | ^ | ^ | |
| Знак подчеркивания | _ | _ | |
| Гравис | ` | ` | |
| Строчные буквы | a-z | a-z | |
| Фигурная скобка левая | { | { | |
| Вертикальная черта | | | | | |
| Фигурная скобка правая | } | } | |
| Тильда | ~ | ~ | ˜ |
| не определён | |  | |
| Евро | € | € | |
| не определён | ? |  | |
| Одинарная нижняя кавычка | ‚ | ‚ | ‚ |
| Символ функции | ? | ƒ | |
| Двойная нижняя кавычка | „ | „ | &dbquo; |
| Многоточие | … | … | |
| Крест | † | † | † |
| Двойной крест | ‡ | ‡ | ‡ |
| Гачек | ? | ˆ | |
| Промилле | ‰ | ‰ | ‰ |
| хз | S | Š | |
| Левая угловая одинарная кавычка | ‹ | ‹ | ‹ |
| Лигатура ОЕ | ? | Œ | |
| не определён | ? |  | |
| хз | Z | Ž | |
| не определён | ? |  | |
| не определён | ? |  | |
| Одинарная левая кавычка | ‘ | ‘ | ‘ |
| Одинарная правая кавычка | ’ | ’ | ’ |
| Двойная левая кавычка | “ | “ | “ |
| Двойная правая кавычка | ” | ” | ” |
| Пулька | • | • | |
| Короткий дефис | – | – | – |
| Длинный дефис | — | — | — |
| Тильда | ? | ˜ | &tilde |
| Торговый знак | ™ | ™ | ™ |
| хз | s | š | |
| Правая угловая одинарная кавычка | › | › | › |
| Лигатура ое строчная | ? | œ | |
| не определён | ? |  | |
| хз | z | ž | |
| Большой Y-умлаут | Y | Ÿ | Ÿ |
| Неразрывный пробел |   | | |
| Перевернутый восклицательный знак | ? | ¡ | &ixcl; |
| Цент | ? | ¢ | ¢ |
| Фунт | ? | £ | £ |
| Валюта | ¤ | ¤ | ¤ |
| Йена | ? | ¥ | ¥ |
| Прерванная вертикальная черта | ¦ | ¦ | ¦ |
| Параграф | § | § | § |
| Умлаут | ? | ¨ | ¨ |
| Копирайт | © | © | © |
| Порядковое числительное женского рода | ? | ª | ª |
| Левая двойная угловая кавычка | « | « | « |
| Отрицание | ¬ | ¬ | ¬ |
| Мягкий дефис | | ­ | ­ |
| Зарегистрированный торговый знак | ® | ® | ® |
| Макрон | ? | ¯ | ¯ |
| Градус | ° | ° | ° |
| Плюс-минус | ± | ± | ± |
| Вторая степень | ? | ² | ² |
| Третья степень | ? | ³ | ³ |
| Акут | ? | ´ | &acuate; |
| Микро | µ | µ | µ |
| Знак абзаца | ¶ | ¶ | ¶ |
| Средняя точка | · | · | · |
| Седиль | ? | ¸ | ¸ |
| Первая степень | ? | ¹ | ¹ |
| Порядковое числительное мужского рода | ? | º | º |
| Правая двойная угловая кавычка | » | » | » |
| Дробь 1/4 | ? | ¼ | ¼ |
| Дробь 1/2 | ? | ½ | ½ |
| Дробь 3/4 | ? | ¾ | ¾ |
| Перевернутый вопросительный знак | ? | ¿ | ¿ |
| Большая А с грависом | A | À | À |
| Большая А с акутом | A | Á | Á |
| Большая А с циркумфлексом | A | Â | Â |
| Большая А с тильдой | A | Ã | Ã |
| Большая А с умлаутом | A | Ä | Ä |
| Большая А с кружком | A | Å | Å |
| Большая лигатура АЕ | ? | Æ | Æ |
| Большая С с седилем | C | Ç | Ç |
| Большая Е с грависом | E | È | È |
| Большая Е с акутом | E | É | É |
| Большая Е с циркумфлексом | E | Ê | Ê |
| Большая Е с умлаутом | E | Ë | Ë |
| Большая I с грависом | I | Ì | Ì |
| Большая I c акутом | I | Í | Í |
| Большая I c циркумфлексом | I | Î | &Icirс; |
| Большая I с умлаутом | I | Ï | Ï |
| хз | ? | Ð | Ð |
| Большая N с тильдой | N | Ñ | Ñ |
| Большая O с грависом | O | Ò | Ò |
| Большая O с акутом | O | Ó | Ó |
| Большая O с циркумфлексом | O | Ô | Ô |
| Большая O с тильдой | O | Õ | Õ |
| Большая O с умлаутом | O | Ö | Ö |
| Умножение | ? | × | × |
| Большая O со слэшем | O | Ø | Ø |
| Большая U с грависом | U | Ù | Ù |
| Большая U с акутом | U | Ú | Ú |
| Большая U с циркумфлексом | U | Û | Û |
| Большая U с умлаутом | U | Ü | Ü |
| Большая Y с акутом | Y | Ý | Ý |
| хз | ? | Þ | Þ |
| Лигатура SZ | ? | ß | ß |
| Строчная А с грависом | a | à | à |
| Строчная А с акутом | a | á | á |
| Строчная А с циркумфлексом | a | â | â |
| Строчная А с тильдой | a | ã | ã |
| Строчная А с умлаутом | a | ä | ä |
| Строчная А с кружком | a | å | å |
| Строчная лигатура АЕ | ? | æ | æ |
| Строчная С с седилем | c | ç | ç |
| Строчная Е с грависом | e | è | è |
| Строчная Е с акутом | e | é | é |
| Строчная Е с циркумфлексом | e | ê | ê |
| Строчная Е с умлаутом | e | ë | ë |
| Строчная I с грависом | i | ì | ì |
| Строчная I с акутом | i | í | í |
| Строчная I c циркумфлексом | i | î | &icirс; |
| Строчная I с умлаутом | i | ï | ð |
| хз | ? | ð | ð |
| Строчная N с тильдой | n | ñ | ñ |
| Строчная O с грависом | o | ò | ò |
| Строчная O с акутом | o | ó | ó |
| Строчная O с циркумфлексом | o | ô | ô |
| Строчная O с тильдой | o | õ | õ |
| Строчная O с умлаутом | o | ö | ö |
| Деление | ? | ÷ | ÷ |
| Строчная O со слэшем | o | ø | ø |
| Строчная U с грависом | u | ù | ù |
| Строчная U с акутом | u | ú | ú |
| Строчная U с циркумфлексом | u | û | û |
| Строчная U с умлаутом | u | ü | ü |
| Строчная Y с акутом | y | ý | ý |
| хз | ? | þ | þ |
| Строчная Y с умлаутом | y | ÿ | ÿ |
