2 pontos por GN⁺ 2024-03-09 | 1 comentários | Compartilhar no WhatsApp
  • Downpour é uma ferramenta de criação de jogos feita para combinar escolhas, texto e imagens no celular, permitindo criar e compartilhar rapidamente jogos interativos curtos
  • O objetivo central é reduzir a barreira para a velocidade de criação e, ao mesmo tempo, garantir expressividade ao aceitar desenhos em papel, fotos, imagens feitas em software e imagens online
  • O app foi implementado em Flutter para oferecer suporte tanto a iPhone quanto a Android, e foi ajustado para iniciar em menos de 1 segundo no celular do desenvolvedor
  • O compartilhamento também é tratado como parte do processo de criação: ao fazer upload dentro do app, o jogo vai para o servidor e pode ser jogado por link; também há um player em HTML/JavaScript para navegadores web
  • É possível criar sem conta, mas upload, jogar dentro do app, seguir criadores e receber notificações push exigem uma conta; a ferramenta busca ajudar a concluir até ideias pequenas, como piadas curtas ou poemas

O problema que o Downpour tenta resolver

  • Downpour foi lançado
  • O desenvolvedor vem trabalhando nessa ferramenta de criação de jogos desde que saiu da Niantic em outubro de 2022
  • O objetivo é permitir criar resultados interativos e parecidos com jogos de forma mais rápida e fácil do que com outras ferramentas
  • Além da rapidez de criação, a expressividade também foi mantida como critério importante, para que ideias pequenas não fiquem presas a templates simples

Estrutura básica feita com escolhas e imagens

  • A forma mais simples de jogo no Downpour é um jogo baseado em escolhas
  • Outras funcionalidades podem ser acrescentadas por cima da estrutura de escolhas de uma forma um tanto hacky
  • As escolhas podem incluir não só texto, mas também imagens
    • É possível colocar no jogo um desenho feito em papel
    • É possível fotografar objetos ao redor e usá-los
    • É possível importar imagens desenhadas em software ou encontradas online

Por que adotar o celular como ambiente principal de criação

  • Como o próprio processo de ligar um computador pode ser uma barreira, e algumas pessoas podem nem ter computador, o Downpour coloca o uso do celular no centro
  • Celulares têm câmera embutida, facilitando fotografar imediatamente algo que se está vendo e usá-lo como material para o jogo
  • Para dar suporte tanto a usuários de iPhone quanto de Android, ele foi implementado de forma cross-platform
  • No processo de escolha do framework, a velocidade de inicialização foi um critério importante de comparação
    • Unity era muito lento
    • React Native também era relativamente lento
    • Uma implementação nativa poderia ser a mais rápida, mas teria de ser feita duas vezes, uma para cada plataforma
    • Flutter era uma opção cross-platform e suficientemente rápida
  • No celular do desenvolvedor, foi confirmado que o Downpour inicia em menos de 1 segundo

UI mobile e tutorial

  • Editar uma tela infinita no celular exigiu um design de UI diferente do desktop
  • A intenção era permitir executar ações frequentes mesmo segurando o celular com uma mão
    • Uma dica importante é posicionar elementos na parte inferior da tela
  • O desenvolvedor sentia inveja de ambientes como o software de computador tldraw, onde é possível usar estados de hover e clique direito
  • O Downpour inclui um tutorial para aprender a usar essa UI

Jogos inacabados para reduzir a barreira inicial

  • Um dos fatores que atrapalham a criação de jogos é a dificuldade de ter uma ideia e começar a primeira tela
  • O Downpour oferece também jogos inacabados, cuja estrutura pode ser aberta, ligeiramente modificada ou receber apenas um elemento a mais
  • Isso pesa menos do que criar sozinho um jogo completo do zero
  • O desenvolvedor acredita que ainda é preciso trabalhar mais nessa área

Criação e compartilhamento em um único fluxo

  • O Downpour considera que compartilhar também faz parte do processo de criar um jogo
  • Jogos do Downpour podem ser enviados para o itch.io, mas fazer upload no itch.io é um processo que leva alguns minutos ou mais, com formulários longos e até escolha de cores
  • O itch.io funciona bem para jogos criados ao longo de dias, semanas ou anos, mas o Downpour foca em jogos feitos em minutos ou horas
  • Ao tocar no botão de upload dentro do app, o jogo é enviado ao servidor e qualquer pessoa pode jogá-lo
  • Para implementar esse botão, foram necessários servidor, hospedagem de imagens, sistema de contas, resolução de conflitos, proteção contra DDOS e outros recursos

