0: Давайте разберём, допустим, такую ситуацию, с которой многие разработчики могут сталкиваться инди разработчики, да, допустим, художник аниматор сделал вам какую-то мп.

1: 4 видос и вам нужно встроить в игру, то есть у вас синема. То есть разберём, как встраивать синематики не в самой игре, а, допустим, кусок видео. У вас есть формата мп 4, и вам нужно встроить в игру в данном случае.

2: Мы будем встраивать в самое начало. Получается видоса этого. И когда будем нажимать плей, у нас будет заставка идти видеоролик, видеоряд со звуком.

3: Вот, и выглядеть это, это будет так. То есть я нажимаю быструю клавишу альт п, это получается старт.

4: Глубоко в лесах альбиона притаилась деревенька оу квейл, нетронутая временем и войнами.

5: Здесь жил 1 мальчик и его семья, мальчик, мечтавший о славе, о том, чтобы однажды стать героем вот такой watch синематик, кстати, по синематику обратите внимание, это игра star.

6: И как синематики тогда бывали, делали дешёвые, да, чтоб много не тратить там деньги на анимации, они брали, рисовали тут буквально 3 картинки, но при и озвучка музыка, и этим они вытягивают, в принципе. То есть интересно смотреть этот

7: Cinematic, в принципе, да. Ну по крайней мере, мне во время синематика мы отключим нашему персонажу управление, ну и пройдёмся, я не знаю, там по таким нюансам, в принципе, гайд простой, вот, но он

8: Простой, но опять же, я обязан был это сделать. Мы потихонечку, потихонечку будем подходить к синематика. Ну и насколько я в эту тему вообще внедрюсь, я, честно сказать, не знаю. Вот я также рекомендую подписаться на

9: На группу в дискорд. Если возникают вопросы, можете туда писать, смело разговаривать в голосовых, решать там свои нюансы, вот также есть telegram канал и заходите на стримчанский по воскресеньям в 19:00 по мск, там всегда стримы делаем, общаем.

10: Вот всем приятного просмотра.

11: Давайте для начала разберёмся, пройдёмся по некоторым нюансам. Связанные с этими роликами мп 4, которые мы воспроизводим в игре, да, я создал новую папку, назвал её cinema, открываю её, у меня есть

12: Видео небольшое, формат мп 4 со звуком находится на диске ц и давайте разберём 1 нюанс. Когда мы видео переносим сюда, отпускаем, оно здесь отображается таким значочком. И если мы зайдём в это видео,

13: Здесь будет указано.

14: Указан путь к этому видео. И также здесь вот восклицательный знак. Здесь у нас, ну, директория должна находиться в игре, то есть при компиле. То есть видео нужно кидать в

15: Сам проект, а у нас как бы этот проект, это, это видео находится сейчас не в игре, и, соответственно, при компиле у нас видео не зарендерить, да, в игру. Вот давайте поместим.

16: Получается в игру это этот видос. Вот это пока, пока что я удаляю. Опять же, смотрите, заходим в папку с сохранениями с этими проектами.

17: Ищем у нас проект называется мой проджект 24. И я ищу проект вот мой проджект 24, да, захожу в него контент и вот можно найти папку синема, которую

18: Я создал, я её открываю и сюда помещаю.

19: И сюда перетаскиваю вот это видео, теперь оно находится в игре, то есть в этой Папке, в Папке с игрой, да, в проекте. И теперь это видео я уже переношу сюда, получается, в папку.

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

21: Нужно создать сам media, player, чтоб воспроизводилось видео, мы здесь нажимаем правую кнопку мыши, выбираем медиа и выбираем медиа плеер. Здесь, в открывшемся окне мы ставим галочку, потому что мы будем

22: Создавать медиа текстуру. Ну как дополнительный функционал открывается вот media текстуру. То есть и теперь, когда мы нажмём окей и введём, допустим, название, ну, мплей,

23: Да, плеуер у нас появится сразу вот media текстура.

24: Ну, потому что галочку там поставили. Давайте зайдём в мплеер. Здесь у нас, ну, это проигрыватель стандартный, да, здесь, собственно, у нас сами видосы находятся. Вот у нас 1 видео.

