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

Developing 3D multiplatform games with three.js...

Avatar for Akinn Rosa Akinn Rosa
December 02, 2020
Programming
0
130

Developing 3D multiplatform games with three.js in React Native

Avatar for Akinn Rosa

Akinn Rosa

December 02, 2020
Tweet

More Decks by Akinn Rosa

See All by Akinn Rosa
Over-The-Air Updates in React Native
Avatar for Akinn Rosa akinncar
0
16
React Native Universal Apps
Avatar for Akinn Rosa akinncar
0
5
React Native Architecture in 2021
Avatar for Akinn Rosa akinncar
0
220
Aplicativo Móvel para gestão de fidelidade de clientes
Avatar for Akinn Rosa akinncar
0
26

Other Decks in Programming

See All in Programming
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
230
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460
16年目のピクシブ百科事典を支える最新の技術基盤 / The Modern Tech Stack Powering Pixiv Encyclopedia in its 16th Year
Avatar for ahu ahuglajbclajep
5
1k
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
AI時代のキャリアプラン「技術の引力」からの脱出と「問い」へのいざない / tech-gravity
Avatar for MinoDriven minodriven
21
7.2k
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
Patterns of Patterns
Avatar for Denys Poltorak denyspoltorak
0
1.4k
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.5k

Featured

See All Featured
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
92
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
370
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210

Transcript

  1. Developing 3D multiplatform games with three.js in React Native Akinn

    Rosa
  2. None

  3. three.js

  4. Game development frameworks How we can use Three.js for mobile

    apps How to start make games ________________________________ ________________________________

  5. Popular Game Engines

  6. None
  7. None

  8. The problem with this game engines

  9. What is three.js?

  10. threejs.org showcase

  11. How we can use Three.js for mobile apps

  12. We will need: • React Native App • Expo SDK

    • Libs: expo-gl and expo-three • Some javascript code

  13. Renderer Scene Camera 3D Objects (Meshes)

  14. App init

  15. Imports

  16. Create sphere

  17. Create GL component

  18. Create renderer

  19. Create scene

  20. Add mesh to scene

  21. Configuring camera

  22. Add light

  23. Render

  24. Result

  25. Snack example

  26. Follow @akinncar