Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:00,160 --> 00:00:04,530 15. The Grid Layout do Level 2 00:00:04,530 --> 00:00:06,370 Vamos falar, então, sobre o Layout do Mapa. 3 00:00:06,690 --> 00:00:11,350 Eu separei, antes de começar a aula, algumas imagens de Layouts de mapas. 4 00:00:11,550 --> 00:00:13,620 Esse aqui é do Heroes Of The Storm. 5 00:00:14,140 --> 00:00:15,360 Da Blizzard. 6 00:00:15,570 --> 00:00:19,240 Então, antes mesmo que a gente comece a criar um mapa, a gente faz um Layout. 7 00:00:19,570 --> 00:00:22,650 Normalmente, é uma visão... Deixa eu ver se eu consigo dar zoom. 8 00:00:23,250 --> 00:00:24,790 Normalmente, é uma visão como essa. 9 00:00:26,550 --> 00:00:27,920 Vista de topo, né? 10 00:00:28,220 --> 00:00:30,370 Então, a gente consegue entender vista de topo. 11 00:00:30,370 --> 00:00:32,640 Como se fosse uma planta baixa, sei lá, de um apartamento. 12 00:00:33,070 --> 00:00:34,960 As coisas que a gente quer colocar no mapa. 13 00:00:35,200 --> 00:00:37,530 E até aqui, nesse caso, tem os íconezinhos de... 14 00:00:37,950 --> 00:00:39,620 De pontos importantes. 15 00:00:39,890 --> 00:00:42,840 Então, por exemplo, eu vejo esse aqui, da Heroes of The Storm... 16 00:00:43,090 --> 00:00:45,290 Eu não sei se esse Layout é... 17 00:00:46,340 --> 00:00:49,990 Oficial, da Blizzard. Eu acredito que não, alguém fez uma printscreen. 18 00:00:50,410 --> 00:00:51,640 Tá? Mas só pra gente ter uma ideia. 19 00:00:51,870 --> 00:00:53,360 Deixa eu colocar outro aqui. Esse aqui... 20 00:00:53,580 --> 00:00:55,560 Eu acho que é do Counter Strike. 21 00:00:56,010 --> 00:00:59,400 Então, a gente tem, as vezes, um Layout como esse, exibido... 22 00:00:59,730 --> 00:01:00,560 Para o jogador. 23 00:01:00,950 --> 00:01:02,910 Quando ele tá jogando o jogo, ele vê o Layout também. 24 00:01:03,190 --> 00:01:06,040 Mas, antes de a gente criar o jogo, a gente criar alguma coisa como essa. 25 00:01:06,610 --> 00:01:08,180 Colocando as áreas, né? 26 00:01:09,540 --> 00:01:11,400 As passagens que o jogador vai ter. 27 00:01:11,970 --> 00:01:14,960 O próximo Layout que eu separei, foi do Gears Of War. 28 00:01:15,690 --> 00:01:18,730 Então, a gente pode fazer um Layout bem mais simplificado, aqui nesse caso. 29 00:01:18,730 --> 00:01:19,400 Sem... 30 00:01:19,670 --> 00:01:24,040 Aqui no Counter Strike, a gente tem a sombra, tem um carrinho aqui, tem a sombra das paredes. 31 00:01:24,230 --> 00:01:25,680 Eu posso fazer uma coisa bem mais... 32 00:01:25,870 --> 00:01:26,560 Simples. 33 00:01:26,850 --> 00:01:28,240 Né? Bem mais simplificada. 34 00:01:28,440 --> 00:01:30,950 Só mostrando pontos importantes, para que a gente possa... 35 00:01:31,800 --> 00:01:35,160 Ter o Layout, antes de começar realmente a modelar no 3D. 36 00:01:35,740 --> 00:01:37,630 Tem aqui, do Super Metroid. 37 00:01:37,870 --> 00:01:40,570 Que é um Layout já em Side Scroller, né? 38 00:01:40,840 --> 00:01:42,570 Eu não estou vendo de cima, eu estou vendo de lado. 39 00:01:42,920 --> 00:01:45,890 Isso aqui é muito comum em jogos do Metroidvania. 40 00:01:46,480 --> 00:01:51,040 Esse aqui, o cara pegou uma foto do próprio mapa, que está dentro do jogo. 41 00:01:51,490 --> 00:01:54,960 E colocou pontos importantes, de coisas que podem ser... 42 00:01:55,240 --> 00:01:58,130 Alcançadas. É bem legal, também, pra gente poder estudar Game Design. 43 00:01:58,460 --> 00:01:59,670 E Level Design. 44 00:01:59,670 --> 00:02:01,850 Para saber os pontos importantes das coisas. 45 00:02:02,630 --> 00:02:05,080 E, aqui, eu coloquei também, uma outra imagem. 46 00:02:05,370 --> 00:02:08,720 Que é do Zelda. E esse aqui é um... O cara fez, na verdade... 47 00:02:09,170 --> 00:02:10,060 Uma... 48 00:02:10,280 --> 00:02:13,720 Uma montagem, para mostrar o Layout de uma dungeon. Water Temple. 49 00:02:14,010 --> 00:02:15,210 Do Ocarina of Time. 50 00:02:15,210 --> 00:02:18,150 Quem jogou esse jogo, sabe como é um grande jogo. 51 00:02:18,150 --> 00:02:20,620 Quem não jogou, dá uma procurada aí. Eu acho que vale a pena. 52 00:02:20,920 --> 00:02:22,360 É uma grande lição de... 53 00:02:22,600 --> 00:02:25,220 De Game Design de dungeons. 54 00:02:25,220 --> 00:02:29,530 E tem essa dungeon do Water Temple, que é considerada uma das melhores dungeons já feitas no Zelda. 55 00:02:30,080 --> 00:02:31,630 E aqui, o cara fez uma... 56 00:02:32,250 --> 00:02:34,160 Uma montagem, só para explicar as coisas. 57 00:02:34,400 --> 00:02:36,760 Então, ele fez essa visão em 3D. 58 00:02:37,010 --> 00:02:38,490 Né? Em perspectiva ortográfica. 59 00:02:38,800 --> 00:02:41,690 Para mostrar como as coisas são conectadas. Então, a gente tem... 60 00:02:41,690 --> 00:02:42,560 Níveis, né? 61 00:02:42,870 --> 00:02:46,400 Então, você percebe que tem essa rampa aqui, que sobe para esse cenário... 62 00:02:46,960 --> 00:02:50,600 Ela desce para esse outro cenário. A gente tem três níveis de água aqui. 63 00:02:51,140 --> 00:02:54,140 E aí, você tem as outras posições, das outras áreas, tá? 64 00:02:54,670 --> 00:02:57,430 Esse aqui é um tipo de Layout também, que pode ser feito. Eu não achei... 65 00:02:57,760 --> 00:03:02,420 Mas, uma vez eu vi uma imagem da produção mesmo, do Half Life. 66 00:03:02,790 --> 00:03:04,770 E eles usavam um pouco desse tipo de... 67 00:03:05,210 --> 00:03:08,380 De Layout mais em 3D aqui, desenhado. 68 00:03:08,580 --> 00:03:11,060 E ortográfico, para fazer o Layout dos seus mapas. 69 00:03:11,350 --> 00:03:12,320 A gente vai fazer... 70 00:03:12,720 --> 00:03:15,080 Já nesse capítulo, um Layout de topo. 71 00:03:15,340 --> 00:03:18,060 Que a gente pode, depois, transformar em um 3D ortográfico. 72 00:03:18,850 --> 00:03:20,810 Mas, vai de acordo com a tua... 73 00:03:22,340 --> 00:03:24,320 Com a tua opção, tá? Como é que eu fiz? 74 00:03:24,320 --> 00:03:27,510 Na verdade, eu fiz utilizando um papel e lápis. 75 00:03:27,510 --> 00:03:29,660 É mais fácil eu mostrar para vocês no Photoshop. 76 00:03:30,000 --> 00:03:32,010 Né? O processo que eu utilizei. 77 00:03:32,540 --> 00:03:35,950 Então, basicamente, a gente vai fazer uma nova imagem no Photoshop. 78 00:03:36,840 --> 00:03:38,750 Ou em qualquer outro programa de desenho, né? 79 00:03:39,370 --> 00:03:43,180 Eu estou fazendo exatamente no computador, para que vocês possam ver a gravação que eu fiz aqui. 80 00:03:43,520 --> 00:03:46,870 Mas, como eu comentei, eu fiz isso aqui no papel e depois eu passei para o computador. 81 00:03:47,280 --> 00:03:48,830 Então, digamos que lá no meu... 82 00:03:48,830 --> 00:03:50,440 Eu vou fazer uns rabiscos aqui. 83 00:03:50,440 --> 00:03:53,500 Digamos que no meu jogo, como eu comentei lá no meu... 84 00:03:53,930 --> 00:03:55,830 Short Game Design Document. Eu vou ter uma área... 85 00:03:56,000 --> 00:03:58,470 Né? Pense que eu estou vendo aqui de cima, beleza? 86 00:03:59,010 --> 00:04:00,460 Vou ter uma área aqui, central. 87 00:04:00,790 --> 00:04:02,120 Onde o jogador vai começar. 88 00:04:02,540 --> 00:04:05,430 E eu vou ter três caminhos. Então, eu tenho, sei lá... um primeiro caminho aqui. 89 00:04:06,350 --> 00:04:07,530 Estou fazendo um rabisco aqui. 90 00:04:07,530 --> 00:04:08,410 O segundo caminho. 91 00:04:09,630 --> 00:04:10,800 E o terceiro caminho. 92 00:04:11,900 --> 00:04:15,230 Cada um desses caminhos vai apontar o jogador para alguma direção. 93 00:04:15,460 --> 00:04:15,900 Tá? 94 00:04:16,460 --> 00:04:19,220 Eu posso talvez ter um começo aqui, que seria uma... 95 00:04:21,450 --> 00:04:23,210 Como se fosse uma entrada para o jogador. 96 00:04:23,680 --> 00:04:26,410 Então, digamos que o jogador... Eu já vou marcar ele aqui, com uma outra cor. 97 00:04:28,100 --> 00:04:30,450 Digamos que o jogador... Vou colocar ele de... 98 00:04:30,910 --> 00:04:32,340 Amarelo, porque ele é importante. 99 00:04:33,480 --> 00:04:34,830 Digamos que o jogador começa aqui. 100 00:04:36,080 --> 00:04:38,160 Não está dando para ver, então eu vou colocar uma... 101 00:04:39,610 --> 00:04:40,240 Outra cor. 102 00:04:40,980 --> 00:04:42,150 Esse cara, eu vou inverter. 103 00:04:43,550 --> 00:04:46,110 E eu vou pintar novamente, o jogador de amarelo. 104 00:04:47,190 --> 00:04:47,620 Tá? 105 00:04:49,650 --> 00:04:50,910 Então, digamos que o jogador começa aqui. 106 00:04:51,400 --> 00:04:52,910 E aqui eu já sei que ele está... 107 00:04:54,540 --> 00:04:55,720 Caminhando para a frente. 108 00:04:56,080 --> 00:04:58,620 Ele vai caminhar para a frente, vendo de cima, né? 109 00:04:59,100 --> 00:05:02,000 Ele caminha e chega nessa área central, onde vai ter... 110 00:05:02,450 --> 00:05:05,060 Aquela área que o jogador vai colocar as chaves, tá? 111 00:05:05,400 --> 00:05:07,380 Então, esse aqui é o nosso primeiro Layout, rabiscado. 112 00:05:07,730 --> 00:05:08,550 Pronto, né? 113 00:05:08,880 --> 00:05:10,830 Já sei que eu tenho que construir uma área tipo essa. 114 00:05:11,340 --> 00:05:14,910 E aí, eu comecei a fazer algumas ideias de Design. 115 00:05:15,850 --> 00:05:17,820 Como é que isso aqui vai se comportar. 116 00:05:18,310 --> 00:05:21,200 Então a gente pode, por exemplo, fazer algum tipo de labirinto. 117 00:05:21,640 --> 00:05:24,220 E aí, o jogador vem para a direita aqui. Ele pode ter uma... 118 00:05:24,640 --> 00:05:26,940 Segunda opção, né? Como se fosse um mapinha de... 119 00:05:28,200 --> 00:05:28,980 De trânsito. 120 00:05:29,290 --> 00:05:31,030 Para você explicar para alguém onde fica a tua casa. 121 00:05:32,360 --> 00:05:35,080 Né? Eu posso fazer uma outra ruazinha aqui, que o jogador pode entrar. 122 00:05:36,330 --> 00:05:39,080 Ou fazer algum outro tipo de estrutura aqui. 123 00:05:39,480 --> 00:05:41,240 Né? Uma sala, por exemplo, tá? 124 00:05:41,630 --> 00:05:42,900 Mas, nada disso eu fiz... 125 00:05:42,900 --> 00:05:43,880 Eu fiz tudo na mão. 126 00:05:44,060 --> 00:05:47,530 E eu já tinha pensado, na minha cabeça, como eu queria as três áreas. 127 00:05:47,890 --> 00:05:51,420 No meu caso, as paredes... Essas áreas aqui, não têm paredes. 128 00:05:51,760 --> 00:05:53,360 Algumas delas vão ter, algumas... 129 00:05:53,670 --> 00:05:56,350 Áreas para bloquear, mas... Na verdade, é tudo suspenso. 130 00:05:56,730 --> 00:05:59,050 E o jogador pode cair lá para baixo, tá? 131 00:05:59,540 --> 00:06:02,370 Então, no meu caso, não faz muito sentido... 132 00:06:03,160 --> 00:06:06,580 Eu não vou ter paredes, por exemplo, com uma porta aqui, para o jogador entrar. 133 00:06:07,000 --> 00:06:07,910 Né? Lá no fundo. 134 00:06:08,250 --> 00:06:08,790 Beleza? 135 00:06:10,560 --> 00:06:12,470 Eu separei, então, três grandes áreas. 136 00:06:12,470 --> 00:06:15,710 A primeira delas é uma área que vai ter a chave rosa. 137 00:06:16,060 --> 00:06:18,400 Eu vou fazer as chaves de três cores diferentes. 138 00:06:18,960 --> 00:06:20,880 Então, essa primeira área vai ser a área rosa. 139 00:06:24,930 --> 00:06:27,190 E nessa área rosa, eu tinha feito só um caminho aqui. 140 00:06:27,910 --> 00:06:29,050 Então, eu faço um caminho. 141 00:06:29,470 --> 00:06:31,540 Nesse caso, eu estou só fazendo rabisco. 142 00:06:32,350 --> 00:06:35,120 Eu não estou preocupado muito com a escala ainda, tá? Só fazendo uns rabiscos. 143 00:06:35,500 --> 00:06:37,280 Faço tipo alguma coisa como um caminho. 144 00:06:37,700 --> 00:06:38,780 E a chave está aqui no final. 145 00:06:39,120 --> 00:06:39,640 Beleza? 146 00:06:39,960 --> 00:06:42,960 E para que esse caminho fique um pouquinho mais complicado. 147 00:06:43,590 --> 00:06:46,100 Eu posso inserir esse caminho com alguns inimigos. 148 00:06:46,560 --> 00:06:48,740 Então, deixa eu colocar aqui, uma cor de vermelho... 149 00:06:50,120 --> 00:06:53,410 Vou colocar um inimigo aqui, um inimigo aqui. Eles estão suspensos no ar. 150 00:06:54,260 --> 00:06:55,520 E aí, a gente vai ter... 151 00:06:57,900 --> 00:06:59,800 Só explicado aqui, então, nesse primeiro caminho. 152 00:07:00,050 --> 00:07:01,570 O jogador vai ter alguns inimigos. 153 00:07:01,570 --> 00:07:03,260 O segundo caminho que eu vou fazer... 154 00:07:04,830 --> 00:07:08,060 Que eu tinha feito no papel, é o caminho verde aqui. Da chave verde. 155 00:07:08,610 --> 00:07:11,390 E nesse caminho, eu quero fazer algumas plataformas móveis. 156 00:07:11,740 --> 00:07:15,780 Então, eu vou fazer aqui alguns quadradinhos, só para representar algumas plataformas que vão se mover. 157 00:07:18,550 --> 00:07:20,790 O jogador tem que pular entre essas plataformas. 158 00:07:22,560 --> 00:07:25,140 Para alcançar a chave, que vai ter em uma plataforma, lá no final. 159 00:07:25,600 --> 00:07:26,030 Tá? 160 00:07:26,870 --> 00:07:29,230 E o terceiro caminho que eu tenho, é o da chave azul. 161 00:07:30,000 --> 00:07:30,990 Deixa eu pegar... 162 00:07:31,330 --> 00:07:32,180 Um azul aqui. 163 00:07:34,230 --> 00:07:35,390 E aí, ele vai para cima. 164 00:07:38,780 --> 00:07:41,150 E nesse caminho, eu tinha feito alguns teletransportes. 165 00:07:41,510 --> 00:07:43,340 Então, o jogador vai pegar teletransportes e ir... 166 00:07:43,550 --> 00:07:45,750 Para outras áreas. Então, eu tenho uma área aqui. 167 00:07:45,750 --> 00:07:47,630 Que está afastada, né? Suspensa. 168 00:07:48,090 --> 00:07:51,260 Eu tenho, por exemplo, uma outra área aqui. E eu tenho a área final. 169 00:07:52,690 --> 00:07:53,740 Onde vai ter a chave. 170 00:07:54,090 --> 00:07:56,400 Então, eu vou marcar aqui, só uma ideia inicial. 171 00:07:56,730 --> 00:07:59,520 Onde eu poderia colocar, por exemplo, algumas... 172 00:07:59,520 --> 00:08:00,570 Alguns portais. 173 00:08:01,160 --> 00:08:02,700 Então, eu poderia colocar um portal aqui. 174 00:08:04,260 --> 00:08:07,440 Um portal aqui e um portal aqui. Então, por exemplo, o jogador... 175 00:08:08,030 --> 00:08:11,360 Ele vai andar nessa linha aqui, né? Nesse corredor. 176 00:08:11,870 --> 00:08:13,220 E o portal vai disparar... 177 00:08:15,670 --> 00:08:16,820 Alguma coisa aqui. 178 00:08:17,040 --> 00:08:18,030 E, se esse negócio... 179 00:08:18,850 --> 00:08:22,800 Essa placa, essa luz, encostar no jogador, ele vai ser teletransportado. 180 00:08:22,800 --> 00:08:26,050 Então, eu posso ter três portais, que estão interagindo. 181 00:08:26,440 --> 00:08:30,180 Só que, o único portal certo é o último. Então, o jogador é forçado a passar por aqui. 182 00:08:31,500 --> 00:08:33,280 E ele precisa alcançar o último portal. 183 00:08:33,740 --> 00:08:38,690 Então, se ele encostar, por exemplo, no segundo portal, ele retorna para uma área que está errada. 184 00:08:38,690 --> 00:08:40,440 Então, ele pode retornar para cá, por exemplo. 185 00:08:40,880 --> 00:08:41,300 Tá? 186 00:08:41,830 --> 00:08:44,230 Então, eu vou só fazer rabisco aqui, por enquanto. 187 00:08:45,100 --> 00:08:47,560 Só para exemplificar. Eu tenho portal aqui, tenho um portal aqui... 188 00:08:47,900 --> 00:08:50,510 Um portal aqui. E nesse último portal, o jogador vai entrar... 189 00:08:50,840 --> 00:08:52,370 E vai ser teletransportado. 190 00:08:52,690 --> 00:08:53,400 Para o final. 191 00:08:53,400 --> 00:08:54,640 Então, eu fiz um rabisco. 192 00:08:55,780 --> 00:08:57,360 Bem simples, né? 193 00:08:57,720 --> 00:08:59,520 Daquilo que eu estou imaginando para o meu jogo. 194 00:08:59,870 --> 00:09:00,300 Tá? 195 00:09:00,680 --> 00:09:02,700 E agora, a gente pode utilizar esse primeiro rabisco... 196 00:09:04,480 --> 00:09:06,080 Pra começar a layoutar um pouquinho melhor. 197 00:09:06,320 --> 00:09:07,750 Então, uma coisa que eu gosto de fazer... 198 00:09:08,100 --> 00:09:08,470 Né... 199 00:09:08,650 --> 00:09:11,300 É uma sugestão, a gente começar a fazer algumas coisas com blocos. 200 00:09:11,730 --> 00:09:12,200 Tá? 201 00:09:12,880 --> 00:09:15,440 Pra gente poder ter modular nas coisas. Ou seja... 202 00:09:16,430 --> 00:09:18,640 Por exemplo, a gente tem um chão. Eu vou desenhar aqui... 203 00:09:21,640 --> 00:09:23,110 Então, por isso que a gente tem lá no jogo... 204 00:09:24,320 --> 00:09:25,420 Aqui eu estou fazendo meio... 205 00:09:26,160 --> 00:09:27,630 Com perspectiva em 3D. 206 00:09:28,060 --> 00:09:32,000 A gente tem um bloquinho de chão. Como eu comentei, o meu jogo vai ser suspenso no ar. 207 00:09:32,530 --> 00:09:34,640 Então, a gente vai ter um bloco desse, suspenso no ar. 208 00:09:35,360 --> 00:09:38,360 E eu posso duplicar esse bloco, para criar mais um bloco lá na frente. 209 00:09:41,830 --> 00:09:44,960 Eu posso duplicar esse bloco, para criar mais um bloco, aqui atrás. 210 00:09:46,860 --> 00:09:47,260 Né? 211 00:09:49,750 --> 00:09:51,550 E aí, se eu fiz isso aqui, apaga aqui, né? 212 00:09:51,550 --> 00:09:53,700 Então, estão os três blocos conectados. 213 00:09:54,090 --> 00:09:57,850 Isso aqui é um tipo de Layout que a gente pode fazer para o nosso jogo, que é modular. 214 00:09:58,190 --> 00:09:58,690 Né? 215 00:09:58,690 --> 00:10:01,800 Então, eu utilizo a mesma construção. O mesmo bloquinho de construção. 216 00:10:02,150 --> 00:10:04,610 Para fazer todo o piso. Eu posso colocar mais um aqui do lado. 217 00:10:05,290 --> 00:10:06,100 E continuar. 218 00:10:07,520 --> 00:10:09,780 Mais um aqui do lado e continuar para a direita, por exemplo. 219 00:10:10,080 --> 00:10:10,450 Tá? 220 00:10:13,610 --> 00:10:16,110 Então, nesse caso do The Grid, por ser tudo quadrado... 221 00:10:16,710 --> 00:10:19,530 Eu vou utilizar bloquinhos de construção, como esse. 222 00:10:20,140 --> 00:10:23,450 Em um processo que a gente chama de construção de level modular. 223 00:10:23,810 --> 00:10:24,880 Se você pesquisar... 224 00:10:25,200 --> 00:10:27,360 Isso aqui na internet, você vai achar bastante coisa. 225 00:10:27,850 --> 00:10:28,660 Falando sobre isso. 226 00:10:28,940 --> 00:10:31,100 Principalmente se você for fazer... 227 00:10:31,280 --> 00:10:32,240 O level... 228 00:10:32,640 --> 00:10:35,250 Que se chama Procedural. 229 00:10:36,060 --> 00:10:37,250 É um outro termo aí. 230 00:10:37,790 --> 00:10:38,880 Bem conhecido. 231 00:10:39,330 --> 00:10:42,460 E o Procedural é o tipo de Level que você vai criar... 232 00:10:43,120 --> 00:10:45,950 De acordo com alguns parâmetros, né? Ele não é criado... 233 00:10:46,770 --> 00:10:49,580 Manualmente na Unreal. Ou seja, não tem uma pessoa... 234 00:10:49,880 --> 00:10:52,400 Que vai pegar esse bloquinho e colocar ele... 235 00:10:52,810 --> 00:10:55,000 Vai pegar o segundo bloquinho, vai colocar ele... 236 00:10:55,980 --> 00:10:59,250 E a gente vai ter um Level construído e fechado, fixo. 237 00:10:59,580 --> 00:11:00,500 É um Level que é... 238 00:11:01,100 --> 00:11:02,350 Tem um começo, meio e fim, né? 239 00:11:02,350 --> 00:11:05,450 Ele é pensado no Layout e ele é reproduzido no 3D. 240 00:11:06,560 --> 00:11:09,800 No caso do Procedural, a gente vai ter uma coisa que é criada de forma dinâmica. 241 00:11:10,030 --> 00:11:13,050 Então, a gente pode ter vários cenários criados... 242 00:11:14,060 --> 00:11:17,320 De forma aleatória. Então, por exemplo, a gente pode criar regras. 243 00:11:18,680 --> 00:11:20,890 A gente fala para o computador: "Coloque um bloquinho aqui." 244 00:11:21,560 --> 00:11:23,300 E depois você pula um... 245 00:11:23,810 --> 00:11:24,560 Um espaço. 246 00:11:24,960 --> 00:11:26,000 E coloca um outro bloquinho. 247 00:11:26,360 --> 00:11:27,320 Então, o jogador vai ser... 248 00:11:28,710 --> 00:11:31,090 Forçado a pular desse bloquinho para esse, tá? 249 00:11:31,310 --> 00:11:33,620 Então, esse aqui foi feito com um parâmetro de forma aleatória. 250 00:11:33,900 --> 00:11:34,780 Eu poderia dizer... 251 00:11:35,340 --> 00:11:38,830 "Cria um bloquinho, depois você cria um outro bloquinho em cima..." 252 00:11:39,420 --> 00:11:40,880 E depois você cria o buraco. 253 00:11:40,880 --> 00:11:42,240 Então, a gente vai ter dois levels... 254 00:11:42,910 --> 00:11:46,550 Onde o primeiro level tem um bloquinho, tem um espaço e tem outro bloquinho. 255 00:11:47,280 --> 00:11:48,620 E a gente tem o segundo level. 256 00:11:49,130 --> 00:11:50,470 Onde eu tenho um bloquinho... 257 00:11:50,930 --> 00:11:54,160 Eu tenho o terceiro bloquinho e aí, eu tenho o espaço. Então, a gente tem... 258 00:11:54,590 --> 00:11:56,230 Espaço aqui. E o espaço aqui. 259 00:11:56,720 --> 00:11:56,960 Tá? 260 00:11:57,330 --> 00:11:58,700 Então, a gente tem dois levels... 261 00:11:58,930 --> 00:12:00,740 O primeiro level, e o segundo level. 262 00:12:01,120 --> 00:12:03,000 Construídos de formas diferentes. 263 00:12:03,000 --> 00:12:05,430 Lembra que quando eu estou fazendo isso aqui, eu estou olhando de cima, né? 264 00:12:05,590 --> 00:12:06,340 Uma planta baixa. 265 00:12:06,960 --> 00:12:09,640 A gente tem dois levels, criados de formas diferentes. 266 00:12:10,370 --> 00:12:11,720 Então, pense em algum jogo... 267 00:12:12,600 --> 00:12:13,980 Por exemplo, Spelunky. 268 00:12:14,570 --> 00:12:16,790 Onde os levels são criados em bloquinhos. 269 00:12:17,160 --> 00:12:20,160 Respeitando determinadas regras, né? E aí, de acordo... 270 00:12:20,580 --> 00:12:22,320 Com o level em que o jogador estiver. 271 00:12:22,320 --> 00:12:25,550 Se ele reiniciar o level, ele pode ter um level completamente diferente. 272 00:12:25,860 --> 00:12:27,040 Que segue algumas regras... 273 00:12:27,390 --> 00:12:28,380 De construção. 274 00:12:28,780 --> 00:12:30,090 A gente não vai ver Procedural. 275 00:12:30,300 --> 00:12:31,120 Tá? Isso aqui é um... 276 00:12:31,640 --> 00:12:33,490 Um assunto já, mais avançado. 277 00:12:34,150 --> 00:12:35,440 A gente vai construir o nosso cenário. 278 00:12:36,400 --> 00:12:38,130 Do modo aí, digamos... 279 00:12:38,810 --> 00:12:41,140 Mais antigo e estático. 280 00:12:41,860 --> 00:12:44,250 Então, falando de Level Modular... 281 00:12:44,250 --> 00:12:46,250 Eu vou começar a colocar os meus bloquinhos aqui. 282 00:12:46,520 --> 00:12:47,050 Né? 283 00:12:48,210 --> 00:12:49,570 Eu vou fazer um quadrado. 284 00:12:51,180 --> 00:12:51,870 Simples. 285 00:12:53,920 --> 00:12:55,710 Deixa eu só tirar esse preenchimento. 286 00:12:57,980 --> 00:13:01,350 Tira o preenchimento e coloca um stroke, que é uma linha. 287 00:13:01,910 --> 00:13:04,340 Tá muito grossa essa linha aqui. Eu vou colocar... 288 00:13:04,920 --> 00:13:05,490 Três. 289 00:13:06,970 --> 00:13:09,490 Então, eu já vou colocar um bloquinho aqui, ó. A minha área central... 290 00:13:10,250 --> 00:13:12,830 Deixa eu só colocar esse cara um pouquinho mais... 291 00:13:15,120 --> 00:13:16,140 Um pouquinho mais transparente. 292 00:13:16,560 --> 00:13:18,610 Então, eu vou começar com um bloquinho na área central. 293 00:13:18,970 --> 00:13:20,540 E agora, eu vou colocar um corredor. 294 00:13:21,290 --> 00:13:21,930 Para o começo. 295 00:13:22,340 --> 00:13:24,390 Então, eu já sei, mais ou menos, quantos bloquinhos eu vou ter. 296 00:13:24,660 --> 00:13:25,840 1, 2, 3, bloquinhos. 297 00:13:26,070 --> 00:13:26,470 Tá? 298 00:13:26,670 --> 00:13:28,790 De piso. E depois, pra cima, mais alguns. 299 00:13:29,900 --> 00:13:30,640 2... 300 00:13:31,160 --> 00:13:31,720 3. 301 00:13:32,550 --> 00:13:33,260 Para o lado. 302 00:13:33,530 --> 00:13:34,040 1... 303 00:13:34,780 --> 00:13:36,300 2 e 3. 304 00:13:36,560 --> 00:13:37,630 Para o outro lado, 1... 305 00:13:38,250 --> 00:13:39,620 2 e 3. 306 00:13:39,620 --> 00:13:41,310 Então, eu fiz algo simétrico aqui, né? 307 00:13:41,900 --> 00:13:44,820 E a partir daqui, eu posso começar a criar algumas estruturas. 308 00:13:44,820 --> 00:13:46,820 Então, por exemplo, eu preciso fazer esse caminho... 309 00:13:47,350 --> 00:13:50,160 Já consigo fazer alguma coisa um pouquinho mais pensada. 310 00:13:50,490 --> 00:13:53,340 Já sei que eu posso fazer, por exemplo, um caminho mais estreito. 311 00:13:54,050 --> 00:13:55,600 Então, eu faço um bloco... 312 00:13:57,030 --> 00:13:58,440 Metade do tamanho, né? 313 00:14:05,390 --> 00:14:06,450 Eu faço o caminho aqui. 314 00:14:08,760 --> 00:14:09,850 E construo o bloco. 315 00:14:10,310 --> 00:14:12,960 Enfim, eu monto a minha estrutura dos blocos, aqui. 316 00:14:12,960 --> 00:14:14,240 De forma Modular. 317 00:14:14,240 --> 00:14:15,520 E crio o meu cenário. 318 00:14:15,520 --> 00:14:17,810 Eu quero mostrar para vocês como ficou o layout do The Grid. 319 00:14:18,080 --> 00:14:19,140 Que eu fiz no papel. 320 00:14:20,200 --> 00:14:21,040 Não foi... 321 00:14:21,040 --> 00:14:22,020 Rápido, igual eu fiz aqui. 322 00:14:22,020 --> 00:14:23,690 "Ah, em um minuto a gente faz." Não. 323 00:14:24,010 --> 00:14:27,230 A gente fica rabiscando uma ideia e vai tendo as ideias. Apaga com a borracha... 324 00:14:27,650 --> 00:14:28,760 Coloca mais algumas ideias. 325 00:14:29,040 --> 00:14:30,040 Passa para o computador. 326 00:14:30,260 --> 00:14:33,410 E vai digerindo essas ideias. Então, as vezes você pode ficar... 327 00:14:34,020 --> 00:14:35,930 Né? Igual eu fiquei, mais ou menos um dia, fazendo. 328 00:14:36,210 --> 00:14:37,100 Mas, você pode ficar... 329 00:14:37,800 --> 00:14:40,610 Criando o teu layout por dias e semanas, né? 330 00:14:40,610 --> 00:14:41,590 Até você criar... 331 00:14:42,170 --> 00:14:43,440 O Level Design que você quer. 332 00:14:45,010 --> 00:14:47,770 Então, aqui eu tenho o layout do meu cenário do The Grid. 333 00:14:47,970 --> 00:14:48,290 Tá? 334 00:14:48,690 --> 00:14:52,860 Eu peguei, rotacionei isso tudo e coloquei como uma perspectiva. 335 00:14:53,450 --> 00:14:55,430 Então, vejam os bloquinhos aqui. Os Grids, né? 336 00:14:56,200 --> 00:14:57,820 Onde eu já coloquei, separados. 337 00:14:58,050 --> 00:15:00,800 E já coloquei algumas indicações de onde vão estar as chaves. 338 00:15:00,800 --> 00:15:03,010 Então, o jogador vai começar aqui no começo. No primeiro bloquinho. 339 00:15:03,770 --> 00:15:06,630 Ele anda para a frente. É o único caminho que ele vai ter. 340 00:15:07,710 --> 00:15:08,990 Isso tudo é uma... É uma... 341 00:15:09,510 --> 00:15:12,990 É uma forma de pensar o teu Level Design, tá? Então, o jogador começa aqui. 342 00:15:13,430 --> 00:15:14,840 Ele tem que andar para a frente. 343 00:15:15,640 --> 00:15:19,370 E logo aqui na área central, que é a área mais importante. Até, eu marquei com uma outra cor. 344 00:15:19,810 --> 00:15:20,990 É a área onde vai ter... 345 00:15:22,310 --> 00:15:25,020 O portal, né? Onde o jogador precisa trazer as chaves. 346 00:15:25,530 --> 00:15:27,770 Então, ele tem três caminhos para tomar. O primeiro caminho... 347 00:15:28,190 --> 00:15:29,210 Ele pode vir por aqui. 348 00:15:29,680 --> 00:15:31,110 Ele pode vir por aqui. 349 00:15:31,890 --> 00:15:33,110 Ou ele pode vir por aqui. 350 00:15:33,740 --> 00:15:37,900 E nenhum dos caminhos é obrigatório. Ele pode fazer na ordem que ele quiser. 351 00:15:38,650 --> 00:15:41,860 Então, por exemplo, se ele vier para o caminho da esquerda, ele vai encontrar toda essa... 352 00:15:41,860 --> 00:15:42,600 Essa área aqui. 353 00:15:43,370 --> 00:15:44,950 Que vai ter vários inimigos. 354 00:15:44,950 --> 00:15:46,360 Né? Eu não marquei eles aqui. 355 00:15:48,180 --> 00:15:48,840 Ele precisa... 356 00:15:49,390 --> 00:15:50,350 Andar nesse caminho. 357 00:15:50,960 --> 00:15:52,440 Até chegar na chave rosa. 358 00:15:53,660 --> 00:15:56,310 Assim que ele coletar, então, ele precisa voltar... 359 00:15:57,540 --> 00:15:58,310 Para a área central. 360 00:15:58,890 --> 00:15:59,440 Maravilha? 361 00:16:00,550 --> 00:16:02,820 Mesma coisa se ele entrar para o caminho da direita. 362 00:16:02,820 --> 00:16:04,200 Então, aqui nesse caminho da direita... 363 00:16:04,670 --> 00:16:09,040 Ele vai encontrar algumas plataformas móveis. E eu marquei mais ou menos... 364 00:16:09,670 --> 00:16:11,880 A forma como eu quero que elas sejam, tá? 365 00:16:12,140 --> 00:16:15,020 Isso aqui, depois a gente pode mudar, conforme a gente vai posicionando na Unreal. 366 00:16:15,400 --> 00:16:17,870 E sentindo o Gameplay, a gente pode mudar essas coisas. 367 00:16:18,530 --> 00:16:21,560 Mas, eu já coloquei, por exemplo, algumas plataformas. Eu tenho essa plataforma... 368 00:16:22,110 --> 00:16:23,100 Amarela, que eu pintei. 369 00:16:23,360 --> 00:16:25,020 Então, ela vai para cima e para baixo. 370 00:16:25,490 --> 00:16:25,860 Tá? 371 00:16:26,180 --> 00:16:27,300 Então, o jogador tem que subir aqui. 372 00:16:27,810 --> 00:16:30,220 E essa outra plataforma amarela também, ela vai para... 373 00:16:30,960 --> 00:16:32,940 Para cá e para cá. Para frente e para trás, né? 374 00:16:33,610 --> 00:16:35,920 Então, o jogador sobe aqui, entra na plataforma amarela... 375 00:16:36,350 --> 00:16:37,710 Ele move até aqui... 376 00:16:37,840 --> 00:16:40,420 Entra nessa plataforma. Ele desce essas escadinhas. 377 00:16:40,970 --> 00:16:43,710 E depois ele precisa pular nas plataformas que estão por aqui. 378 00:16:44,040 --> 00:16:45,400 Até chegar na chave verde. 379 00:16:45,600 --> 00:16:48,190 Depois que ele pegou a chave verde, ele tem que retornar o caminho... 380 00:16:48,900 --> 00:16:50,440 E colocar lá no portal. 381 00:16:50,840 --> 00:16:54,360 E aí, o caminho final dos portais, que eu fiz, foi o seguinte... 382 00:16:55,050 --> 00:16:57,580 Eu pensei em fazer portais que estão flutuando. 383 00:16:58,770 --> 00:16:59,910 Ao lado do caminho aqui. 384 00:17:00,220 --> 00:17:02,800 Então, o jogador vem para cá. Tem esse portal 1, né? 385 00:17:03,150 --> 00:17:05,360 Ele fica disparando, como se fosse uma luz aqui. 386 00:17:06,120 --> 00:17:07,790 E, se o jogador encostar nessa luz... 387 00:17:08,070 --> 00:17:10,840 Ele vai ser teletransportado de volta para o 1. Então, o 1... 388 00:17:11,330 --> 00:17:12,020 Ele volta para o 1. 389 00:17:12,380 --> 00:17:13,330 Então, se eu andar para cá... 390 00:17:13,700 --> 00:17:14,920 Encostar no 1, eu volto para o 1. 391 00:17:15,310 --> 00:17:16,680 Então, não vai ter muita... 392 00:17:17,000 --> 00:17:19,600 Lógica ficar nesse 1. Então, o jogador vai ser forçado... 393 00:17:19,910 --> 00:17:21,190 A desviar dessa luz. 394 00:17:21,690 --> 00:17:24,190 E ir para a frente. Se ele encostar no 2... 395 00:17:24,900 --> 00:17:26,830 Aqui na luz 2, ele volta para o 2. 396 00:17:27,330 --> 00:17:29,470 E aí, se ele encostar na 1, ele volta para o 1 de novo. 397 00:17:29,470 --> 00:17:31,310 Então, ele fica nesse loop infinito aqui. 398 00:17:31,810 --> 00:17:34,080 Então, ele é forçado a desviar de todo mundo. 399 00:17:34,690 --> 00:17:36,190 E ir até o 3, lá. Que está aqui. 400 00:17:37,480 --> 00:17:39,840 Então, essa luz 3, ele vai... Deixa eu fazer uma seta aqui. 401 00:17:40,580 --> 00:17:41,730 Essa luz número 3... 402 00:17:41,890 --> 00:17:44,800 Vai teletransportar o jogador para o 3. Então, ele vem para cá, ó... 403 00:17:45,530 --> 00:17:46,080 Tá vendo? 404 00:17:47,980 --> 00:17:49,260 Assim que ele faz isso... 405 00:17:49,820 --> 00:17:52,330 Ele está nessa outra região. Então, ele tem um portal... 406 00:17:52,860 --> 00:17:56,270 Esse primeiro portal, que é o 2. Que vai teletransportar ele para o 2. 407 00:17:57,140 --> 00:18:00,100 E aí, no caso, ele vai voltar para cá. Não é muito lucro para ele, né? 408 00:18:00,650 --> 00:18:03,700 E tem o 4, que vai teletransportar ele para a área 4, que está aqui. 409 00:18:04,680 --> 00:18:05,110 Certo? 410 00:18:05,610 --> 00:18:08,340 E aí, enfim a gente vai ter o último portal. Que, esse aqui, é o correto. 411 00:18:08,760 --> 00:18:11,470 Que vai teletransportar ele para a área número 5. 412 00:18:11,860 --> 00:18:13,310 E aqui na última área, ele vai ter o... 413 00:18:13,440 --> 00:18:15,210 O teletransporte 1. 414 00:18:15,530 --> 00:18:17,560 Que vai teletransportar ele para a área número 1. 415 00:18:17,920 --> 00:18:20,630 Onde ele retorna para o início, mas agora com a chave na mão. 416 00:18:21,220 --> 00:18:22,160 Para colocar aqui... 417 00:18:22,510 --> 00:18:24,480 No portal, na área central. Certo? 418 00:18:25,080 --> 00:18:27,660 Todos esses layouts que eu fiz aqui, a gente pode alterar. 419 00:18:27,900 --> 00:18:30,850 Conforme o Play Test, né? Conforme a gente for jogando. 420 00:18:31,470 --> 00:18:33,670 A gente vai percebendo algumas coisas. Então, por exemplo... 421 00:18:33,670 --> 00:18:36,650 Tem esse 1 solto. Esse 3 solto aqui. Eu deixei de propósito... 422 00:18:37,090 --> 00:18:39,380 Para mostrar que isso aqui eu alterei depois. Eu acabei tirando. 423 00:18:39,650 --> 00:18:41,200 Tinha portais aqui e eu acabei tirando. 424 00:18:41,430 --> 00:18:41,790 Tá? 425 00:18:42,520 --> 00:18:44,480 Isso aqui a gente vai trocando depois, tá? 426 00:18:44,900 --> 00:18:46,560 Mas, façam o layout de vocês. 427 00:18:47,280 --> 00:18:49,460 Se vocês quiserem seguir o meu layout, tranquilo. 428 00:18:49,460 --> 00:18:51,920 Mas, eu gostaria, na verdade, para que a gente possa aprender... 429 00:18:51,920 --> 00:18:53,060 Na verdade, a gente está fazendo essa... 430 00:18:53,320 --> 00:18:54,660 Esse curso para aprender, né? 431 00:18:55,420 --> 00:18:56,570 Então, eu peço... 432 00:18:57,230 --> 00:18:59,510 E sugiro que vocês façam o layout também. 433 00:18:59,870 --> 00:19:00,280 Tá? 434 00:19:00,690 --> 00:19:03,640 Eu vou deixar a imagem desse layout disponível. 435 00:19:04,400 --> 00:19:07,540 Aqui é um rabisco primeiro, que eu tinha feito. Para depois se tornar... 436 00:19:08,080 --> 00:19:09,820 Aquele layout final. 437 00:19:11,070 --> 00:19:14,650 Eu vou deixar ele disponível, mas eu sugiro que vocês façam, nem que seja no papel. 438 00:19:15,200 --> 00:19:16,940 Para vocês treinarem também, a... 439 00:19:17,220 --> 00:19:18,750 A questão do Level Design, tá? 440 00:19:19,300 --> 00:19:22,580 E aí, a partir desse layout, a gente vai levar para a Unreal e começar a... 441 00:19:23,090 --> 00:19:24,540 Fazer esse mapa lá, né? 442 00:19:24,870 --> 00:19:27,520 Antes de a gente pensar em criar Assets em um programa 3D... 443 00:19:27,520 --> 00:19:28,900 Antes de a gente pensar... 444 00:19:28,900 --> 00:19:30,960 Em criar jogador, lógica, enfim... Tudo isso. 445 00:19:31,260 --> 00:19:33,720 A gente vai fazer a blocagem do Level. 446 00:19:34,380 --> 00:19:38,010 Pra gente poder ter a sensação dessa escala no jogo, tá? 447 00:19:38,500 --> 00:19:40,120 Aqui eu já posso adiantar para vocês... 448 00:19:40,640 --> 00:19:43,200 Cada um desses blocos, eu acho que tem... 449 00:19:45,080 --> 00:19:46,320 10 metros. 450 00:19:47,310 --> 00:19:48,940 Poxa, eu não vou lembrar agora, tá? 451 00:19:49,370 --> 00:19:51,640 Mas, a gente tem que também ter uma ideia de escala. 452 00:19:54,220 --> 00:19:54,990 No geral, né? 453 00:19:55,250 --> 00:19:57,770 Porque o jogador vai ter que ter uma distância para ele... 454 00:19:57,770 --> 00:19:59,380 Para ele percorrer. A gente tem que saber. 455 00:19:59,380 --> 00:20:02,770 Se não está muito longe as coisas, né? Ou, se elas estão muito grandes. 456 00:20:03,450 --> 00:20:05,660 Mas, a gente vai definir essa escala, também, lá dentro da Unreal. 457 00:20:05,920 --> 00:20:06,430 Tá? 458 00:20:06,430 --> 00:20:08,980 Então, o próximo processo que a gente vai fazer é a blocagem desse level aí. 459 00:20:09,390 --> 00:20:09,690 Tá? 460 00:20:10,060 --> 00:20:12,020 Assim que o layout estiver definido. 461 00:20:12,220 --> 00:20:13,930 Então, você pode utilizar o meu layout. 462 00:20:15,810 --> 00:20:18,710 E seguir exatamente a mesma etapa, mas você pode, também, fazer alterações. 463 00:20:19,140 --> 00:20:22,440 "Ah, não quero um caminho assim. Quero um caminho em espiral, enfim..." 464 00:20:22,900 --> 00:20:26,890 Então vocês podem também fazer os seus próprios cenários, ou utilizar aqui o meu layout tá? 465 00:20:27,330 --> 00:20:29,220 Próxima aula, então... Blocagem do Level. 40680