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
15
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 増田 亨 masuda220
PRO
10
2k
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
29
6.9k
pnpm に provenance のダウングレード を検出する PR を出してみた
Avatar for mattsuu ryo_manba
1
170
Module Proxyのマニアックな話 / Niche Topics in Module Proxy
Avatar for kuro kuro_kurorrr
0
1.3k
品質ワークショップをやってみた
Avatar for Nealle nealle
0
910
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
Avatar for mazrean mazrean
0
140
CSC305 Lecture 13
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
350
TFLintカスタムプラグインで始める Terraformコード品質管理
Avatar for bells17 bells17
2
520
One Enishi After Another
Avatar for Koji SHIMADA snoozer05
PRO
0
180
kiroとCodexで最高のSpec駆動開発を！！数時間で web3ネイティブなミニゲームを作ってみたよ！
Avatar for Haruki Kondo mashharuki
0
1.1k
Kotlin 2.2が切り拓く: コンテキストパラメータで書く関数型DSLと新しい依存管理のかたち
Avatar for Kenichi SUZUKI knih
0
240
自動テストのアーキテクチャとその理由ー大規模ゲーム開発の場合ー
Avatar for SEGADevTech segadevtech
0
160

Featured

See All Featured
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
161
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
209
24k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Scaling GitHub
Avatar for Zach Holman holman
463
140k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
8.9k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k

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