﻿1
00:00:04,250 --> 00:00:05,010
‫Olá e bem-vindo.

2
00:00:05,030 --> 00:00:09,920
‫Vamos olhar para esta grande coisa chamada espaço de mistura nesta palestra e como

3
00:00:09,920 --> 00:00:13,910
‫ela nos permite mover suavemente entre diferentes tipos de movimento.

4
00:00:13,940 --> 00:00:15,530
‫Vamos mergulhar e vê-lo em ação.

5
00:00:17,080 --> 00:00:25,030
‫Então, como dissemos, esses nós de mesclagem não são uma maneira muito boa de fazer animação com pelo menos animação de locomoção, que

6
00:00:25,030 --> 00:00:28,270
‫é o que chamamos de animação de movimento.

7
00:00:29,260 --> 00:00:30,210
‫Então, o que é?

8
00:00:30,490 --> 00:00:35,620
‫Bem, felizmente no Unreal, temos um ativo projetado especificamente para esse tipo de coisa.

9
00:00:36,190 --> 00:00:41,800
‫Quando queremos misturar coisas em um espaço bidimensional, isso é chamado de espaço de mesclagem 2D.

10
00:00:42,160 --> 00:00:46,450
‫Então, o que vamos fazer é ir até nosso navegador de conteúdo e criar um desses, e então vou mostrar

11
00:00:46,450 --> 00:00:49,300
‫a você o que é, o que significa e qual é o objetivo.

12
00:00:49,910 --> 00:00:52,780
‫Vou adicionar nova animação e espaço de mistura.

13
00:00:52,780 --> 00:00:55,100
‫Você pode ver que também há uma variante que é unidimensional.

14
00:00:55,420 --> 00:00:56,920
‫Nós vamos estar indo para o bidimensional.

15
00:00:56,920 --> 00:01:02,620
‫Uma razão é que temos duas dimensões que serão a dimensão para frente e para trás e

16
00:01:02,620 --> 00:01:04,060
‫a dimensão esquerda direita.

17
00:01:04,510 --> 00:01:06,080
‫Então vamos nessa.

18
00:01:06,080 --> 00:01:08,670
‫Então nós temos que escolher um esqueleto no qual ele precisa se basear.

19
00:01:08,680 --> 00:01:15,280
‫Esse será o esqueleto Wraith, e então o prefixo será o sublinhado s e vamos chamá-lo de

20
00:01:15,280 --> 00:01:19,720
‫locomoção porque se trata de mover nosso jogador ao redor.

21
00:01:19,720 --> 00:01:25,000
‫Então abrimos nossos ativos de locomoção e você pode ver isso logo de cara.

22
00:01:25,000 --> 00:01:27,070
‫É um novo editor mais uma vez.

23
00:01:27,550 --> 00:01:32,320
‫Na verdade, está criando um novo tipo de animação, está fazendo animação de outras animações, mas ainda

24
00:01:32,320 --> 00:01:36,460
‫é uma espécie de animação e você pode ver que é exibido no topo.

25
00:01:36,460 --> 00:01:36,760
‫Direita.

26
00:01:37,660 --> 00:01:40,000
‫Temos detalhes para este recurso que estão vazios no momento.

27
00:01:40,000 --> 00:01:42,610
‫Temos detalhes dos ativos à esquerda.

28
00:01:42,610 --> 00:01:44,680
‫Eu não tenho certeza de qual é a diferença lá.

29
00:01:44,680 --> 00:01:47,980
‫Acho que os detalhes à direita podem ter a ver com a animação selecionada.

30
00:01:48,820 --> 00:01:53,620
‫Temos Skeleton Tree se você precisar, mas a área principal é essa do meio.

31
00:01:53,620 --> 00:01:59,650
‫Temos uma janela de visualização e abaixo dela temos este gráfico bidimensional.

32
00:02:00,340 --> 00:02:06,070
‫E o que isso está dizendo é que poderíamos colocar um valor na parte inferior, que pode ser a nossa esquerda

