🇷🇺
MyWebAR Knowledge Base
Язык Ру
Язык Ру
  • База знаний для разработчиков MyWebAR
  • С ЧЕГО НАЧАТЬ
    • Регистрация
    • Обзор страницы Dashboard
    • Обзор редактора
    • Создание проекта в MyWebAR
  • ПРИМЕРЫ ИСПОЛЬЗОВАНИЯ MYWEBAR
    • Создание сцены с трекингом на изогнутых изображениях
    • Создание AR-визитки
    • Создание портала в MyWebAR
    • Оживающая фотография
    • Интерактив с 3D-моделью
  • ПЛАНЫ И ПОДПИСКИ
    • Бесплатная пробная подписка
    • Обновление вашего плана
    • Коммерческие планы
    • Планы для образования
  • СОЗДАНИЕ ПРОЕКТОВ WEBAR
    • Типы проектов
    • Проекты с мультимаркерным трекингом (книги)
    • Добавление объектов
    • Как добавить 3D-модель из библиотеки моделей
    • Как добавить 3D-модель из Sketchfab
    • Свойства объекта
    • Кнопки и действия
    • Поведения объектов
    • Воспроизведение видео
    • 3D Анимации
    • Аналитика проектов
    • Как сделать хорошее отслеживаемое изображение для дополненной реальности
    • Оптимизация и подготовка 3D-моделей к загрузке
    • Брендирование проекта и его настройки
    • Работа с доступными плагинами
    • Существующие плагины и как с ними работать
    • Видео инструкции
  • КАСТОМИЗАЦИЯ WEBAR
    • Кастомный домен
    • Использование внешнего хранилища
    • Встраивание WebAR
  • Pro Editor
    • Как устроен Pro Editor
      • Описание интерфейса
      • Основные возможности
    • Требования по размещению кода
      • Пример интеграции готового скрипта
      • Создание частиц в Pro Editor
      • Работа с видео
      • Работа с анимациями 3D-объектов
    • Текущие ограничения
      • Работа с камерой
      • Создание UI
      • Загрузка объектов с помощью класса loader
      • Импорт частей кода
    • Кейсы
      • Добавление изображений
      • Эффект бликов на объективе (Lens Flare)
      • Пошаговое создание мини-игры
      • Переключение содержимого по нажатию
      • Пошаговое создание квеста
Powered by GitBook
On this page
  • Брендинг
  • Welcome Screen
  • Loading Screen
  • Camera Watermark
  • Helper Message and Icon
  • Object Loading Placeholder
  • Настройки проекта
  • Основные настройки
  • Настройка QR-кода
  • Расширенные настройки
  • Настройки SEO-оптимизации
  1. СОЗДАНИЕ ПРОЕКТОВ WEBAR

Брендирование проекта и его настройки

PreviousОптимизация и подготовка 3D-моделей к загрузкеNextРабота с доступными плагинами

Last updated 2 years ago

MyWebAR позволяет вам настроить свой проект под ваш бизнес или задачу. Вы можете изменить внешний вид загрузчика, всплывающей подсказки, водяного знака и так далее.

Вы также можете настроить внешний вид QR-кода, SEO-оптимизацию проекта.

Брендинг

Сначала откройте нужный проект, щелкнув по нему, или . Откроется сцена.

Чтобы работать с брендингом проекта, перейдите на вкладку Branding, нажав на кнопку Branding на левой боковой панели.

Откроется страница по работе с брендингом проекта.

На этой странице можно настроить внешний вид приветственных сообщений, анимации загрузки и так далее.

  • Welcome Screen — изображение, которое появляется при загрузке содержимого сцены (сразу после щелчка по ссылке),

  • Loading Screen — анимация загрузки, помогающая пользователю понять, что его страница загружается,

  • Camera Watermark — водяной знак с логотипом,

  • Helper Message and Icon — текст и изображение, рассказывающие пользователю, что нужно сделать, чтобы увидеть контент дополненной реальности,

  • Object Loading Placeholder — 3D-заглушка, которая видна только при загрузке объекта.

Разберем каждую настройку по порядку.

Welcome Screen

Нажмите переключатель, чтобы начать настройку экрана приветствия.

Появятся настройки для экрана приветствия.

Чтобы изменить изображение, нужно нажать на Change и загрузить файл с вашего устройства.

Логотип будет изменен на новый.

Лучше всего загружать логотип в формате .png с прозрачным фоном. Сам фон экрана можно настроить с помощью параметра Background Color, сделав его однотонным или добавив градиент.

Вы также можете настроить цвет фона, изменив параметр Background Color.

Кроме того, вы можете настроить кнопку запуска сцены. Вы можете изменить настройки цвета кнопки Button Color, цвета текста Text Color и самого текста на кнопке Button Text.

Чтобы сохранить настройки, нажмите на кнопку Save в правом нижнем углу.

