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
120

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
React Native Universal Apps
Avatar for Akinn Rosa akinncar
0
3
React Native Architecture in 2021
Avatar for Akinn Rosa akinncar
0
210
Aplicativo Móvel para gestão de fidelidade de clientes
Avatar for Akinn Rosa akinncar
0
24

Other Decks in Programming

See All in Programming
画像コンペでのベースラインモデルの育て方
Avatar for tattaka tattaka
3
1.8k
自作OSでDOOMを動かしてみた
Avatar for Zakki zakki0925224
1
1.4k
ワープロって実は計算機で
Avatar for Chiharu Shirasaka pepepper
2
1.4k
Amazon Q CLI開発で学んだAIコーディングツールの使い方
Avatar for matsukada licux
3
190
開発チーム・開発組織の設計改善スキルの向上
Avatar for 増田 亨 masuda220
PRO
13
6.9k
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
Avatar for clshinji clshinji
1
130
Laravel Boost 超入門
Avatar for Arlo fire_arlo
1
100
decksh - a little language for decks
Avatar for Anthony Starks ajstarks
4
21k
Constant integer division faster than compiler-generated code
Avatar for herumi herumi
2
690
Flutterと Vibe Coding で個人開発！
Avatar for Hayami Shuhei hyshu
1
260
Dart 参戦！！静的型付き言語界の隠れた実力者
Avatar for Kuno Ayana kno3a87
0
200
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
Avatar for ivargrimstad ivargrimstad
0
180

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
183
54k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.6k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
2
580
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
338
57k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.8k

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