Рендеринг текста

Во многих 3Д-веб-приложениях необходимо отображать текст, который дополняет 3Д-модели информативным содержанием. В этом разделе вы узнаете, как создать текст в ваших приложениях.

1. ХТМЛ/ЦСС, аннотации

ХТМЛ/ЦСС - это наиболее органичный способ отображения информации в веб-приложениях.

Ниже указаны возможные способы визуализации текста с использованием ХТМЛ:

Просмотрите раздел интерфейс на основе ХТМЛ, чтобы получить больше информации об использовании ХТМЛ, а также примеры пазлов add annotation и ХТМЛ.

Преимущества

Минусы

2. Динамическая текстовая геометрия

Вы можете использовать текстовые объекты из вашего 3Д пакета для создания текстовой геометрии, аналогичной обычным объектам. "Динамический" означает, что «Вердж3Д» не хранит текстовую геометрию в экспортируемом ассете ГЛТФ, а воссоздает ее при загрузке сцены (используя данные шрифта). Это также означает, что вы можете редактировать текст во время его запуска, используя пазл update text object или с помощью «Ява Скрипт».

Чтобы сделать ваши текстовые объекты динамическими, убедитесь что опция Bake Text в настройках экспорта неактивна:

Вам также необходимо задать параметр Font Converter (включенный по умолчанию) при создании приложения, чтобы иметь возможность использовать динамическую геометрию текста. Эта опция активирует модуль opentype.js в вашем приложении, который необходим для загрузки и обработки данных шрифта.

Если вы забыли включить параметр Font Converter или создали свое приложение до версии «Вердж3Д» 3.6, просто скопируйте файл opentype.js из каталога build дистрибутива «Вердж3Д» в каталог приложения.

Преимущества

Минусы

3. Статическая текстовая геометрия

Статическая текстовая геометрия очень похожа на динамическую, за исключением того, что она использует запеченный текстовый меш, который хранится в экспортированном ассете ГЛТФ. Такие меши нельзя редактировать во время запуска, например изменять их содержимое или шрифт. Однако вы можете назначать материалы или перемещать текст, как и другие геометрические объекты.

Чтобы экспортируемый текст использовал статическую геометрию, активируйте в настройках экспорта параметр Bake Text:

Преимущества

Минусы

4. Текстовые текстуры

Вы можете преобразовать текст в растровую текстуру, а затем применить эту текстуру к объекту. Популярными вариантами использования такой техники являются кастомные рекламные билборды, чашки/футболки, а также гравировка ювелирных изделий:

Посмотрите пазл текстура из текста для получения дополнительной информации о том, как использовать текстуры с пользовательским текстом.

Преимущества

Минусы

5. Канвас-текстуры

Этот метод является дополнением предыдущего метода, который позволяет выполнять более сложные задачи с помощью языка программирования «Ява Скрипт» и ХТМЛ-элемента canvas. Для получения дополнительной информации ознакомьтесь с пазлом create canvas elem.

Преимущества

Минусы

Остались вопросы?

Задавайте их на нашем форуме!