# How to achieve an effect like what you see in Blender or 3D viewer

**URL:** <https://discourse.threejs.org/t/how-to-achieve-an-effect-like-what-you-see-in-blender-or-3d-viewer/60236>\
**Category:** Questions\
**Tags:** materials\
**Created:** [January 12, 2024, 2:56am UTC](https://discourse.threejs.org/t/how-to-achieve-an-effect-like-what-you-see-in-blender-or-3d-viewer/60236 "2024-01-12T02:56:07Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![lcysgsg](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/lcysgsg/32/43748_2.png) [@lcysgsg](https://discourse.threejs.org/u/lcysgsg)\
**Post date:** [January 12, 2024, 2:56am UTC](https://discourse.threejs.org/t/how-to-achieve-an-effect-like-what-you-see-in-blender-or-3d-viewer/60236/1 "2024-01-12T02:56:07Z")

</div>

my code and the effect, It looks like it has no edges and is blurry. I try to change the material to `MeshStandardMaterial`、 `MeshPhongMaterial` of the interior of the cabinet what i want it react to light source , and move direction light, but did not get the expect result. :

```javascript
const gltfLoader = new GLTFLoader()
        // gltfLoader.load('/models/Fox/glTF-Binary/Fox.glb', (gltf) => {
        gltfLoader.load(
            '/models/warehouse//beverages_refrigerator/scene.gltf',
            // '/models/warehouse//beverages_refrigerator/untitled.glb',
            (gltf) => {
                console.log('loadCabinetS1Model gltf', gltf)
                // gltfLoader.load('/models/test1.glb', (gltf) => {
                gltf.scene.rotateY(-Math.PI / 2)

                gltf.scene.traverse((child) => {
                    console.log('child', child.name)
                    // if (child.name === 'Object_9') {
                    // // set double side
                    // child.material = new THREE.MeshStandardMaterial()
                    // child.material.side = THREE.DoubleSide
                    // child.material.color = new THREE.Color(0xffaa66)
                    // child.material.emissive = new THREE.Color(0x050000)
                    // // set metallic to 0.3
                    // child.material.metalness = 0.5
                    // child.material.roughness = 0.5
                    // }
                    // if (child instanceof THREE.Mesh) {
                    // child.material = new THREE.MeshPhongMaterial()
                    // child.material.color = new THREE.Color(0xffcc66)
                    // child.material.transparent = true
                    // child.material.opacity = 0.6
                    // }
                })
                gltf.scene.scale.set(2, 2, 2)
                gltf.scene.position.set(2, 0, 0)
                scene.add(gltf.scene)
                updateAllMaterials()
            }
        )

```

![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/8/f/8f4d6ea3e0411e8a264ec067466d0f653d743d62.png)

3D viewer:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/5/b5cda1048e5ad884f9c68045d2ed6ab4198afc28.png)

Blender:

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/2/2/22c2e5fa8bd8aa0674c5ed511a93578441fcd9f4.jpeg)

---

<div class="post-metadata">

**Author:** ![mjurczyk](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mjurczyk/32/10995_2.png) [@mjurczyk](https://discourse.threejs.org/u/mjurczyk)\
**Post date:** [January 12, 2024, 7:50am UTC](https://discourse.threejs.org/t/how-to-achieve-an-effect-like-what-you-see-in-blender-or-3d-viewer/60236/2 "2024-01-12T07:50:33Z")

</div>

The screenshot you’ve shared suggests you (1) are using MeshBasicMaterial, or (2) you’re using AmbientLight.

Make sure you’re using MeshPhongMaterial, MeshLambertMaterial, MeshStandardMaterial, or MeshPhysicalMaterial - and do not use AmbientLight. Use PointLight, DirectionalLight, or an HDRI environment to light up the scene - otherwise you’ll get no shading.