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
0
36

React-360 - Go beyond Final frontier

Talk on BrazilJS - Manaus

Avatar for Matheus Monte

Matheus Monte

September 28, 2019
Tweet

More Decks by Matheus Monte

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

Other Decks in Programming

See All in Programming
2026/02/04 AIキャラクター人格の実装論 口 調の模倣から、コンテキスト制御による 『思想』と『行動』の創発へ
Avatar for Sald ra sr2mg4
0
690
今更考える「単一責任原則」 / Thinking about the Single Responsibility Principle
Avatar for philomagi tooppoo
3
1.4k
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
Avatar for Arthur arthur1
2
470
AWS Infrastructure as Code の新機能 2025 総まとめ 〜SA 4人による怒涛のデモ祭り〜
Avatar for Kenji Kono konokenj
10
3.2k
Swift ConcurrencyでよりSwiftyに
Avatar for 野瀬田　裕樹 yuukiw00w
0
240
2026年は Rust 置き換えが流行る！ / 20260220-niigata-5min-tech
Avatar for girigiribauer girigiribauer
0
220
Event Storming
Avatar for Henning Schwentner hschwentner
3
1.3k
RAGでハマりがちな"Excelの罠"を、データの構造化で突破する
Avatar for harumi harumiweb
9
2.5k
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
4
370
Unity6.3 AudioUpdate
Avatar for Cova8bitdots cova8bitdots
0
110
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
2k
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
570

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
890
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.8k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
130
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
150
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
67
37k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
110

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