iT邦幫忙

0

<問題>3D模型在網頁上有色差如何解決

  • 分享至 

  • xImage

原本的3D模型顏色是這樣棕色https://ithelp.ithome.com.tw/upload/images/20210504/20133915xCA2ruGfOG.jpg
但放入html裡變成紅色
https://ithelp.ithome.com.tw/upload/images/20210504/20133915UpRlm8LJl0.jpg
試問有無方法解決此問題

    <script src="three.js"></script>
    <script type="module" src="GLTFLoader.js"></script>
    <script type="module">
      import { GLTFLoader } from "./GLTFLoader.js";

      var scene = new THREE.Scene();

      var camera = new THREE.PerspectiveCamera(
        15,
        window.innerWidth / window.innerHeight,
        0.01,
        1000
      );
      var renderer = new THREE.WebGLRenderer();
      renderer.setSize(700, 450);
      document.getElementById('3D').appendChild(renderer.domElement);
      /*document.body.appendChild(renderer.domElement);*/

      var loader = new GLTFLoader();

      var obj;
      loader.load("scene.gltf", function (gltf) {
        obj = gltf.scene;
        scene.add(gltf.scene);
      });
      scene.background = new THREE.Color(0x999999);
      var light = new THREE.HemisphereLight(0xffffff, 0x000000, 30);//(天空的反光颜色,地面的反光颜色,光的强度);
      scene.add(light);
      camera.position.set(0, 2.5, 45);
      function animate() {
        requestAnimationFrame(animate);
        obj.rotation.y += 0.01;
        renderer.render(scene, camera);
      }
      animate();
    </script>
淺水員 iT邦大師 6 級 ‧ 2021-05-05 00:10:05 檢舉
會不會跟光源有關?

可以先把光調暗一點看看
或是材質的吸收率調高一些
蠻難的,因為還有顯示器的問題要調整,問題就是網頁伺服器無法取得用戶的顯示器(或手機)的色彩配置檔,你又該如何去調整色差?MAC螢幕的豬血色跟你的所描述的可以一致,但你能限制用戶一定只能用MAC上來看嗎?難...
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答