Contas, jogo dentro do app e jogo na web

  • Como a criação de conta pode deixar as pessoas mais lentas e tornar a ferramenta mais vulnerável, o Downpour permite criar jogos sem conta
  • Para usar o botão de upload, é preciso ter uma conta
  • É possível jogar dentro do app jogos feitos por outras pessoas, seguir criadores e receber notificações push quando jogos forem adicionados ou atualizados
    • Essa funcionalidade também exige uma conta
  • Para que pessoas sem o app também possam jogar, os jogos também rodam em navegadores web
  • O player para navegador é uma segunda versão do código feita em HTML e JavaScript
  • Depois do upload, é gerado um link curto compartilhável, e outras pessoas podem clicar nesse link para jogar

Exportação e engine de navegador open source

  • O Bitsy tem uma comunidade de hacks for Bitsy que estende HTML, e o Downpour também considera uma possibilidade de extensão semelhante
  • O Downpour tem um botão de exportação para baixar o jogo e a página web que o executa
  • O código de navegador, o engine, foi publicado como open source
  • O código de navegador é separado dos dados do jogo, o que facilita alterar um lado independentemente do outro
  • Usuários podem adicionar novos recursos estranhos a jogos do Downpour, e também modificar os dados do jogo e reenviá-los ao app

Uma ferramenta para concluir jogos curtos e pequenos

  • Pessoas com capacidade técnica conseguem criar jogos no estilo Downpour com relativa facilidade mesmo sem o Downpour
  • Mas isso envolve várias inconveniências, como usar um computador, abrir um editor de imagens e pensar em hospedagem web
  • Esse processo pode ter um custo alto demais para criar um jogo que seja uma piada de uma linha
  • O Downpour tenta oferecer uma forma de levar até o fim jogos rápidos, piadas, poemas ou outras ideias curtas
  • Links relacionados:

1 comentários

 
GN⁺ 2024-03-09
Opiniões no Hacker News
  • Baixei o app e joguei, meio ao acaso, “Where’s Madeleine” pela primeira vez, e me diverti muito: https://downpour.games/~holly/where-s-madeleine
    Dá a sensação de voltar a uma época muito mais simples, e captura muito bem aquela atmosfera mágica da internet inicial

    • Teve cara de internet inicial até chegar ao anúncio do livro no final do jogo
      Naquele momento voltou a parecer a internet comum. Talvez devesse aparecer como um pop-up
    • Isto é HyperCard. Foi muito mais difícil do que eu esperava
    • A Madeleine escondida atrás da estante é adorável demais
    • Foi divertido, e eu não sabia que gatos podiam ser tão fofos assim. O gato que eu tive quando era criança era extremamente malvado
  • Que empolgante. V tem talento para criar ferramentas que facilitam a criação de obras por outras pessoas
    Eu também gostava do trabalho anterior, https://cheapbotsdonequick.com/, e é uma pena que tantos trabalhos legais criados por pessoas tenham desaparecido quando o Twitter bloqueou o acesso à API. Estou ansioso para ver o que as pessoas vão criar com Downpour

  • Sinto uma forte vibe de HyperCard aqui, o que é muito bom

    • Eu não conhecia nada sobre HyperCard, e, ao pesquisar, a sensação foi menos de cair numa toca de coelho e mais de encontrar uma estação de metrô que leva a um museu bem organizado
      Eu não imaginava que os graus de Kevin Bacon entre HyperCard e hipermídia fossem tão poucos, e a retrospectiva de 30 anos da Ars [3] trata HyperCard como algo que praticamente deu origem diretamente ao Mosaic

      "I got a HyperCard manual and looked at it and just basically took the concepts and implemented them in X-windows"

      Também é bem interessante o trecho em que o criador Bill Atkinson percebe o quanto esteve, na prática, perto de toda a experiência de navegação da World Wide Web

      "I grew up in a box-centric culture at Apple. If I'd grown up in a network-centric culture, like Sun, HyperCard might have been the first Web browser. My blind spot at Apple prevented me from making HyperCard the first Web browser."

      Dizem que Myst também foi um descendente direto

      the Cyan software company originally wrote their hugely popular puzzle/adventure game Myst as a HyperCard stack.

      Relendo isso, fico me perguntando por que há tão poucos jogos em formato de storyboard, jogos de quadros estáticos e aventuras de clicar e escolher em páginas web. Para um formato em que você clica e arrasta objetos e escolhe botões ou áreas para se mover entre cenas, como Myst ou 7th Guest, parece algo óbvio demais

      Na mesma linha, também me vêm à mente o canvas infinito de Scott McCloud e Follow That Trail [4]

      [1] https://en.wikipedia.org/wiki/HyperCard

      [2] https://en.wikipedia.org/wiki/Hypermedia

      [3] https://arstechnica.com/gadgets/2019/05/25-years-of-hypercar...

      [4] http://www.scottmccloud.com/1-webcomics/icst/icst-4/icst-4.h...

    • Vale conferir também https://castle.xyz/. Ele foi muito inspirado em HyperCard

  • Excelente. Seria bom se isso recebesse recursos de acessibilidade
    Em escolas com crianças aprendendo a usar switches, rastreamento ocular e outros métodos de acesso, poderia ser uma ferramenta enorme, e também poderia ser usada para fins educacionais. Um exemplo numa direção parecida é https://www.helpkidzlearn.com/cm-info, mas o Downpour é muito mais flexível

    Por isso, ele precisa de um recurso de varredura por switch. Seria bom poder destacar cada parte de forma linear, selecionar com espaço e mover o item com enter

    Não sei se é viável, mas dá para ver https://tools.openaac.org/ e https://tools.openaac.org/demo.html e clicar em scan no canto superior direito para ver a demonstração. Também tenho disposição para ajudar mais

    • Olá, obrigado. Como os jogos exportados rodam como páginas HTML comuns, espero que eles já atendam a um mínimo desse tipo de acessibilidade
      É possível percorrer os links com tab e selecionar com enter. O formato real de saída é open source (https://github.com/downpourlimited/engine), então, depois de criar e exportar um jogo no Downpour, deve ser bastante simples adicionar uma camada auxiliar de AAC ou outra tecnologia

      Ainda não sei como deveria ser um suporte mais básico a essa tecnologia, mas gostaria de conversar mais. Você pode mandar e-mail para v@downpour.limited

  • Legal. Talvez seja uma pergunta um pouco cínica, mas fico curioso sobre como vocês lidam com conteúdo explícito
    Crianças podem acabar sendo uma das maiores bases de usuários, e, se houver uma home/feed de exploração de jogos, sempre fico interessado em saber se há preparação para quando usuários criarem conteúdo explícito

    • Sou a pessoa que criou. Concordo que é um tema complicado
      Especialmente por eu ser uma pessoa trans e gostar de arte complexa que atravessa limites, não quero impedir esse tipo de autoexpressão na plataforma. Mas, como é um app publicado em lojas de aplicativos, também há regras sobre o conteúdo que pode ser oferecido dentro do app

Há algumas camadas de proteção. Primeiro, a lista Featured atualmente é uma seleção manual de usuários, então esse tipo de conteúdo explícito não é promovido automaticamente por um algoritmo. Também há um sistema de denúncia/revisão para conteúdo explícito enviado.

Por fim, o app pode ser usado como uma ferramenta independente sem precisar hospedar jogos na plataforma. É possível criar e exportar conteúdo explícito e hospedá-lo em outro lugar.

Fico sempre feliz quando levam esse aspecto em consideração. Sinceramente, foi uma das partes que mais me estressaram no lançamento. É algo que precisa necessariamente ser pensado.
  • Seria legal refazer Masq0 aqui.

  • Quero me cadastrar para compartilhar minhas criações, mas ao me cadastrar ou fazer login aparece uma Firebase URL que só redireciona para a App Store.
    Quando toco em “Sign in to Downpour”, vou para uma página “Open link in App?”; ao tocar em “Open”, aparece a página “Downpour -- make a game”. Tocando em open de novo dali, sou levado para a App Store. O app já está instalado no meu celular.

    • Sou a pessoa que criou. Desculpa por esse problema.
      Algumas pessoas estão passando por isso, mas ainda não sei a causa. Como solução alternativa, vou investigar a possibilidade de adicionar autenticação por senha, mas obviamente isso deve levar um pouco de tempo.
  • Algumas pessoas levam ferramentas simples assim a sério demais e investem um esforço meio pouco saudável, mas muito divertido, para contornar as limitações do framework usado, criando coisas incríveis que antes eram difíceis de imaginar.
    É muito bom, e tenho certeza de que disso sairão jogos, obras de arte, histórias e coisas do tipo muito legais.

  • Chamar isso de jogo parece forçar bastante a barra. Está mais para criar um storyboard interativo.

    • Peekaboo também é jogo, pular corda também é jogo. Storyboard interativo certamente também é jogo.
    • Concordo. Tecnicamente deve dar para criar jogos bem simples, mas não é o que eu esperava pela descrição.
    • Já jogou Myst?
  • O site é realmente único, e o app tem a mesma vibe.
    É um conceito muito interessante, então pretendo clicar por tudo e explorar.

  • Já vi um ou dois gatos na internet, mas agora Madeleine é a minha favorita.