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
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
Avatar for Shohei Okada okashoi
1
220
Kotlin エンジニアへ送る：Swift 案件に参加させられる日に備えて～似てるけど色々違う Swift の仕様 / from Kotlin to Swift
Avatar for Elvis Shi lovee
1
260
AWS CDKの推しポイント 〜CloudFormationと比較してみた〜
Avatar for アキキー akihisaikeda
3
320
A2A プロトコルを試してみる
Avatar for azukiazusa azukiazusa1
2
1.3k
datadog dash 2025 LLM observability for reliability and stability
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
350
Create a website using Spatial Web
Avatar for Akio Itaya akkeylab
0
310
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
Avatar for Chiaki Okamoto chiilog
1
240
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
150
Team operations that are not burdened by SRE
Avatar for zosokh kazatohiei
1
290
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
Avatar for Ahmed EBEN HASSINE ahmedbhs123
0
110
『自分のデータだけ見せたい！』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
Avatar for AkitoTsukahara akitotsukahara
1
590
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
Avatar for ANDPAD inc andpad
0
280

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
The Language of Interfaces
Avatar for Des Traynor destraynor
158
25k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
800

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