25: Если мы дважды кликнем по видео, глубоко у нас видео начнётся воспроизводиться со звуком все, как положено здесь, по настройке play to open стоит галочка, и у нас будет видео производиться всегда, когда включится.

26: Плеер все здесь, галочка у нас стоит.

27: Ну, обычный медиаплеер, в принципе, ничего сложного. Все, идём дальше, заходим, получается, в медиа текстуру по media. Текстуре. Не знаю, увеличение, не увеличение здесь, в медиатексту её, в принципе,

28: То самое главное в медиаплеер вы ставите плеер, который вы создали, мы создали и медиаплеер, и текстуру сразу как бы 1 кликом, и у нас получается, автоматически здесь добавился, если

29: Вы отдельно медиа текстуру добавляете, выставляете плеер, который вы создали. Идём дальше. Теперь нужно создать сам материал.

30: Берём по media текстуре, нажимаем правую кнопку мыши и выбираем крейт материал создаётся. Вот материал, мы заходим в этот материал.

31: Этот материал мы видео мы будем воспроизводить на интерфейсе теперь соответственно, что для этого нужно? Мы выделяем вот эту ноду и в материал демен вместо сурфейс открываем и выбираем юзер интерфейс. И у нас

32: Такая вот нотка появилась, мы её просто подключаем в финал колор и нажимаем save, то есть сохраняем все дело.

33: Все сохранилось. Отлично. Закрываю материал. Теперь готов. Теперь создадим виджет, который будет в принципе, ну, создадим, сам виджет, да, нажимаем правую кнопку мыши, выбираем юзер, интерфейс и выбира.

34: Widget блюпринт?

35: Ну, назову, виджит б.

36: Захожу в виджет здесь. Смотрите, какой нюанс. Здесь у нас компонент канвар. Панель находится. И если мы сейчас имидж будем переносить, она у нас такая вот будет маленькая, да, её надо растягивать. Вот если мы конвас

37: Панель удаляем и какой-то компонент помещаем, допустим, image помещаем, он сразу, видите, растягивается во весь в принципе то, что нам нужно теперь на эту картинку на компонент мы помещаем нашу текстуру

38: Которую мы создали, вот эту вот выделил её перехожу, виджит, б и сюда нажимаю на стрелочку. Все, материал добавился. Также смотрите, у нас этот компонент изначально будет невидимый визби.

39: Мы ставим на хитон.

40: Хотя, в принципе, можно и не ставить. Ну, мы там ещё посмотрим, может, из за этого, ну, как бы, это, нажимаем компайл, потому что мы ж вызываем, получается, ну, там, проверим ещё, переходим теперь в граф.

41: Even реконструкт мы убираем, эвент тик убираем, остаётся эвент констракт.

42: Теперь мы создаём переменную, называем её media.

43: Медиа п. Ну, это наш проигрыватель будет, да, создали переменную тип переменной мы прописываем медиа проигрыватель media player media.

44: Вот медиа плеер. Выбираем обжект. Референс. Теперь очень важный момент. В дефолт велью ничего нету. Пока что мы нажимаем компайл и у нас открывается вот такой моментик. Да, мы открываем его.

45: И выбираем плеер, который мы создали. Вот мплеер.

46: Создали теперь эту переменную можно, в принципе использовать здесь вот переносим Гетт. Теперь мы указываем, какое видео нам воспроизводить, вызываем опенсурс.

47: Вот опенсурс подключаем к эвен констракт в media sources мы указываем источник то есть вот fable anniversary это наше видео да, мы указали его, потом берём имэдж.

48: Get вот это, кстати, можно и не делать. То есть у нас же мы картинку выключили, а сейчас, типа, включаем опять, да, типа такая вот как бы небольшой затупчик у нас.

49: Изобилити. Ну, потом мы уберём это и посмотрим, будет ли работать. Ну да, должно, в принципе, визабилити. То есть картинка включилась, потом идёт delay.

50: То есть у нас видео проигрывается и сюда ставится время видоса, да, сколько у нас идёт видео, чтобы посмотреть длину видео? Вы заходите, в принципе в плеер и включаете видос. И вот

51: Смотрите, 22 секунды.

52: И сюда, соответственно, я ставлю 22 секунды задержку и после 22 секунд вызываем рему Фром парент.