Loading Screen

Нажмите переключатель, чтобы начать настройку экрана загрузки.

Появятся настройки загрузочного экрана.

Чтобы изменить прелоадер, необходимо нажать на Change и загрузить файл с вашего устройства.

Хорошим предзагрузчиком является анимированный файл .gif с прозрачным фоном.

Вы также можете изменить сам текст Loading Text и его цвет Text Color.

Не забудьте нажать кнопку Save, чтобы сохранить все внесенные изменения.

Camera Watermark

Чтобы добавить водяной знак к сцене, нажмите на переключатель.

Чтобы загрузить изображение для водяного знака, нажмите кнопку **Change ** и выберите файл с вашего устройства.

После этого ваше изображение окажется поверх сцены дополненной реальности.

Хорошим изображением для водяного знака будет логотип с прозрачным фоном в формате .png.

Вы также можете настроить расположение водяного знака, изменив параметр Position, а параметр Opacitiy отвечает за степень прозрачности водяного знака.

Вы также можете сделать водяной знак кликабельным, добавив ссылку в параметр Hyperlink. Нажав на изображение, пользователь перейдет на сайт, указанный в ссылке.

После добавления водяного знака необходимо сохранить сделанные изменения, нажав кнопку Save внизу.

Helper Message and Icon

Чтобы начать настройку изображения и текста хелпера, нажмите на переключатель.

Чтобы загрузить изображение хелпера, нажмите Change и выберите файл с вашего устройства.

Хорошим изображением для подсказки будет изображение с прозрачным фоном в формате .png.

Аналогичным образом можно задать текст в поле Hint Text, который должен подсказать пользователю, что ему нужно сделать, чтобы увидеть содержимое дополненной реальности.

Последний шаг — сохранить настройки, нажав Save.

Object Loading Placeholder

Чтобы изменить внешний вид 3D-заглушки загружаемого объекта, нажмите на переключатель.

Чтобы загрузить 3D-заглушку, нажмите на Change и выберите файл с вашего устройства.

Также в поле Hint Text можно добавить текст для 3D-заглушки.

После настройки не забудьте нажать кнопку Save в правом нижнем углу страницы.

Настройки проекта

Для работы с настройками проекта перейдите на вкладку Settings, нажав на кнопку с левой стороны.

Настройки проекта разделены на четыре блока:

  • Основные настройки,

  • Настройки QR-кода,

  • Расширенные настройки проекта,

  • Настройки SEO-оптимизации.

Основные настройки

Здесь находятся настройки названия проекта Project Name и кастомизация ссылки на дополненную реальность Project URL.

Настройка QR-кода

Настройки QR-кода позволяют кастомизировать внешний вид QR-кода, который будет являться как ссылкой на дополненную реальность, так и маркером для трекинга QR-кода.

Поля Shape, Body Shape, Eye Shape отвечают за форму отдельных элементов QR-кода. Поле Shapes позволяет управлять цветом элементов и фона.

Расширенные настройки

В блоке расширенных настроек можно управлять множеством параметров, влияющих на сцену.

Давайте разберем каждый параметр в отдельности:

  • Enable camera mode — добавляет кнопку, при нажатии на которую будет сделан снимок.

  • Enable Scene Loading Animation — включает/отключает отображение анимации загрузки сцены (Loading Screen).

  • Enable Object Loading Animation — включает/отключает отображение 3D-заглушки при загрузке объекта (Object Loading Placeholder).

  • Fullscreen Mode (if supported) — включает/отключает запуск сцены дополненной реальности в полноэкранном режиме.

  • Enable Usage Analytics — включает/отключает сбор аналитических данных (информацию о работе с аналитикой проекта смотрите в статье Аналитика проектов).

  • Show Marker-Realted Hints — включает/отключает отображение подсказок (Helper Message and Icon).

  • Sharing options — включает/отключает кнопки "поделиться" при использовании Camera Mode.

  • Use HDR Maps — позволяет загружать карту окружения HDR.

  • Change Camera in Use — позволяет выбрать камеру устройства (передней или задней), которая будет использоваться при просмотре дополненной реальности.

  • Change Scene Scale — позволяет управлять масштабом сцены (1 — масштаб по умолчанию).

Настройки SEO-оптимизации

Управление настройками SEO-оптимизации.

Вы можете изменить заголовок страницы Webpage Title, добавить ключевые слова в поле Keywords, добавить описание страницы Project description и добавить иконку Favicon.

Нажав на кнопку , вы можете загрузитьQR-код в хорошем качестве с правильным отступами.

Также можно загрузить свой логотип, нажав на кнопку.

Если вы хотите вернуться к исходным настройкам QR-кода, в верхней части устройства необходимо нажать кнопку .

При использовании в расширенных настройках появляется дополнительная настройка для изменения маркера изображения.

создайте новый
Трекинг изображений