Light and material adjustment

Questions
1

Hi everyone,

I’ve been trying to create the model below in Three.js for 3 days, but I can’t figure out the light and texture settings. I’ve tried many methods and looked at many examples. But it’s really difficult. I made a simple example for you to check and play around with. I’m really curious if this can actually be done in Three.js
Model : Laptop - Download Free 3D model by Dev Anand (@davisanand) [3103a5c] - Sketchfab
Example: https://codesandbox.io/p/sandbox/model-texture-n7t4wy?file=%2Fsrc%2Findex.js%3A28%2C34

2

Perhaps among other things, the sketchfab viewer appears to be using the following, in rough order of importance:

  1. environment map or another source of reflections (try THREE.RoomEnvironment)
  2. normal maps, adding greater detail to the wood surfaces
  3. shadow maps (I see this enabled in your demo, but the plane has nothing to receive shadows from yet)
  4. bloom effect for the glow around the monitor, see example or blog post
1 Like