53: Вот рему Фром парент, который, получается, удаляет этот виджет, типа такая вот система. Нажимаем компайл, все у нас виджит в принципе, готов теперь.

54: Виджит, готов, теперь нужно его выводить на экран в определённых ситуациях, то есть у нас виджит видос, будет появляться в самом начале игры, как мы только нажимаем play, вы можете, допустим, делать ивент по пересечению.

55: Прочее, прочее или, допустим, в level blueprint, как-то его встраивать по пересечению, или там пришли разговаривать. У вас синематик включился, то есть на любые вещи можно вешать. Мы сейчас повесим следующим образом. То есть мы сейчас создадим блюпринт и в нём прописываем

56: Логику получается, которая будет это все выводить. Давайте смотрите, здесь я нажимаю правую кнопку мыши, выбираем юзер, выбираем блюпринт класс создаём на базе актора.

57: Назовём его open. Так, open дабл ю. Ну open виджет типа смотрите, создали блюпринт, я сразу его перенесу на уровень, потому что если мы в нём логику будем прописывать,

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

59: Уровень кинуть. Вот переходим в event. Граф, здесь нам что потребуется? Ну, у нас сразу будет включаться. Соответственно, выбираем эвент Бегин плей, выбираем create, виджет.

60: Сюда мы указываем виджет, виджет б да, получается наш, и выводим на экран add to вьюпорт, все вывели на экран.

61: Теперь нажимаем компайл, нажимаем play и у нас сразу включился как бы, ну, нажали play, допустим, или новое меню, там старт, да, у нас ролик запустился, идёт, но нет звука и опять же,

62: Сейчас видосик проигрывается, причём мы можем бегать в принципе, когда видос идёт.

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

64: Media sound. Так, media. Вот media sound. Компонент выделяем. Ну, он, он здесь представлен таким вот образом, да, в blueprint просто колоночка. Вот мы выделяем медиа саунд и здесь

65: Указываем источник, откуда ему звук брать. Мы открываем и выбираем медиаплеер. А медиаплеер, соответственно, что производит? Ну какой ролик производит, тот, оттуда и звук идёт. Теперь берём медиа саунд сюда переносим и просто

66: Просто делаем start.

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

68: Глубоко в лесах альбиона притаилась деревенька оквы. Все, теперь у нас звук идёт отлично, но мы можем покаместь. Идёт синематик, мы можем бегать. Давайте отключим нашему персонажу.

69: Управление. Вот что нам нужно. Во первых, мы берём ноду дизейбл импут.

70: Дизейбл импут, он отключает нам управление, но при этом надо указать плеер контроль и таргет таргет. То есть кому мы отключаем управление. Мы отключаем персонажу Гетт плеер.

71: Charakter то есть мы нашему чараку отключаем управление и также указаем, указываем контроллер, Гетт, плеер, контроллер.

72: Управление отключилось. Теперь ставим Делей.

73: И сюда я ставлю время. Сколько ролик у нас идёт? То есть 22 секунды. И через 22 секунды у нас должно включаться управление. Мы вызываем ноду энейбл импут. Вот энейбл импут.

74: И теперь смотрите плеер чарактер мы подключаем в target плеер контроллер, подключаем в player контроллер, все у нас логика в принципе готова, нажимаем компайл, нажимаем play, все глубоко в лесах.

75: Она притаилась деревенька оуквелл, нетронутая временем и войнами.

76: Здесь жил 1 мальчик и его семья, мальчик, мечтавший о славе, о том, чтобы однажды стать героем. Ну вот такой watch синематик, получается, встроился, да так.

77: Что хотел ещё посмотреть так заходим в дизайн здесь на этой картинке в принципе вместо хиден ставим визибл переходим в граф и здесь what set visibility можно в принципе так отключи

78: Она в принципе, и без этой темы тоже будет все нормально работать нажимаем компайл, нажимаем play глубоко в лесах альбиона притаилась дёре так?

79: Ну вот такой получился урок, в принципе, по синематика тоже тут, ну оно по чуть чуть, по чуть чуть становится.

80: Как бы потихоньку начинаешь че то понимать.

81: Че то делать, встраивать. Вот. О, нормально идёт со звуком.