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(); 

 } );

18751.html