Thread by @jvdutrag

está interessado(a) pra saber alguns detalhes por trás da produção de #OSegredoNaFloresta? segue o fio 👇

primeiramente, fui o programador/desenvolvedor que trabalhou no projeto, e vou mostrar como a programação e a tecnologia da informação fez uma diferença absurda no RPG, sem contar as artes, vídeos e visuais incríveis feitos por pessoas extremamente talentosas 💖

AS FICHAS DOS PERSONAGENS 🗃️

ao contrário das fichas dos personagens serem feitas em papel, onde seria extremamente limitado, além de suscetível a acidentes e rasuras, foi optado por realizar as fichas de maneira online e digital

existem algumas plataformas online para fazermos isso, mas elas são extremamente limitadas para a criatividade absurda que esse RPG necessitava

fazê-las no Photoshop ou em algum software de edição de imagem também não seria imersivo e interessante

então as fichas foram desenvolvidas como se fossem um site na internet, onde os jogadores acessavam e poderiam editar todas as informações de seus personagens, inclusive marcar a pontuação de habilidades e registrar armas e itens

na foto, a ficha da personagem Elizabeth Webber

na ficha, os jogadores puderam controlar o estado de seus personagens, como a vida, sanidade, insanidade, inconsciência, morte e lesões

esses estados são estritatamente vinculados com o que chamamos de HUD, que irei explicar mais a seguir

detalhes técnicos da ficha a quem interessar:

a ficha foi feita utilizando apenas as tecnologias Javascript, HTML e CSS

é interligada com uma API RESTful feita em NodeJS, em conjunto com um banco de dados para a persistência das informações preenchidas pelos personagens

HUD 🖼️

vocês já se perguntaram como funcionava essa coisinha aqui? será que era o mestre que ficava mudando toda hora a vida, sanidade e as roupas deles?

pois é, claro que não. isso seria humanamente impossível

lembram que nas fichas os jogadores podiam alterar a vida, sanidade e estados? o sistema é todo interligado, então assim que o jogador altera na ficha, essa mudança é refletida também nesse HUD

tudo em tempo real para providenciar a melhor experiência para quem está assistindo

DANOS E FERIMENTOS 🤒

quando o personagem perdia ou ganhava vida e sanidade, a arte dos personagens também mudavam no HUD para uma experiência mais imersiva

eles ficavam feridos ou totalmente insanos. na foto, o personagem Arthur Cervero completamente ferido

haviam conjuntos de artes pré-prontas, de todos os personagens, feitas pelo ilustre @Rafaeldahq, que eram automaticamente alteradas com base na quantidade de vida e sanidade que o personagem possuía

então tudo era automático

detalhes técnicos do HUD a quem se interessar:

foi feito com HTML, CSS, Javascript e o framework socket.io, com o back-end em NodeJS

cada HUD ficava armazenados em uma URL diferente, e eram consumidos pelo software de transmissão, como um cliente de browser

O MAPA/CENÁRIO 🗺️

foi utilizado o jogo Tabletop Simulator, um jogo com uma liberdade absurda para a montagem dos cenários, proporcionando uma melhor imersão ao público e aos jogadores

detalhes técnicos a quem se interessar:

leves modificações para facilitar certas ações do mestre foram feitas utilizando a própria API do jogo, desenvolvidas utilizando a linguagem de programação Lua

essas modificações não são perceptíveis e facilitam o gerenciamento do cenário

ZIUM ⚡️

sim, o "zium" para os personagens virarem luzídios era real

quando um personagem virava luzídio, um botão para ativar ou desativar o modo era habilitado pelo mestre na ficha dos jogadores

e totalmente interligado ao HUD para quem está assistindo notar as mudanças

detalhes técnicos:

como o projeto todo foi feito com uma API RESTful, ao ativar e desativar o modo, uma chamada era feita para emitir a alteração

assim refletindo no HUD também

e, de forma resumida, esse foi o papel da programação no RPG #OSegredoNaFloresta

com certeza toda a experiência foi incrivelmente melhor com a ajuda de software 💖

e por último, o projeto é de propriedade do Cellbit, logo não está disponível para o público acessar ou utilizar

as fichas dos principais personagens em seu último estado 👇

Thiago Fritz (@Rakin)

Elizabeth Webber (@gabicattuzzo)

Cesar Cohen (@Calango)

Joui Jouki (@LubaTV)

Cristopher Cohen (@LJoga)

Arthur Cervero (@GuaxinimGamer)

Kenan Thomas (@leonardoasanti)