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

React-360 - Go beyond Final frontier

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
54
Técnicas de Util Prototype
Avatar for Matheus Monte matheusmonte
1
52
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
52
Componentization with React
Avatar for Matheus Monte matheusmonte
0
310
Web API with Flash: Code fast, delivery faster
Avatar for Matheus Monte matheusmonte
0
38

Other Decks in Programming

See All in Programming
Inspired By RubyKaigi (EN)
Avatar for Atsushi Kawamura (atzz/a2c) atzzcokek
0
420
Copilot CLI の継戦能力を高める コンテキスト管理
Avatar for Nozomuts nozomutu
1
1.1k
新規プロダクトを高速で生み出すハーネスエンジニアリング
Avatar for Ryohei Ikegami seanchas116
15
7.4k
1人1案件のプロダクトエンジニア時代に、"プロセス監督"としてチャレンジしたこと
Avatar for のんちゃん non0113
0
350
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
260
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
Avatar for hirokuni-maeta hirokunimaeta
0
190
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
Avatar for Daisuke Garaike contour_gara
0
410
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
Avatar for nrs nrslib
6
740
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
Avatar for Masaaki Takahashi macha64
0
160
tsserverとは何だったのか、これからどうなるのか
Avatar for Ryota Nakamura nowaki28
1
420
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
Avatar for chobishiba chobishiba
3
480
Old Dog, New Tricks: The Java 25 Reinvention - JNation
Avatar for A N M Bazlur Rahman bazlur_rahman
0
130

Featured

See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.5k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.3k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
550
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
240
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
190
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
24k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
780
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
560
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
260

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