搜索

回答

代码如下：

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">





    <style>
        html, body {
          height: 100%;
          margin: 0;
        }
        #c {
          width: 100%;
          height: 100%;
          display: block;
        }
    </style>


</head>

<body>
    <!-- three.min.js r87 -->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.133.js"></script>

    <!-- GLTFLoader.js -->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/GLTFLoader.133.js"></script>


    <canvas id="c"></canvas>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.133.js"></script>
    <script>
        'use strict';
        
        function deg(degree) {
          return degree / 180 * Math.PI;
        }
        
        function main() {
          const canvas = document.querySelector('#c');
        
          const renderer = new THREE.WebGLRenderer({ canvas });
          renderer.shadowMap.enabled = true;
        
 const  camera = new THREE.PerspectiveCamera(60, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.set(0, 30, 100);
camera.lookAt(new THREE.Vector3(0, 0, 0));
        
          const scene = new THREE.Scene();
          scene.background = new THREE.Color('#B4B4B4');
        
          const controls = new THREE.OrbitControls(camera, canvas);
          controls.target.set(0, 0, 0);
          controls.update();
        const light = new THREE.DirectionalLight(0xffffff, 1);
light.intensity = 1;
light.position.set(16, 16, 8);
light.castShadow = true;
light.shadow.mapSize.width = 512 * 12;
light.shadow.mapSize.height = 512 * 12;
light.shadow.camera.top = 40;
light.shadow.camera.bottom = -40;
light.shadow.camera.left = -40;
light.shadow.camera.right = 40;
scene.add(light);
// 环境光
const ambientLight = new THREE.AmbientLight(0xcfffff);
ambientLight.intensity = 1;
scene.add(ambientLight);
   
        
      
          function loadGLTF() {
            // GLTF loading
            var gltfPath = '//repo.bfw.wiki/bfwrepo/threemodel/bingdundun.glb';
            
            var loader = new THREE.GLTFLoader();
            loader.load(gltfPath, function (mesh) {
mesh.scene.traverse(child => {
    if (child.isMesh) {
      // 内部
      if (child.name === 'oldtiger001') {
        child.material.metalness = .5
        child.material.roughness = .8
      }
      // 半透明外壳
      if (child.name === 'oldtiger002') {
        child.material.transparent = true;
        child.material.opacity = .5
        child.material.metalness = .2
        child.material.roughness = 0
        child.material.refractionRatio = 1
        child.castShadow = true;
      }
    }
            });
              mesh.scene.position.set(-8, -12, 0);
  mesh.scene.scale.set(24, 24, 24);
              scene.add(mesh.scene);
            });
            
            
          }
        
   
          loadGLTF();
        
          
          function resizeRendererToDisplaySize(renderer) {
            const canvas = renderer.domElement;
            const pixelRatio = window.devicePixelRatio;
            const width = canvas.clientWidth * pixelRatio;
            const height = canvas.clientHeight * pixelRatio;
            const needResize = canvas.width !== width || canvas.height !== height;
            if (needResize) {
              renderer.setSize(width, height, false);
            }
            return needResize;
          }
        
          function render(time) {
            if (resizeRendererToDisplaySize(renderer)) {
              const canvas = renderer.domElement;
              camera.aspect = canvas.clientWidth / canvas.clientHeight;
              camera.updateProjectionMatrix();
            }
        
            renderer.render(scene, camera);
            requestAnimationFrame(render);
          }
          requestAnimationFrame(render);
        }
        
        main();
    </script>



</body>

</html>

网友回复

我知道答案，我要回答

我有问题

私活外包

回答

开发了一个网站ai聊天助手

一个月开发一套类似coze的智能体平台

部署一套内网离线ai助理

私有ai助理开发

类似如家的租房app开发

h5手机端考试网站开发

开发一个短剧解锁剧集的小程序

我要开发一个酒类拍卖交易平台

开发艺术品拍卖收藏买画卖画h5网站

帮我做个数字货币交易所网站

如何破解绕开seedance2.0真人照片生成视频限制？

python有哪些算法可以将视频中的每个帧图片去除指定区域水印合成新的视频？

iphone的激光雷达数据能否实时传输到three三维空间中？

豆包sora等ai视频生成大模型生成的视频水印如何去除？

python如何实现在电脑上拨号打电话给手机？

具身机器人与人形机器人区别？

nodejs如何将一个完整的js代码文件切割成不同的部分混淆后动态加载进入html运行？

为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,

2026年ai将全面接管编程？

WebMCP是干啥的？