Escooteros

• EN-US

Inspiration In a play of words it’s born the will to create a tool that, at first educates users of that new mobility called micromobility, but also connects people with the city, stimulate the good behavior and citizenship, creates business possibilities between public and private sectors. And all of that in a dynamic and funny way.

In the name of social good, we all felt impacted with the recent fatalities of electric scooter users around all the planet.

With that 360 degrees vision, the tool decision was very natural. We need to open the eyes of the society, interpret several viewpoints and extrapolate our limited field of vision. With React 360, each decision will generate a new reaction.

How we Built It To develop our solution we used Facebook’s React 360 alongside a Samsung 360 camera to create the virtual environment.

Challenges 1 - Understand React 360’s scope and technological resources, some douts weren’t found directly in the documentation. 2 - Understand the working of 360 cameras, create the recordings, do the edition and import to the project.

Next steps 1 - Extend the quantity of endings the game has. 2 - Apply more interaction options the user can have with the environment. 3 - Package the application to be used in a 360 glass or an app.

• PT-BR

Inspiração Numa brincadeira de palavras, nasce a vontade de criar uma ferramenta, que em princípio educa os usuários dessa nova mobilidade, chamada de micromobilidade, mas também conecta as pessoas com a cidade, estimula o bom comportamento e cidadania, cria possibilidades de negócios entre privado e público e tudo isso de uma forma dinâmica e divertida.

Em nome do bem social, nós nos sentimos impactados com as recentes fatalidades de usuários de patinetes eletricos ao redor do planeta todo.

Com essa visão de 360 graus, a decisão de ferramenta foi bem natural. Precisamos abrir os olhos da sociedade, interpretar diversos pontos de vista e extrapolar nosso limitado campo de visão. Com react 360, cada decisão irá gerar uma nova reação.

Como Construímos Para desenvolver nossa solução utilizamos o framework React 360 do Facebook para criar o ambiente virtual e realizamos diversas gravações com câmera 360. Para criação e estilização dos elementos da interface do usuário aplicamos componentes reutilizáveis do React 360.

Desafios 1 - Entender o escopo e recursos tecnológicos do React, algumas dúvidas não foram encontradas diretamente na documentação. 2 - Entender sobre o funcionamento de câmeras 360, realizar e refazer as gravações, fazer a edição e importar ao projeto.

Próximos Passos 1 - Ampliar a quantidade de finais que o jogo possui. 2 - Trazer mais opções de interações que o usuário pode ter com o ambiente. 3 - Continuar desenvolvendo a aplicação para usá-la em óculos 360 ou transformar em um app

Para acessar a demo basta acessar: https://jotinhabr.github.io/Hackathon-CommunityChallenge-2019/

• git clone https://github.com/JotinhaBR/Hackathon-CommunityChallenge-2019
• cd Hackathon-CommunityChallenge-2019/
• npm install
• npm start
• open browser in http://localhost:8081/index.html