{"id":327,"date":"2025-08-21T21:42:21","date_gmt":"2025-08-22T00:42:21","guid":{"rendered":"https:\/\/indiebrasilis.com.br\/?p=327"},"modified":"2025-08-21T22:02:33","modified_gmt":"2025-08-22T01:02:33","slug":"masmorra-da-tortura-quando-o-jogador-vira-o-heroi","status":"publish","type":"post","link":"https:\/\/indiebrasilis.com.br\/?p=327","title":{"rendered":"Masmorra Da Tortura: Quando O Jogador Vira O Her\u00f3i"},"content":{"rendered":"\n

Masmorra da Tortura<\/strong>, idealizado por Raul Tabajara<\/strong> e Monique Moon<\/strong>, \u00e9 uma experi\u00eancia indie que ultrapassa os limites do entretenimento: ele transforma o jogador em protagonista, caricaturado em pixel art, dentro de um beat\u2019em up retr\u00f4 e c\u00f4mico, desenvolvido como projeto acad\u00eamico na Fatec Carapicu\u00edba<\/strong>, em 2017<\/strong>.<\/p>\n\n\n\n

Para quem quer experimentar essa cria\u00e7\u00e3o \u00fanica, o jogo est\u00e1 dispon\u00edvel para download<\/a><\/strong><\/em> gratuito em formato compactado de cerca de 173 MB<\/strong>. Se voc\u00ea tem interesse em conhecer por dentro o jogo, n\u00e3o deixe de baixar esse arquivo. \u00c9 uma \u00f3tima oportunidade para revisitar ou descobrir essa inova\u00e7\u00e3o indie nacional.<\/p>\n\n\n\n

Mas o grande barato deste game \u00e9 jog\u00e1-lo de forma r\u00e1pida, limpa, gr\u00e1tis e no seu navegador preferido, em modo online, permitindo assim testar o game no computador, tablet ou smartphone.\u00a0Siga<\/strong><\/a> <\/a><\/strong>o link<\/strong><\/a>\u00a0para entrar na brincadeira.<\/p>\n\n\n\n

Se voc\u00ea quiser acompanhar a atmosfera e a magia por tr\u00e1s da experi\u00eancia, h\u00e1 um v\u00eddeo no YouTube<\/strong> que mostra a “experi\u00eancia” do jogo, com cenas do p\u00fablico interagindo com a caricatura dentro da masmorra pixelada. Siga o link<\/a><\/strong>.<\/p>\n\n\n\n

Al\u00e9m disso, no site de Raul Tabajara<\/strong>, existem timelapses e making of<\/em> detalhando como foram feitos os sprites e caricaturas<\/strong><\/a> usados no game \u2014 uma excelente oportunidade para entender a t\u00e9cnica e o processo criativo por tr\u00e1s da arte que torna o jogo t\u00e3o marcante.<\/p>\n\n\n\n

Raul<\/strong> \u00e9 um game designer e artista digital com uma trajet\u00f3ria diversificada que vai muito al\u00e9m de Masmorra da Tortura<\/strong>. Seu portf\u00f3lio inclui: arte para Mega Drive<\/strong> (2003<\/strong>), iniciando sua carreira na ind\u00fastria. Colabora\u00e7\u00e3o com a Carranca Games<\/strong>, em produ\u00e7\u00f5es como O Frango Atirador<\/strong> (2014<\/strong>), Kaiju: Infestation<\/strong> (2014<\/strong>), Dinossauros VR<\/strong> (2015<\/strong>), Zumbi Ol\u00e9<\/strong> (2016<\/strong>), Bacon Lee<\/strong> (2014\/2017<\/strong>) e Sherifinger<\/strong> (2017<\/strong>) \u2014 este \u00faltimo tamb\u00e9m voltado a ativa\u00e7\u00f5es ao vivo com pixel art.<\/p>\n\n\n\n

Essa hist\u00f3ria evidencia o talento vers\u00e1til de Raul<\/strong>: de arte cl\u00e1ssica para consoles a jogos educativos, an\u00e1lises sociais e experi\u00eancias experimentais. Um exemplo cl\u00e1ssico do game designer brasileiro, que produz games para brasileiros.<\/p>\n\n\n\n

No universo indie nacional, Masmorra da Tortura<\/strong> brilha por sua originalidade, t\u00e9cnica e envolvimento do p\u00fablico. \u00c9 uma cria\u00e7\u00e3o que une arte digital, gamifica\u00e7\u00e3o e nostalgia \u2014 tudo com um toque pessoal: o jogador se enxerga como her\u00f3i em pixel art. \u00c9 de longe um dos mais criativos jogos nacionais, anos-luz de dist\u00e2ncia dos famigerados “mais do mesmo”.<\/p>\n\n\n\n

Sobre a programa\u00e7\u00e3o do jogo:<\/u><\/strong><\/em><\/p>\n\n\n\n

O game Masmorra da Tortura<\/strong> foi desenvolvido com base em HTML5 + JavaScript, em conjunto com recursos do Canvas e bibliotecas auxiliares para manipula\u00e7\u00e3o de gr\u00e1ficos em pixel art. Alguns pontos interessantes da programa\u00e7\u00e3o em JavaScript do projeto podem ser destacados:<\/p>\n\n\n\n

1. Uso intensivo de Canvas 2D<\/p>\n\n\n\n

O n\u00facleo do jogo usa a API <canvas> do HTML5<\/strong> para renderizar cen\u00e1rios, personagens e anima\u00e7\u00f5es. O JavaScript gerencia os sprites dos personagens caricaturados, desenhando-os frame a frame conforme o loop de jogo.<\/p>\n\n\n\n

Isso permitiu que o game fosse port\u00e1vel para qualquer navegador moderno, sem exigir plugins adicionais.<\/p>\n\n\n\n

2. Estrutura de loop do jogo<\/p>\n\n\n\n

Um game loop cl\u00e1ssico foi implementado em JavaScript, controlado por requestAnimationFrame<\/em> para garantir fluidez nas anima\u00e7\u00f5es. Esse loop atualiza posi\u00e7\u00f5es, detecta colis\u00f5es e chama as fun\u00e7\u00f5es de desenho.<\/p>\n\n\n\n

A l\u00f3gica segue o padr\u00e3o de beat \u2019em up<\/em>, com detec\u00e7\u00e3o de inimigos pr\u00f3ximos e execu\u00e7\u00e3o de ataques.<\/p>\n\n\n\n

3. Sprites e anima\u00e7\u00f5es personalizadas<\/p>\n\n\n\n

Cada caricatura inserida no jogo \u00e9 transformada em um sprite sheet, manipulado via JavaScript. O c\u00f3digo utiliza arrays de coordenadas para alternar entre frames de caminhada, ataque e dano. Isso d\u00e1 vida \u00e0s caricaturas, mantendo a est\u00e9tica retr\u00f4, mas com um toque personalizado.<\/p>\n\n\n\n

4. Colis\u00e3o e detec\u00e7\u00e3o de \u00e1rea<\/p>\n\n\n\n

O sistema de colis\u00e3o foi implementado de forma simplificada, geralmente com bounding boxes<\/em> (ret\u00e2ngulos de colis\u00e3o). A l\u00f3gica em JavaScript verifica sobreposi\u00e7\u00e3o entre hitboxes<\/em> dos personagens e ataques, disparando efeitos de dano.<\/p>\n\n\n\n

5. Input via teclado<\/p>\n\n\n\n

O controle \u00e9 todo gerido via eventos JavaScript (keydown, keyup), convertendo teclas em a\u00e7\u00f5es (andar, atacar, pular). A simplicidade desse sistema faz com que o jogo possa ser jogado diretamente em PCs sem configura\u00e7\u00e3o extra.<\/p>\n\n\n\n

6. Caricaturas em tempo real<\/p>\n\n\n\n

Um dos diferenciais mais t\u00e9cnicos \u00e9 a possibilidade de inserir caricaturas criadas na hora dentro do c\u00f3digo. Isso \u00e9 feito com upload ou convers\u00e3o da caricatura em spritesheet, incorporada ao array de personagens dispon\u00edveis.<\/p>\n\n\n\n

O JavaScript cuida de redimensionar e integrar o sprite ao loop, permitindo que o visitante jogue com seu pr\u00f3prio avatar.<\/p>\n\n\n\n

7. Som e interatividade<\/p>\n\n\n\n

Os efeitos de \u00e1udio s\u00e3o manipulados via HTML5 Audio API integrada ao JavaScript. Cada ataque ou colis\u00e3o dispara um efeito sonoro espec\u00edfico, sincronizado pelo loop.<\/p>\n\n\n\n

Curiosidade t\u00e9cnica: Raul Tabajara<\/strong> e sua equipe relataram que o c\u00f3digo foi pensado para ser did\u00e1tico, ou seja, al\u00e9m de funcionar como jogo, tamb\u00e9m serve como material de aprendizado para programadores iniciantes \u2014 mostrando, na pr\u00e1tica, como combinar Canvas, l\u00f3gica de sprites e inputs em JavaScript para criar um jogo jog\u00e1vel.<\/p>\n","protected":false},"excerpt":{"rendered":"

Masmorra da Tortura, idealizado por Raul Tabajara e Monique Moon, \u00e9 uma experi\u00eancia indie que ultrapassa os limites do entretenimento: ele transforma o […]<\/p>\n","protected":false},"author":1,"featured_media":328,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[33,32,46],"class_list":["post-327","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria","tag-33","tag-anos-2010","tag-avulso"],"_links":{"self":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts\/327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=327"}],"version-history":[{"count":5,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts\/327\/revisions"}],"predecessor-version":[{"id":336,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/posts\/327\/revisions\/336"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=\/wp\/v2\/media\/328"}],"wp:attachment":[{"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/indiebrasilis.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}