javascript - three.Js使用TransformControls报错
ringa_lee
ringa_lee 2017-04-11 12:25:43
0
1
482

官网中TransformControls的例子时通过键盘W,E,R这些按键去注册不同的动作来对长中的物体操作。
我想要在页面上放置两个按钮,拖动和旋转,按钮点击事件再注册控制器的动作,同时将控制器添加到场景中。

但是总是报错:Uncaught TypeError: Cannot read property 'updateMatrixWorld' of null

当我点击物体时,上方按钮出现,选择动作,然后控制物体移动或时旋转

function tuodong(){
    tfcontrols.setMode( "translate" );
    tfcontrols.attach( SELECTED );
    scene.add( tfcontrols );
}

function xuanzhuan(){
    tfcontrols.setMode("rotate");
    tfcontrols.attach(SELECTED);
    scene.add( tfcontrols );
}

上面就是拖动和旋转物体时控制器的动作 SELECTED 就是一个物体
页面还有onDocumentMouseDown 鼠标点击事件,如果在鼠标点击事件中这样写:

    if ( intersects.length > 0 ) {
        controls.enabled = false;
        SELECTED= objects[item]
        tfcontrols.attach( SELECTED );
        scene.add( tfcontrols );
        //改变鼠标的样式
        container.style.cursor = 'move';
    }

这样就不会报错,但是只能拖动物体的位置 求赐教~~

ringa_lee
ringa_lee

ringa_lee

membalas semua(1)
左手右手慢动作

找到问题~ 鼠标弹起时间中将SELECTED=null 所以报错了

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan