React Magnificent 3D EARTH with THREE.JS | Beginners w/ React-Three-Fiber 8K Quality

If you ever wondered how 3D Art is created and rendered on the browser with awesome quality and huge details In this video we will use React with THREE.JS library which will allow us to create lovely 3D Earth rotating planet on outer space with animated starts in the background and sunlight reflecting off the surface with 8K high-quality textures for making Earth look better than before. We will learn how to get started with Three.js on React using react-three-fiber library to properly use Three.js rendering on components based React ecosystem and enjoy React hooks benefits.


⭐ Timestamps ⭐
00:00 Getting started and What we are going to create
02:40 Project Setup and Installing Dependencies
09:56 Rednering our First Earth Sphere on Canvas
23:31 Adding Earth Textures (ColorMap, NormalMap, SpecularMap)
34:59 Adding Atmosphere Clouds to make it feel like real Earth
40:40 Adding Surrounding space with fading Stars on the background
44:58 Adding sun light and making earth look more real to properly reflect light
50:33 Making earth rotate around itself day and night shift
56:43 Let's Create a simple landing page with our Ginatic rotating earth


⭐Grab the full source code of React and Three.js 3D Earth:
https://github.com/ipenywis/react-3d-...


🧭 Watch Tutorial on Designing the website on Figma
   • I Design a onecolor Website in 1 hour...  

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
   • Create a Modern React Login/Register ...  

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
   • Debug React Apps Like a Pro | Master ...  

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
   • Master React Like Pro w/ Redux, Types...  

🧭 Learn Redux For Beginners | React Redux from Zero To Hero build a real-world app
   • Debug React Apps Like a Pro | Master ...  

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
   • Build Login/Register API Server w/ Au...  

🧭 Introduction to GraphQL with Apollo and React
   • Introduction to GraphQL with Apollo a...  


🐦 Follow me on Twitter:   / ipenywis  
💻 Github Profile: https://github.com/ipenywis
💡 My Blog: http://ipenywis.com


Made with 💗 by Coderone