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

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

Akinn Rosa
December 02, 2020
Programming
0
90

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

Akinn Rosa

December 02, 2020
Tweet

More Decks by Akinn Rosa

See All by Akinn Rosa
React Native Architecture in 2021
akinncar
0
200
Aplicativo Móvel para gestão de fidelidade de clientes
akinncar
0
12

Other Decks in Programming

See All in Programming
Deep Dive into React Stream/Serialize
mugi_uno
4
850
教えて！スクラムコーチ品質とスピードのバランスはどうすりゃいいの？
pinboro
0
100
Introducing Kotlin Multiplatform in an existing mobile app - Workshop Edition | AndroidMakers Paris
prof18
0
170
mb_trim関数を作りました
youkidearitai
PRO
1
110
Exploring the Implementation of “t.Run”, “t.Parallel”, and “t.Cleanup”
akarin
1
160
AppRouter Panel Talk
yosuke_furukawa
PRO
1
520
TypeScriptで使いやすいOpenAPIの書き方
yukimochi_dwango
1
580
GNU Makeの使い方 / How to use GNU Make
kaityo256
PRO
13
4.3k
Timeline エディター拡張入門
yucchiy
0
450
TCAとKMPを用いた新規動画配信アプリ 「ABEMA Live」の設計
tomu28
2
140
最近コードレビューで指摘したこと
forrep
3
110
Powerfully Typed TypeScript
euxn23
3
1.4k

Featured

See All Featured
Building an army of robots
kneath
300
41k
GitHub's CSS Performance
jonrohan
1025
450k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
RailsConf 2023
tenderlove
9
580
Statistics for Hackers
jakevdp
790
220k
BBQ
matthewcrist
80
8.8k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
How to name files
jennybc
65
94k
KATA
mclloyd
16
12k
Unsuck your backbone
ammeep
664
57k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k

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