Онлайн урок. Создание инста маски в Spark AR с добавлением музыки

Маски в инстаграм. Контроллер воспроизведения аудио в Spark AR
Маски в инстаграм. Добавление аудиоклипа в маску Spark AR
Добавьте аудио рядом с параметром «Audio»:
  1. Нажмите раскрывающийся список рядом с Audio
  2. Выберите boombox_loop.m4a

Вставка и настройка Speaker в маске

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

Чтобы добавить Speaker:

  • Нажмите «+Add Object» в нижней части панели «Scene»
  • Выберите Speaker в меню
На панели Scene он будет указан как speaker0:

Маски в инстаграм. Добавление микрофона в маску Spark AR
Он будет указан на панели «Assets» как audioPlaybackController0.


Добавление аудиоклипа

Когда контроллер воспроизведения аудио выбран на панели «Assets», вы увидите его свойства в Inspector.


Создание контроллера воспроизведения звука

Начните с создания контроллера воспроизведения аудио. Вы можете сделать это на панели Assets:

  1. Нажмите Add Asset.
  2. Выберите Audio Playback Controller.
Затем примените контроллер воспроизведения к динамику:
  1. Перейти к инспектору
  2. Нажмите раскрывающийся список рядом с Audio
  3. Выберите контроллер воспроизведения - audioPlaybackController0
Вы также можете редактировать свойства Speaker для регулировки громкости звука в сцене, используя ползунок рядом с Volume.

Добавление непрерывного зацикленного звука

Чтобы добавить зацикленный звук, настройте audioPlaybackController:
  1. Выберите audioPlaybackController0 на панели «Assets»
  2. В Инспекторе установите флажок рядом с Cycle
Теперь у вас будет непрерывный зацикленный звук на сцене!


Добавление интерактивности в маски для инстаграм

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

Давайте отключим этот звук в ответ на нажатие на экран устройства.

Вам нужно будет создать патчи:

В Инспекторе есть круги со стрелками рядом с Play , Loop и Reset. Нажатие на них создаст патчи, представляющие эти свойства.

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

Затем создайте патч Screen Tap. Это один из многих патчей взаимодействия, включенных в Spark AR Studio. Он обнаружит, когда кто-то касается экрана своего устройства при использовании вашей маски в инстаграм.

Чтобы добавить этот патч в свой проект:

  1. Щелкните правой кнопкой мыши в редакторе патчей
  2. Выберите Screen Tap из меню
  3. Нажмите Add Patch

Маски в инстаграм. Выключение звука нажатием на экран Spark AR
Подключение патчей

Теперь у вас есть 2 патча в редакторе патчей.

Если мы подключим выход патча Screen Tap к входному порту Play в патче контроллера воспроизведения звука, патч Switch будет создан автоматически.

Объединение этих трех патчей создает в маске переключатель, который будет включать или выключать звук при каждом касании экрана.

Мы можем проверить это в симуляторе. Нажмите на механизм и выберите Simulate Touch, затем щелкните в любом месте симулятора.

Резюме:

Из этого руководства вы узнали, как использовать Speaker и audioPlaybackController0, чтобы добавить непрерывный звук к вашему эффекту.

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




Читайте также:


В этом уроке вы научитесь делать маски в инстаграм с добавлением звука и будете воспроизводить звук в ответ на взаимодействие человека с вашей маской.

В этом уроке мы рассмотрим:
  1. Создание контроллера воспроизведения аудио - ресурс, который вы будете использовать для настройки аудиоклипов.
  2. Импорт аудио.
  3. Добавление Speaker - объект, включенный в Spark AR Studio, который воспроизводит звук в маске.
  4. Настройку зацикленного звука.
  5. Добавление интерактивности к маске.
  6. Когда вы разберетесь с основами аудио, взгляните на патчи аудио эффектов, включенные в Spark AR Studio. Они могут быть добавлены в ваши маски для искажения голоса или других звуков.
  7. Загрузите образец контента, чтобы быстрее сделать эту маску, или же вы можете использовать любые свои ассеты (аудио и 3D объекты) и следовать нашим инструкциям. Откройте незаконченный проект в папке с образцом контента или свой проект, чтобы начать.

    Мы уже добавили в маску 3D-объект с анимацией. Мы также добавили аудио. На панели активов оно указано как boombox_loop.m4a:
Маски в инстаграм. Добавить аудио в Spark AR
Made on
Tilda