Export inka3d导出加载在three.js中

Export inka3d导出加载在three.js中,export,three.js,Export,Three.js,是否可以在three.js中加载从maya导出的inka3d项目? 我尝试从three.js for maya导出,但没有成功。当我使用Inka3d导出并打开创建的html文件时,Maya动画运行得非常完美 我在maya中构建的动画有问题吗?这是一张纸卡,它用四个接头进行简单的折叠。 用three.js打开和加载它的最佳方式是什么?我想在剩下的代码中使用three.js 谢谢 这是我试图用three.js maya插件导出文件打开的代码 <html> <head>

是否可以在three.js中加载从maya导出的inka3d项目? 我尝试从three.js for maya导出,但没有成功。当我使用Inka3d导出并打开创建的html文件时,Maya动画运行得非常完美

我在maya中构建的动画有问题吗?这是一张纸卡,它用四个接头进行简单的折叠。 用three.js打开和加载它的最佳方式是什么?我想在剩下的代码中使用three.js

谢谢

这是我试图用three.js maya插件导出文件打开的代码

<html>
    <head>
        <title>My first Three.js app</title>
        <style>canvas { width: 100%; height: 100% }</style>
    </head>
    <body onload="webGLStart();">



        <script type="text/javascript" src="js/Karte2.js"></script>
        <script type="text/javascript" src="js/three.js"></script>
        <script type="text/javascript" src="js/src/loaders/JSONLoader.js"></script>


        <script type="text/javascript">
var camera, scene, renderer, mesh, loader;

init();
animate();

function init() {

    camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 1, 10000 );
    camera.position.z = 1000;

    scene = new THREE.Scene();

    loader = new THREE.JSONLoader();

    loader.load( "js/Karte2.js", function( geometry ) {
        mesh = new THREE.Mesh( geometry, new THREE.MeshNormalMaterial() );
        mesh.scale.set( 10, 10, 10 );
        mesh.position.y = 150;
        mesh.position.x = 0;
         scene.add( mesh );
    } );



    var ambientLight = new THREE.AmbientLight(0x555555);
    scene.add(ambientLight);

    var directionalLight = new THREE.DirectionalLight(0xffffff);
    directionalLight.position.set(1, 1, 1).normalize();
    scene.add(directionalLight);

    renderer = new THREE.WebGLRenderer();
    renderer.setSize( window.innerWidth, window.innerHeight );

    document.body.appendChild( renderer.domElement );

}

function animate() {

    requestAnimationFrame( animate );

    //mesh.rotation.x += 0.05;

    renderer.render( scene, camera );
}

        </script>

    </body>


</html>

我的前三个.js应用程序
画布{宽度:100%;高度:100%}
var摄像机、场景、渲染器、网格、加载程序;
init();
制作动画();
函数init(){
摄像头=新的三个透视摄像头(75,window.innerWidth/window.innerHeight,11000);
摄像机位置z=1000;
场景=新的三个。场景();
loader=new THREE.JSONLoader();
load(“js/Karte2.js”,函数(几何体){
网格=新的三个.mesh(几何体,新的三个.MeshNormalMaterial());
网格。比例。设置(10,10,10);
网格位置y=150;
网格位置x=0;
场景。添加(网格);
} );
var环境光=新的三个环境光(0x555555);
场景。添加(环境光);
var方向灯=新的三个方向灯(0xffffff);
directionalLight.position.set(1,1,1).normalize();
场景。添加(方向光);
renderer=new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth、window.innerHeight);
document.body.appendChild(renderer.doElement);
}
函数animate(){
请求动画帧(动画);
//网格旋转.x+=0.05;
渲染器。渲染(场景、摄影机);
}

不可能使用three.js加载inka3d内容,但应该可以同时使用inka3d和three.js,即使用inka3d渲染画布上的内容,然后使用three.js渲染画布上的内容(或其他方式)。inka3d只公开一个接口,没有文件格式,因为它是通过代码生成工作的。maya的依存关系图将转换为js代码。因此,导出后所能做的就是控制场景中“接口”中的属性(例如pCube1.translate)。从maya导出时,可以在“导出选项”中定义界面中的属性。inka3d的json格式还包含存储在字符串字段中的代码,这些字符串字段在加载后进行求值。

您知道某个地方是否有inka3d文件格式规范吗?没有。但这是我的.js文件,我想用three.js加载