Building your own metaverse, prepare your own contract with solidity and perform your first transaction in Web 3.0 #metaverse #vr #ar #virtualreality #augmentedreality #solidity #blockchain #nft #web3.0 #3D #threejs

1. BUILDYOUR OWN METAVERSE
Wajdi Ben Rabah
XR & Mobile specialist
CEO @ KalamarTech
www.wajdibr.com

2. WHAT’S A METAVERSE ?
• Immersive technology (VR mainly)
• Blockchain
• Social media
• New interaction standards
• Alternative world

3. BUSINESS
• Concerts
• Ads
• Games
• Real estate
• Sport
• Online coaching/collaboration
• …

4. KEY FIGURES (MARKETING)

5. KEY FIGURES (TECHNICAL)

6. CONCEPTS

7. VR/AR/MR
• AR
• Markerbased
• Markerless/Location based
• VR
• MR

8. VR
• Native (Oculus)
• Web (WebXR)

9. SETUP
• Unity (Add WebGL)
• Custom registry or Git
• Package manager>My registries
• WebXR Export
• WebXR interactions (and samples)
• Import samples from package manager > weber interactions

10. SETUP
• Window>WebXR >Copy WebGLTemplates
• Project settings > activate WebXR

11. SCENE
• WebXR interactions > Desert scene
• Player settings > Switch platform
• Resolution & presentation > Select WebGL template
• Publishing settings > activate decompression fallback

12. ISSUES
• You might need to explicitly add WebGL

13. BUILD AND PREREQUISITE
• Build settings > Build
• Install Node
• Install http-server
• Generate certi
fi
cate (you can put common name to 127.0.0.1)
• Launch your server

14. LAUNCHYOUR FIRST EXPERIENCE
• From your browser: https://127.0.0.1:8080

15. VR
• Native (Oculus)
• Web (WebXR)

16. STEP 1
• THREE JS
• STARTING A SIMPLE
SCENE

17. STEP 2
• SOLIDITY
• CREATE NEW
CONTRACT

18. STEP 3
• Save & Flatten (plugin if needed)
• Connect and deploy with Metamask
• Verify the contract

19. STEP 4
• Connect with Abi.json
• Window.ethereum .request / connect contract to your environment.
• web3.eth.Contract

20. WHAT NEXT
• AFrame
• Oculus (or any other SDK) integration in Unity
• SparkAR
• Snap Lens
• ARFoundation ARCORE ARKIT
• OpenGL
• Vuforia

21. THANKS