33
00:02:06,220 --> 00:02:10,060
‫direita e um valor na esquerda, que talvez seja para cima e para baixo.

34
00:02:10,450 --> 00:02:14,800
‫E então este ponto verde, podemos nos mover para qualquer posição aqui.

35
00:02:15,190 --> 00:02:20,560
‫E o que gostaríamos que acontecesse é se eu colocá-lo no canto superior direito, então nos movemos para a frente e para

36
00:02:20,560 --> 00:02:21,910
‫a direita na velocidade máxima.

37
00:02:22,300 --> 00:02:26,340
‫Se eu passar para a esquerda, avançamos para a esquerda ou para baixo.

38
00:02:26,350 --> 00:02:31,120
‫Nós vamos para trás e para a esquerda a toda velocidade e em qualquer lugar no meio.

39
00:02:31,360 --> 00:02:33,010
‫Então essa é a ideia aqui.

40
00:02:33,010 --> 00:02:41,380
‫Queremos basicamente poder se mover entre esses espaços de mesclagem e queremos poder escolher uma animação e mesclar

41
00:02:41,380 --> 00:02:42,850
‫entre ela.

42
00:02:43,390 --> 00:02:44,590
‫Então, o que realmente acontece?

43
00:02:44,590 --> 00:02:48,130
‫Vamos ver se podemos trazer uma animação de caminhada.

44
00:02:48,940 --> 00:02:56,740
‫Vou trazer uma animação de caminhada para a esquerda, uma animação de caminhada para a direita para a direita aqui.

45
00:02:57,160 --> 00:02:58,930
‫E então nós avançamos e retrocedemos.

46
00:02:58,930 --> 00:03:06,070
‫Então vamos colocar um para trás aqui e um para frente aqui e então você pode mover esses pequenos pontos verdes e você pode ver que ele

47
00:03:06,130 --> 00:03:07,990
‫começa a se mover para frente.

48
00:03:07,990 --> 00:03:14,980
‫Se eu subo, começa a me mover para trás, se eu desço e vou para a esquerda e para a

49
00:03:14,980 --> 00:03:17,290
‫direita está essencialmente funcionando como esperávamos.

50
00:03:18,050 --> 00:03:22,180
‫A única coisa que parece um pouco estranha é aqui no meio, onde estamos meio

51
00:03:22,180 --> 00:03:24,940
‫que pisando no local porque não temos uma animação ociosa.

52
00:03:25,600 --> 00:03:27,430
‫Então, precisamos introduzir isso.

53
00:03:27,430 --> 00:03:32,770
‫Mas antes de fazermos isso, temos esses eixos rotulados como nenhum.

54
00:03:32,770 --> 00:03:34,600
‫Isso não é particularmente útil.

55
00:03:34,990 --> 00:03:36,280
‫Quais devem ser seus rótulos?

56
00:03:36,280 --> 00:03:37,660
‫Como podemos mudá-los?

57
00:03:37,660 --> 00:03:38,320
‫Vamos dar uma olhada.

58
00:03:38,980 --> 00:03:41,890
‫Precisamos entrar nos detalhes de nossos ativos aqui.

59
00:03:41,890 --> 00:03:43,660
‫E há configuração de eixos.

60
00:03:43,660 --> 00:03:47,560
‫Temos um eixo horizontal que será a nossa esquerda e direita.

61
00:03:47,560 --> 00:03:49,810
‫Então eu vou chamar isso de certo.

62
00:03:50,850 --> 00:03:54,390
‫E é o valor mínimo que vou colocar como menos um.

63
00:03:54,510 --> 00:03:58,630
‫Então, indo em menos uma velocidade e no máximo como mais uma velocidade.

64
00:03:58,920 --> 00:04:03,600
‫Vamos atualizá-los com base nos valores reais das animações mais tarde no jogo.

65
00:04:04,470 --> 00:04:08,460
‫Agora o eixo vertical, posso ir e editar para avançar.

66
00:04:09,920 --> 00:04:13,700
‫E nós vamos entre menos um e um aqui também.

