threejs editor源码解析1

threejs editor源码解析1

今天先看看 

 

 

这个功能的实现

 

这个实现就是用了  javascript signals 框架 异步通信 这么做就是为了解耦 渲染和逻辑 分离 这个跟vuejs一样   

找到editor\js\commands\SetPositionCommand.js  这个文件 发布消息的

execute: function () {

        this.object.position.copy( this.newPosition );
        this.object.updateMatrixWorld( true );
        this.editor.signals.objectChanged.dispatch( this.object );

    },

然后接收消息

是在viewport.js

signals.objectChanged.add( function ( object ) {

        if ( editor.selected === object ) {

            selectionBox.setFromObject( object );

        }

        if ( object.isPerspectiveCamera ) {

            object.updateProjectionMatrix();

        }

        if ( editor.helpers[ object.id ] !== undefined ) {

            editor.helpers[ object.id ].update();

        }

        render();

    } );