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
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
副作用をどこに置くか問題：オブジェクト指向で整理する設計判断ツリー
Avatar for Koya Masuda koxya
1
610
それ、本当に安全？ ファイルアップロードで見落としがちなセキュリティリスクと対策
Avatar for ikechi penpeen
7
3.9k
Implementation Patterns
Avatar for Denys Poltorak denyspoltorak
0
290
Architectural Extensions
Avatar for Denys Poltorak denyspoltorak
0
290
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2.1k
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
650
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
160
高速開発のためのコード整理術
Avatar for sutetotanuki sutetotanuki
1
400
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
770
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
48
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
66
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
53
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
110
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
86
Fireside Chat
Avatar for paigeccino paigeccino
41
3.8k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
220

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