Keep Out - jogo WebGL
(playkeepout.com)- Keep Out é um jogo de aventura em masmorra baseado em WebGL, criado pela Little Workshop, em que o jogador tenta escapar de uma masmorra
- Todos os níveis são gerados proceduralmente, oferecendo uma experiência única a cada partida
- Antes de começar, é possível escolher o layout do teclado entre qwerty, Qwerty, Azerty, Qwertz e Qzerty
- A tela do jogo inclui instruções de teclas como ESC, Space, X, F, C, R e TAB, além da indicação Level 1
- Em dispositivos móveis ou que podem ser girados, é preciso mudar para o modo paisagem para ver a tela de jogo
Visão geral do jogo
- Keep Out é um jogo WebGL criado pela Little Workshop
- O jogo é apresentado como “uma aventura em masmorra para os corajosos”
- Quando o jogador escapa da masmorra, a mensagem “Congratulations, hero! You have escaped the dungeon.” é exibida
- Em caso de derrota, são exibidas as mensagens “You have fought valiantly, but your foes have defeated you.” e “Your courage will be remembered.”
Jogabilidade e orientações na tela
- Todos os níveis são gerados proceduralmente, e cada partida é única
- Na tela inicial, é possível escolher os seguintes layouts de teclado
- qwerty
- Qwerty
- Azerty
- Qwertz
- Qzerty
- A tela inclui menus como How to play, Restart game, About e Share this
- Após uma derrota, são exibidas as opções Restart Level e Share this
- Depois de escapar da masmorra, é possível seguir @PlayKeepOut para receber atualizações
- É exibida uma orientação para girar o dispositivo para o landscape mode
1 comentários
Opiniões no Hacker News
Sou a pessoa que criou. Não sei bem por que isso apareceu hoje, mas este projeto é de 2015.
Se você gostou de Keep Out, talvez valha dar uma olhada também no meu projeto WebGL mais recente: https://equinox.space
Equinox Space também ficou muito bom.
Os controles de movimento dão tontura, mas a renderização e o áudio são realmente bons.
Fico curioso para saber se seria possível publicar a música do jogo em algum lugar. Ela me tocou bastante, queria colocá-la na minha playlist.
Também fui até o fim em Equinox, e ambos eram pacotes pequenos e bem sólidos.
Em navegadores baseados em Chromium, dá para usar getLayoutMap() em vez de perguntar ao usuário, e deixar uma alternativa manual para Safari/Firefox ou navegadores que não tenham suporte.
De todo modo, detectar ou perguntar o layout faz sentido para exibir a imagem dos controles, mas, no código real, no fim das contas é preciso usar keycode para teclas baseadas em posição. Assim, mesmo em layouts detectados incorretamente ou que não estejam na lista, o usuário consegue usar as teclas nas posições esperadas.
Melhor do que uma API incompleta que não existia quando este jogo foi feito, ou opções de layout limitadas demais, seria fazer o jogo funcionar bem com as setas e o mouse, ou aproveitar melhor as setas, que já servem para o movimento básico. Ou então tornar configurável a tela de instruções das 6 teclas.
Para distribuição de jogos, WebGL é excelente por ter pouca fricção.
Em uma sessão de hacking de fim de semana chuvoso, há algumas semanas, fiz uma portagem rápida e meio improvisada para WASM/WebGL de uma decompilação de fã do Tomb Raider original: https://eikehein.com/stuff/sabatu/
Esta versão usa assets alternativos feitos por fãs, inspirados em TR1. A comunidade de TR tem alguns sites que hospedam muitos níveis excelentes feitos por fãs, então um dia eu gostaria de deixar isso polido o bastante para poder jogar direto no navegador.
Como dispara a arma?
Muito legal, e foi divertido só de experimentar um pouco no navegador.
Mas não gostei do sistema de vida. Seria melhor se ficasse mais claro quanto de vida uma poção recupera. Acho que funcionaria melhor como uma barra de vida tradicional em segmentos, com cada poção recuperando um segmento. A tecla R fica perto demais das teclas de movimento, então, ao tentar fugir em pânico, acabei apertando várias vezes; e poder usar poção mesmo com a vida cheia parece muito mal-acabado. Também poderia ser interessante comprar esses itens em uma loja depois de cada nível.
Nunca consegui me acostumar com o movimento estrito em 90 graus, e meus dedos continuavam confundindo deslocamento lateral com rotação. Com o tempo eu me acostumaria, mas este jogo tem uma estrutura mais próxima de arcade, enquanto eu estou mais acostumado com movimentação de FPS.
Seria bom se o mapa aparecesse apenas enquanto TAB estivesse pressionado, para servir como consulta rápida. Também gostaria de ver um pouco mais de variedade nos objetos de cena, mas só joguei até o nível 8, então talvez apareçam mais depois. Gostei do fato de continuarem surgindo novos tipos de inimigos.
Cheguei até o nível 13 ou 14 e fiquei entediado. Não ficou claro se não havia forma de salvar e o jogo simplesmente continuava, se era um loop infinito ou se havia um final.
Também seria bom entender o objetivo deste jogo. Esse tipo é um gênero que vejo com frequência como projeto infantil em lugares tipo acampamento, em que um desenvolvedor sênior prepara APIs e artes fáceis de usar, e as crianças codificam a lógica de alto nível. Se for open source, talvez seja para esse uso; também pode ser algo que pretendam desenvolver mais e comercializar, embora pareça difícil, pois há aplicativos parecidos demais. Ou talvez seja material promocional do estúdio. Esse contexto ajuda na hora de receber feedback ou de visitantes entenderem o projeto.
A tela 3D é necessária para ver itens, vasos e inimigos, e isso é ok, mas o ideal seria que essas coisas também aparecessem no mapa.
Se você gosta desse estilo de jogo e quer uma experiência mais completa, a série Legend Of Grimrock é perfeita: https://store.steampowered.com/sub/49358/
https://store.steampowered.com/app/1601280/Potato_Flowers_in...
https://dungeoncrawlers.org/
Pode parecer sutil, mas o resultado é uma jogabilidade completamente diferente.
É uma bagunça de RPG multiplayer com bastante profundidade e muitos segredos para descobrir, além de ser gerado proceduralmente.
Há mais informações aqui: https://www.littleworkshop.fr/projects/keepout/
Usa Three.js.
Fico curioso se há algum lugar onde seja possível ver o código-fonte
Os gráficos são excelentes, mas eu prefiro esses jogos de quebra-cabeça de navegador que dá para jogar enquanto ouço uma reunião no Zoom pela metade: https://slices.ovh
Não gostei tanto assim do esquema de controles. Tenho cinco dedos na mão esquerda, mas são seis teclas, então preciso ficar movendo os dedos, e a mão direita quase não faz nada
Seria bom tentar encontrar um jeito de usar as duas mãos
É fácil de explicar e simples de controlar
O jogo rodou muito bem no Firefox Android. Em algum momento travou e não aceitava mais comandos de movimento ou ação, mas a tela e os menus continuavam funcionando
Cheguei até o nível 12 e comprei tudo, então senti que não havia mais objetivo
Gostei da variedade de inimigos e ataques, e também das várias armas e do modo como elas “evoluem”. Seria divertido se o escudo de gelo pudesse anular bolas de fogo, porque pareceria uma consequência natural
Depois de desbloquear todas as armas básicas, seria bom ter acesso a um nível superior, como um conjunto “épico”. Seria melhor se houvesse algum requisito além de simplesmente estar bloqueado por dinheiro e não aparecer até você comprar o anterior
Também esperava uma sala do tesouro “escondida”, mas as paredes não quebraram nem usando bombas
Acho que seria bom ter uma luta contra chefe a cada 5 níveis. Em geral, isso poderia ser implementado tornando um inimigo básico gigante e mais difícil. Se houvesse um motivo como “chegar ao nível X e salvar a princesa” ou “chegar ao centro da Terra”, eu teria continuado jogando, mas depois que tudo foi desbloqueado após o nível 10, fiquei me perguntando se o jogo tinha acabado
A experiência como um todo foi realmente divertida, e os gráficos eram excelentes. Só o texto de conclusão de nível parecia ter qualidade inferior ao restante, talvez por algum problema de renderização da fonte
Foi praticamente o primeiro shooter 3D em que senti que os controles e a jogabilidade no celular eram bons e me diverti, e o fato de rodar no navegador também é ótimo
Foi uma experiência muito boa
O botão “About” no menu leva a uma página web que dá 404. Como outra pessoa apontou, a URL correta é https://www.littleworkshop.fr/projects/keepout/