javascript - 在 Three.js 中加载 DAE-6ren

javascript - 在 Three.js 中加载 DAE

转载作者：行者123 更新时间：2023-11-28 01:36:31

26

4

我遇到问题，无法在 Three.js 中加载 DAE 文件。有人可以帮忙吗？

我的 model.dae 与 index.html 位于同一目录中，当我加载页面时，它仅显示黑屏。

我有一个文件 FBX，我使用 Maya 将其导出到 FBX_DAE

<html>
<head>
    <title>My first Three.js app</title>
    <style>canvas { width: 100%; height: 100% }</style>
</head>
<body>
    <style type="text/css">
        html, body {
            margin:0;
            padding: 0;
        }
    </style>
    <script src="js/three.min.js"></script>
    <script src="js/ColladaLoader.min.js"></script>
    <script>
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera( 75, window.innerWidth /     window.innerHeight, 0.1, 1000 );

        var renderer = new THREE.WebGLRenderer();
        renderer.setSize( window.innerWidth, window.innerHeight );
        document.body.appendChild( renderer.domElement );

        loader = new THREE.ColladaLoader();
        loader.load('model.DAE',function colladaReady( collada ){
        player = collada.scene;
        skin = collada.skins [ 0 ];
        scene.add( player );
        });

        /*
        var geometry = new THREE.CubeGeometry(1,1,1);
        var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 } );
        var cube = new THREE.Mesh( geometry, material );
        scene.add( cube );
        */

        camera.position.z = 5;

        function render() {
            requestAnimationFrame(render);
            renderer.render(scene, camera);

            //cube.rotation.x += 0.1;
            //cube.rotation.y += 0.1;
        }
        render();

    </script>
</body>
</html>

最佳答案

这只是一个猜测，但我怀疑您没有正确加载 ColladaLoader。

应该是这样的:

<script src="js/ColladaLoader.js"></script>

而不是这个:

<script src="js/ColladaLoader.min.js"></script>

如果是这种情况，您应该会在控制台中看到错误。

关于javascript - 在 Three.js 中加载 DAE，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21484201/

26

4

0

文章推荐： javascript - 扩展 Ember.ArrayProxy

文章推荐： php - 我的 echo 语句不会显示在 html 行中

文章推荐： c++ - 标题中可以有太多变量吗？

文章推荐： c++ - setw(n) 和对齐不按我需要的方式工作 - C++

php - 在 PHP 中加/除数字
我正在开发一个需要能够平均三个数字的 Facebook 应用程序。但是，它总是返回 0 作为答案。这是我的代码: $y = 100; $n = 250; $m = 300; $number = ($y
javascript - 我需要将一个整数除以 12，如果结果是 float ，则在 javascript 中加 1
我只是无法弄清楚这一点，也找不到任何对我来说有意义的类似问题。我的问题:我从数据库中提取记录，并在我的网页上以每个面板 12 条的倍数显示它们。因此，我需要知道有多少个面板可以使用 JavaScrip

首页

博学

6Ren·AI

商城

javascript - 在 Three.js 中加载 DAE