如何在同一鼠标事件上同时旋转两个不同的 X3D 场景？

Question

do i need some java script or jQuery for this ?为此我需要一些 java 脚本或 jQuery 吗？ I'm just asking because i need something like thishttp://examples.x3dom.org/cadViewer/slimViewerConrod/index.html .我只是问，因为我需要这样的东西http://examples.x3dom.org/cadViewer/slimViewerConrod/index.html 。 As you can see you can rotate the main object (main scene) with the axes(helper scene) together with the same mouse event.如您所见，您可以使用轴（辅助场景）以及相同的鼠标事件旋转主对象（主场景）。 I'm relative new to X3DOM and i just wanted to ask because i have no clue how it works.我对 X3DOM 比较陌生，我只是想问，因为我不知道它是如何工作的。 If it helps, my X3D scenes are :如果有帮助，我的 X3D 场景是：

Answer 1

I personally solved it the following way:我个人是通过以下方式解决的：

X3DomAdapter.syncViews = function(firstView, secondView) {


    function sync(firstView, SecondView) {


        var firstViewarea = $('#' + firstView)[0].runtime.canvas.doc._viewarea;
        var secondViewarea = $('#' + SecondView)[0].runtime.canvas.doc._viewarea;

        if (sync.firstViewmatrix === undefined || sync.secondViewmatrix ===
            undefined) {
            sync.firstViewmatrix = firstViewarea.getViewMatrix();
            sync.secondViewmatrix = secondViewarea.getViewMatrix();
            sync.firstChanged = false;
            sync.secondChanged = false;
            return;
        }

        sync.firstChanged = !(firstViewarea.getViewMatrix().equals(sync.firstViewmatrix));
        sync.secondChanged = !(secondViewarea.getViewMatrix().equals(sync.secondViewmatrix));

        if (sync.firstChanged && InputProcessor.active_view === firstView) {
            secondViewarea.animateTo(firstViewarea.getViewMatrix(),
                secondViewarea._scene.getViewpoint(), 0);
            sync.firstViewmatrix = firstViewarea.getViewMatrix();
            sync.secondViewmatrix = secondViewarea.getViewMatrix();
        } else if (sync.secondChanged && InputProcessor.active_view ===
            secondView) {
            firstViewarea.animateTo(secondViewarea.getViewMatrix(),
                firstViewarea._scene.getViewpoint(), 0);
            sync.firstViewmatrix = firstViewarea.getViewMatrix();
            sync.secondViewmatrix = secondViewarea.getViewMatrix();
        }
    }

    return setInterval(function() {
        sync(firstView, secondView);
    }, 50);
};

Applied to your example you should be able to call应用于您的示例，您应该可以调用

X3DomAdapter.syncViews("scene", "helper_scene");

You may want to replace the jQuery calls and pass in DOM nodes directly through the function plus make this a clean class that stores the states.您可能希望替换 jQuery 调用并直接通过函数传入 DOM 节点，并使其成为存储状态的干净类。 In my use case I just wanted to sync two x3dom-views (splitscreen mode) and forget about it.在我的用例中，我只想同步两个 x3dom 视图（分屏模式），然后忘记它。

如何在同一鼠标事件上同时旋转两个不同的 X3D 场景？

问题描述

1 个解决方案

解决方案1
0 2021-12-03 14:48:22

如何在同一鼠标事件上同时旋转两个不同的 X3D 场景？

问题描述

1 个解决方案

解决方案1 0 2021-12-03 14:48:22

解决方案1
0 2021-12-03 14:48:22