67
00:04:13,710 --> 00:04:15,800
‫Então -1 para 1.

68
00:04:15,830 --> 00:04:19,010
‫Você também pode selecionar o número de divisões que deseja na grade.

69
00:04:19,040 --> 00:04:24,140
‫Aqui temos quatro divisões, mas você pode aumentar isso se quiser colocar animações em intervalos

70
00:04:24,140 --> 00:04:24,830
‫diferentes.

71
00:04:25,130 --> 00:04:27,080
‫E faremos isso mais tarde também.

72
00:04:27,530 --> 00:04:28,820
‫Então isso é interessante.

73
00:04:28,820 --> 00:04:36,410
‫Temos o nosso avançado, o esquerdo e o direito, e parece que perdi a minha pequena protuberância verde ali.

74
00:04:36,410 --> 00:04:41,210
‫Então, acabei de fechar o ativo, espero trazê-lo de volta e ver como o verde está de

75
00:04:41,210 --> 00:04:41,750
‫volta.

76
00:04:42,110 --> 00:04:49,190
‫Então agora eu posso voltar para a frente, posso voltar para a esquerda e agora queremos que isso seja realmente mais completo para

77
00:04:49,190 --> 00:04:52,970
‫que possamos correr para trás, para que possamos correr para a frente.

78
00:04:53,660 --> 00:04:56,930
‫Podemos andar para a frente, podemos correr para a esquerda, podemos correr para a direita.

79
00:04:57,050 --> 00:05:00,200
‫E podemos ter uma animação ociosa no meio.

80
00:05:01,670 --> 00:05:06,140
‫Agora, se fizéssemos isso, descobriríamos que acabaríamos com uma espécie de formação cruzada.

81
00:05:06,470 --> 00:05:11,300
‫E nesses pontos intermediários, ele realmente não saberia ou se comportaria muito bem.

82
00:05:11,780 --> 00:05:16,820
‫Então, o que vamos fazer é ajustar esses eixos para que tenhamos algo um pouco diferente, em vez de ir para

83
00:05:17,150 --> 00:05:18,650
‫a direita e para a frente.

84
00:05:18,920 --> 00:05:22,490
‫Nós vamos acabar com o ângulo.

85
00:05:23,690 --> 00:05:31,250
‫E tendo a velocidade como a outra dimensão, se quisermos voltar, você precisa girar 180 graus em

86
00:05:31,250 --> 00:05:34,490
‫seu ângulo e ir a toda velocidade.

87
00:05:35,090 --> 00:05:36,740
‫Então, quais deveriam ser esses valores?

88
00:05:36,770 --> 00:05:38,430
‫Bem, isso deve ser um pouco diferente.

89
00:05:38,450 --> 00:05:47,780
‫Vamos de -180 para 180 positivo no ângulo, círculo completo.

90
00:05:48,410 --> 00:05:53,420
‫E em termos de velocidade, vamos de 0 a 8 e digamos 100 por enquanto.

91
00:05:54,750 --> 00:06:00,030
‫E então como estaríamos criando essas diferentes animações que acabamos de fazer?

92
00:06:00,030 --> 00:06:02,070
‫De certa forma, podemos colocá-los de forma diferente.

93
00:06:02,100 --> 00:06:06,580
‫Temos uma animação para trás que vai a toda velocidade em -180.

94
00:06:06,600 --> 00:06:09,390
‫Também vai a toda velocidade em 180 positivos.

95
00:06:09,390 --> 00:06:12,980
‫Então, essa animação para trás precisa estar em dois lugares.

96
00:06:12,990 --> 00:06:15,510
‫Então vamos encontrar nossa caminhada.

97
00:06:16,790 --> 00:06:19,100
‫Quatro para trás e colocá-lo neste outro lugar também.

98
00:06:19,610 --> 00:06:20,780
‫Agora caminhando.

99
00:06:20,780 --> 00:06:21,320
‫Direita?

100
00:06:21,440 --> 00:06:26,480
‫Isso vai, na verdade, essa é uma animação andando para a esquerda que deve passar de -180.

