Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

React-360 - Go beyond Final frontier

Avatar for Matheus Monte Matheus Monte
September 28, 2019
Programming
49
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
84
Order the Chaos: How to organize your react code
Avatar for Matheus Monte matheusmonte
0
65
Técnicas de Util Prototype
Avatar for Matheus Monte matheusmonte
1
64
Serverless - Basic Concepts
Avatar for Matheus Monte matheusmonte
0
55
PyDTN
Avatar for Matheus Monte matheusmonte
0
190
Using Angular and React in same context
Avatar for Matheus Monte matheusmonte
0
48
Async Renderer - What's next?
Avatar for Matheus Monte matheusmonte
0
63
Componentization with React
Avatar for Matheus Monte matheusmonte
0
320
Web API with Flash: Code fast, delivery faster
Avatar for Matheus Monte matheusmonte
0
50

Other Decks in Programming

See All in Programming
re:Inventに行く前に知っておきたい現地参加のノウハウ
Avatar for nokomoro3 nokomoro3
0
420
半永久的に提供し続けられるプライベートクラウドを目指して ― 利用者の認知負荷を抑えるAPI抽象化とハードウェア世代交代の基盤設計
Avatar for Tomofumi Kondo tomokon
0
500
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.6k
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
Avatar for kasacchiful kasacchiful
PRO
0
150
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.2k
3回つくってわかった、
定期実行ジョブ基盤の本質情報
Avatar for Naoto Takai takai
0
450
Event is what happens
Avatar for MOROHASHI Kyosuke moro
2
770
気持ちぃ〜角丸 Squircle
Avatar for ryu ryu1013
0
310
AWSに止められる覚悟してますか？
Avatar for モリゾー morizo_1984
2
530
ChromeでローカルLLM
Avatar for ryu ryu1013
0
140
Workers Cache を知る
Avatar for syumai syumai
0
360
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
120

Featured

See All Featured
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
53k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
270
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
4
1.2k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
310
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
540
From π to Pie charts
Avatar for Rasagy Sharma rasagy
1
400
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k

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