Overexposure when setting panorama image as scene.background #1240

takerfume · 2021-04-14T03:30:44Z

takerfume
Apr 14, 2021

Hi, everyone,
When I set panorama image as scene.background, the image gets overexposed(Image gets white).
Is there any solution to solve the overexposure?
Could you please tell me solution if you know?

Original panorama image is here.
Overexposed image rendered by r3f
- Image gets white.

My code is here.
https://codesandbox.io/s/r3f-ibl-envmap-simple-forked-mzju6?file=/src/App.js

import * as THREE from 'three'
import React, { Suspense } from 'react'
import { Canvas, useThree, useLoader } from 'react-three-fiber'
import { OrbitControls, Html } from 'drei'

function Environment() {
  const { scene } = useThree()
  const texture = useLoader(THREE.TextureLoader, 'https://storage.googleapis.com/sekokan-dev/4efe1f00-fbfa-4784-8602-c400c68c1d9f')
  texture.mapping = THREE.EquirectangularReflectionMapping
  scene.background = texture
  return null
}

export default function App() {
  return (
    <Canvas>
      <OrbitControls enableDamping enableZoom={true} enablePan={true} dampingFactor={0.05} rotateSpeed={-1.1} />
      <Suspense fallback={<Html>loading..</Html>}>
        <Environment />
      </Suspense>
    </Canvas>
  )
}

related information

When I render panorama image by other application, such as ricoh theta's official application or Panolens, the image is not overexposed.

I would like to set my panorama as scene.background because by doing so I can remove noise at the poles.
- this is the reference.
  https://discourse.threejs.org/t/how-to-render-360-degree-images-on-three-js-without-noize-like-panolens-js/21020/3

Answered by drcmda

Apr 14, 2021

texture.encoding = THREE.sRGBEncoding

View full answer

drcmda · 2021-04-14T06:31:45Z

drcmda
Apr 14, 2021
Maintainer

texture.encoding = THREE.sRGBEncoding

1 reply

takerfume Apr 14, 2021
Author

Thank you very much!
Overexposure is removed!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Overexposure when setting panorama image as scene.background #1240

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Overexposure when setting panorama image as scene.background #1240

Uh oh!

Uh oh!

takerfume Apr 14, 2021

related information

Replies: 1 comment · 1 reply

Uh oh!

drcmda Apr 14, 2021 Maintainer

Uh oh!

takerfume Apr 14, 2021 Author

takerfume
Apr 14, 2021

Replies: 1 comment 1 reply

drcmda
Apr 14, 2021
Maintainer

takerfume Apr 14, 2021
Author