This is a simple yet visually captivating 3D scene built using React Three Fiber, featuring a textured rotating cylinder with postprocessing effects like Bloom. It's my first project exploring 3D rendering in React, inspired by immersive web experiences.
🚀 Built by ShiftingParadigm
(add a screenshot or screen recording here — trust me, it makes a difference)
- ⚛️ React
- 🌌 React Three Fiber
- 🎨 drei (helpers like OrbitControls, useTexture)
- 🌟 postprocessing (Bloom via EffectComposer)
- 🖼️ Custom Textured Mesh (image.png)
- 💅 Tailwind CSS (optional utility styling)
- 🔁 Real-time animated mesh using
useFrame - 🌀 Cylindrical mesh wrapped with a custom texture
- 🌈 Bloom effect using
@react-three/postprocessing - 🎮 Interactive OrbitControls
- 🎨 Clean canvas layout with minimal UI
my-3d-app/ ├── public/ │ └── image.png # Your custom texture ├── src/ │ ├── App.js # Main entry point with Canvas │ ├── Scene.js # 3D mesh and animation logic │ ├── style.css # Optional styles │ └── index.js # ReactDOM rendering ├── package.json └── README.md