101
00:06:26,870 --> 00:06:33,110
‫Nossa caminhada para a direita deve ir para o nosso positivo 180 e nossa caminhada completa deve ir para lá no meio.

102
00:06:33,530 --> 00:06:36,800
‫E como eu disse, precisamos de algum tipo de animação ociosa.

103
00:06:36,800 --> 00:06:40,550
‫Então vamos procurar a animação de combate ocioso.

104
00:06:40,550 --> 00:06:41,690
‫A arma subiu?

105
00:06:41,690 --> 00:06:42,230
‫Eu acredito.

106
00:06:42,650 --> 00:06:44,150
‫Então vá e coloque o combate ocioso.

107
00:06:44,150 --> 00:06:49,640
‫E vamos colocar o combate ocioso por todo o fundo aqui em cada um desses

108
00:06:49,640 --> 00:06:57,830
‫slots para deixar a mistura super clara de que não importa em que ângulo você esteja, se você estiver ocioso, você quer ficar parado.

109
00:06:57,860 --> 00:06:58,990
‫Então vamos tentar isso.

110
00:06:59,000 --> 00:07:00,860
‫Agora posso mover meu ângulo.

111
00:07:00,860 --> 00:07:08,120
‫Você pode ver que eu começo a me mover em um ângulo diferente dependendo de onde eu trago aquela bolinha verde

112
00:07:08,120 --> 00:07:09,620
‫e se eu desço.

113
00:07:10,650 --> 00:07:14,670
‫Você pode ver que reduz minha velocidade até que eu esteja ocioso.

114
00:07:15,590 --> 00:07:16,460
‫Então é isso que está fazendo.

115
00:07:16,460 --> 00:07:22,790
‫Não importa onde eu comece e suba e isso comece a me mover para a esquerda ou para a direita ou onde

116
00:07:22,790 --> 00:07:24,560
‫quer que eu esteja, faz sentido.

117
00:07:26,570 --> 00:07:29,600
‫Então, meu desafio para você é completar este espaço de mistura.

118
00:07:29,900 --> 00:07:35,390
‫Vamos fazer isso adicionando animações de combate de corrida para que possamos ir mais rápido e mais devagar.

119
00:07:35,390 --> 00:07:38,690
‫E para onde eles devem ir em nosso esquema?

120
00:07:38,690 --> 00:07:43,070
‫Onde eles devem ser colocados neste espaço de mistura?

121
00:07:43,400 --> 00:07:46,040
‫Pause o vídeo e experimente esse desafio.

122
00:07:47,850 --> 00:07:48,150
‫OK.

123
00:07:48,150 --> 00:07:48,600
‫Bem vindo de volta.

124
00:07:48,630 --> 00:07:55,170
‫Então, em primeiro lugar, vamos querer mover para baixo provavelmente esses espaços sem graça aqui, a caminhada para a esquerda, a

125
00:07:55,170 --> 00:08:01,640
‫caminhada para a frente e para a direita porque queremos que as animações de corrida sejam mais rápidas no topo.

126
00:08:02,520 --> 00:08:10,230
‫Então vamos em frente e procurar ADD Jog e vamos procurar como deve ser.

127
00:08:10,230 --> 00:08:13,230
‫Alguns deles são jog combat, eu acredito.

128
00:08:13,710 --> 00:08:15,890
‫Vamos tentar encontrá-los em algum lugar aqui.

129
00:08:15,900 --> 00:08:16,290
‫Aqui vamos nós.

130
00:08:16,680 --> 00:08:18,030
‫Há uma seção inteira abaixo.

131
00:08:18,030 --> 00:08:19,200
‫O combate vem no final.

132
00:08:19,200 --> 00:08:21,240
‫Portanto, não é muito fácil procurar, infelizmente.

133
00:08:21,630 --> 00:08:27,240
‫Mas se formos procurá-lo, devemos fazer uma corrida, um combate para a frente.

