Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React-360 - Go beyond Final frontier

Avatar for Matheus Monte Matheus Monte
September 28, 2019
Programming
39
0

React-360 - Go beyond Final frontier

Talk on BrazilJS - Manaus

Avatar for Matheus Monte

Matheus Monte

September 28, 2019

More Decks by Matheus Monte

See All by Matheus Monte
I Forum carreira - FMM 2020
Avatar for Matheus Monte matheusmonte
0
80
Order the Chaos: How to organize your react code
Avatar for Matheus Monte matheusmonte
0
55
Técnicas de Util Prototype
Avatar for Matheus Monte matheusmonte
1
56
Serverless - Basic Concepts
Avatar for Matheus Monte matheusmonte
0
45
PyDTN
Avatar for Matheus Monte matheusmonte
0
180
Using Angular and React in same context
Avatar for Matheus Monte matheusmonte
0
42
Async Renderer - What's next?
Avatar for Matheus Monte matheusmonte
0
53
Componentization with React
Avatar for Matheus Monte matheusmonte
0
310
Web API with Flash: Code fast, delivery faster
Avatar for Matheus Monte matheusmonte
0
40

Other Decks in Programming

See All in Programming
Strategic Design in the Frontend: Moduliths & Micro Frontends @DDDEurope
Avatar for Manfred Steyer manfredsteyer
PRO
0
140
A2UI という光を覗いてみる
Avatar for SatohJohn satohjohn
1
170
これからAgentCoreを触る方へ トレンドはGatewayです
Avatar for Har1101 har1101
6
450
The NotImplementedError Problem in Ruby
Avatar for Koichi ITO koic
1
1k
Language Server 使ってる？ 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
Avatar for NAGATA Hiroaki handlename
0
820
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
Avatar for mom0tomo mom0tomo
8
3.4k
LLM本来の能力を解き放つサンドボックス技術とAI民主化への適用
Avatar for Yuku Kotani yukukotani
3
4.7k
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
Avatar for Daisuke Masuda x5gtrn
PRO
0
1.3k
自作OSでスライド発表する
Avatar for uyuki uyuki234
0
2.8k
dRuby over BLE
Avatar for makicamel makicamel
2
400
Webフレームワークの ベンチマークについて
Avatar for Yusuke Wada yusukebe
0
190
スマートグラスで並列バイブコーディング
Avatar for Hayami Shuhei hyshu
0
270

Featured

See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
210
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
210
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
350
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.9k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
400
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
220
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k

Transcript

  1. Indo além da fronteira final

  2. Artesão de Software Pai Sidia

  3. Breve história de interações

  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None

  11. What's next?

  12. None
  13. None
  14. None

  15. React-360 Um framework visual construído sobre o React com o

    intuito de construir experiências 360 e VR para Web, dispositivos móveis, desktop e VR devices

  16. Estrutura de um aplicativo React-360 REACT FILES RUNTIME RACT FILES

    APP DEVICE

  17. Como eu começo? npm install -g react-360-cli react-360 init BrazilJSManausVR

    npm start
  18. None

  19. Alguns conceitos importantes - Surfaces - Cylinder - Flat -

    Objetos 3D - Entity - Location

  20. Componentes nativos oferecidos - View <View style={{backgroundColor: 'blue', flex: 0.3}}

    /> - Image <Image source={{uri: 'minha_imagem.png'}} /> - Entity <Entity source={{obj: asset('standalone.obj')}}/> - VR Button <VrButton />

  21. API's nativas - Animated - AsyncStorage - ControllerInfo - Environment

  22. Tipos de Uso - Aplicações de conteúdo - Slideshows 360

    - Formulários - Manipulação de objetos
  23. None
  24. None
  25. None
  26. None

  27. Q&A - Manda Bala