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
130

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
26

Other Decks in Programming

See All in Programming
なぜSQLはAIぽく見えるのか/why does SQL look AI like
Avatar for florets1 florets1
0
460
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
180
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
コマンドとリード間の連携に対する脅威分析フレームワーク
Avatar for Aja9tochin pandayumi
1
450
AI巻き込み型コードレビューのススメ
Avatar for Nealle nealle
1
290
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
MUSUBIXとは
Avatar for Hisaho nahisaho
0
130
AIによる開発の民主化を支える コンテキスト管理のこれまでとこれから
Avatar for Mulyu mulyu
3
290
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240

Featured

See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
240
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
1
53
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
1
2.7k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
230
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
130

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