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
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
24

Other Decks in Programming

See All in Programming
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
650
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
560
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
Avatar for Hiroshi Morishige himorishige
3
130
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
0
290
LLM Çağında Backend Olmak: 10 Milyon Prompt'u Milisaniyede Sorgulamak
Avatar for Selçuk Usta selcukusta
0
140
SQL Server 2025 LT
Avatar for Oda Shinsuke odashinsuke
0
120
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
180
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
Avatar for Ryo YOSHI welliving
3
700
令和最新版Android Studioで化石デバイス向けアプリを作る
Avatar for Sora Arakawa arkw
0
470
AI前提で考えるiOSアプリのモダナイズ設計
Avatar for 野瀬田　裕樹 yuukiw00w
0
210
ゆくKotlin くるRust
Avatar for TATSUNO Yasuhiro exoego
1
180
re:Invent 2025 のイケてるサービスを紹介する
Avatar for maroon1st maroon1st
0
160

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
720
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
19
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
580
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
1
330
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
130
KATA
Avatar for Megan Lloyd mclloyd
PRO
33
15k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
96

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