134
00:08:27,240 --> 00:08:28,440
‫Eles vão colocar isso no meio.

135
00:08:29,250 --> 00:08:31,440
‫Vamos precisar de uma corrida para trás.

136
00:08:31,650 --> 00:08:34,500
‫Combate, onde está aquele trote para trás.

137
00:08:34,500 --> 00:08:34,860
‫Volte.

138
00:08:34,860 --> 00:08:38,730
‫Isso vai para a direita e a esquerda para a direita.

139
00:08:38,730 --> 00:08:39,240
‫Para esquerda.

140
00:08:39,840 --> 00:08:42,360
‫E vamos precisar de uma esquerda.

141
00:08:42,960 --> 00:08:48,480
‫Então corra para a esquerda, combate indo em -180 ou -90, na verdade.

142
00:08:48,990 --> 00:08:53,670
‫E o combate de corrida à direita está indo a mais de 90.

143
00:08:54,390 --> 00:09:01,110
‫E acabei de notar que deixei uma brecha aqui onde andamos para trás.

144
00:09:01,320 --> 00:09:02,070
‫Então tudo bem.

145
00:09:02,070 --> 00:09:05,700
‫Caminhe para a direita, botão do mouse para trás aqui.

146
00:09:06,210 --> 00:09:10,410
‫E agora devemos ser capazes de misturar esses caras com bastante precisão.

147
00:09:10,500 --> 00:09:12,660
‫Então, indo para trás, correndo para trás.

148
00:09:13,440 --> 00:09:15,000
‫Correndo para a esquerda.

149
00:09:15,480 --> 00:09:16,710
‫Caminhando para a esquerda.

150
00:09:18,040 --> 00:09:22,900
‫Meu único problema parece ser que minha animação de ídolo tem todo esse tipo de olhar para a

151
00:09:22,900 --> 00:09:27,220
‫esquerda e olhar para o negócio certo acontecendo, se eu for em qualquer lugar entre essa

152
00:09:27,370 --> 00:09:28,990
‫interpolação e a exibição frenética.

153
00:09:29,350 --> 00:09:33,420
‫Então, o que eu quero fazer aqui é encontrar uma animação de ídolo diferente.

154
00:09:33,430 --> 00:09:34,450
‫Eu usei o errado.

155
00:09:34,930 --> 00:09:41,380
‫Então, se formos, não é um retorno de ídolo que eu quero, mas acho que há uma habilidade de ídolo, certo?

156
00:09:41,380 --> 00:09:43,270
‫Botão do mouse, que é mais estático.

157
00:09:43,660 --> 00:09:52,390
‫Então, vamos trazer isso por cima, o que substitui estar por cima dos pontos Idol em um espaço

158
00:09:52,390 --> 00:09:53,890
‫de combate.

159
00:09:54,130 --> 00:09:57,700
‫E agora você pode ver se eu trago aquela bolinha verde.

160
00:09:58,090 --> 00:10:00,790
‫Você pode ver que não temos nada desse movimento frenético.

161
00:10:00,790 --> 00:10:07,150
‫Acabamos de obter um espaço de mistura muito bom que combina suavemente entre nossas animações de caminhada.

162
00:10:07,150 --> 00:10:14,020
‫Eu parei as animações e estou rodando animações em qualquer direção e espero que isso dê uma ideia de por que

163
00:10:14,020 --> 00:10:18,400
‫os espaços de mistura são tão incríveis em fazer coisas como locomoção.

164
00:10:19,210 --> 00:10:25,930
‫E, a propósito, pode ser útil habilitar os rótulos nessa visualização para que você possa ver quais são

165
00:10:25,930 --> 00:10:30,070
‫os nomes das animações nos vários pontos desse espaço de mesclagem.

166
00:10:30,790 --> 00:10:36,100
‫Na próxima palestra, veremos como trazer esse espaço de mesclagem para nossos projetos de animação

167
00:10:36,100 --> 00:10:37,960
‫e como conectar tudo.

168
00:10:38,200 --> 00:10:38,710
‫Vê isso?

