15 IcoSehedron Model with Textures in React 3 Fiber
In this session, you demonstrated the process of enhancing a web application's tech section using React and Three.js.
You began by importing necessary components into the Tech.jsx file, like BallCanvas from a canvas folder and other components from high order components and constants folders.
You then modified the Tech.jsx to map over a list of technologies and render 3D rotating spheres (ball canvas) with technology logos.
You provided a detailed walkthrough on setting up the BallCanvas component by importing various components from react-three-fiber and other libraries, adjusting props, and integrating mesh and lighting settings to render 3D objects correctly in the scene.
Additionally, you added functionality to control properties like rotation, shadow, and float intensity to enhance the visual presentation.
By the end of the session, you successfully rendered the 3D technology logos, adjusted their appearance, and provided instructions on how to replace these logos with custom icons if needed, completing the tech section of the project.
The next session will focus on the "works" or "projects" section to showcase completed projects.
Finished tech.jsx file
https://drive.google.com/file/d/1nBqh...
Finished ball.jsx file
https://drive.google.com/file/d/13LFh...