@thanhthbm/scene-editor 0.1.0

package/src/editor/js/commands/SetPositionCommand.js

@@ -0,0 +1,84 @@
+import { Command } from '../Command.js';
+import { Vector3 } from 'three';
+
+class SetPositionCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Object3D|null} object
+	 * @param {THREE.Vector3|null} newPosition
+	 * @param {THREE.Vector3|null} optionalOldPosition
+	 * @constructor
+	 */
+	constructor( editor, object = null, newPosition = null, optionalOldPosition = null ) {
+
+		super( editor );
+
+		this.type = 'SetPositionCommand';
+		this.name = editor.strings.getKey( 'command/SetPosition' );
+		this.updatable = true;
+
+		this.object = object;
+
+		if ( object !== null && newPosition !== null ) {
+
+			this.oldPosition = object.position.clone();
+			this.newPosition = newPosition.clone();
+
+		}
+
+		if ( optionalOldPosition !== null ) {
+
+			this.oldPosition = optionalOldPosition.clone();
+
+		}
+
+	}
+
+	execute() {
+
+		this.object.position.copy( this.newPosition );
+		this.object.updateMatrixWorld( true );
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	undo() {
+
+		this.object.position.copy( this.oldPosition );
+		this.object.updateMatrixWorld( true );
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	update( command ) {
+
+		this.newPosition.copy( command.newPosition );
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		output.objectUuid = this.object.uuid;
+		output.oldPosition = this.oldPosition.toArray();
+		output.newPosition = this.newPosition.toArray();
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		this.object = this.editor.objectByUuid( json.objectUuid );
+		this.oldPosition = new Vector3().fromArray( json.oldPosition );
+		this.newPosition = new Vector3().fromArray( json.newPosition );
+
+	}
+
+}
+
+export { SetPositionCommand };

package/src/editor/js/commands/SetRotationCommand.js

@@ -0,0 +1,84 @@
+import { Command } from '../Command.js';
+import { Euler } from 'three';
+
+class SetRotationCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Object3D|null} object
+	 * @param {THREE.Euler|null} newRotation
+	 * @param {THREE.Euler|null} optionalOldRotation
+	 * @constructor
+	 */
+	constructor( editor, object = null, newRotation = null, optionalOldRotation = null ) {
+
+		super( editor );
+
+		this.type = 'SetRotationCommand';
+		this.name = editor.strings.getKey( 'command/SetRotation' );
+		this.updatable = true;
+
+		this.object = object;
+
+		if ( object !== null && newRotation !== null ) {
+
+			this.oldRotation = object.rotation.clone();
+			this.newRotation = newRotation.clone();
+
+		}
+
+		if ( optionalOldRotation !== null ) {
+
+			this.oldRotation = optionalOldRotation.clone();
+
+		}
+
+	}
+
+	execute() {
+
+		this.object.rotation.copy( this.newRotation );
+		this.object.updateMatrixWorld( true );
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	undo() {
+
+		this.object.rotation.copy( this.oldRotation );
+		this.object.updateMatrixWorld( true );
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	update( command ) {
+
+		this.newRotation.copy( command.newRotation );
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		output.objectUuid = this.object.uuid;
+		output.oldRotation = this.oldRotation.toArray();
+		output.newRotation = this.newRotation.toArray();
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		this.object = this.editor.objectByUuid( json.objectUuid );
+		this.oldRotation = new Euler().fromArray( json.oldRotation );
+		this.newRotation = new Euler().fromArray( json.newRotation );
+
+	}
+
+}
+
+export { SetRotationCommand };

package/src/editor/js/commands/SetScaleCommand.js

@@ -0,0 +1,84 @@
+import { Command } from '../Command.js';
+import { Vector3 } from 'three';
+
+class SetScaleCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Object3D|null} object
+	 * @param {THREE.Vector3|null} newScale
+	 * @param {THREE.Vector3|null} optionalOldScale
+	 * @constructor
+	 */
+	constructor( editor, object = null, newScale = null, optionalOldScale = null ) {
+
+		super( editor );
+
+		this.type = 'SetScaleCommand';
+		this.name = editor.strings.getKey( 'command/SetScale' );
+		this.updatable = true;
+
+		this.object = object;
+
+		if ( object !== null && newScale !== null ) {
+
+			this.oldScale = object.scale.clone();
+			this.newScale = newScale.clone();
+
+		}
+
+		if ( optionalOldScale !== null ) {
+
+			this.oldScale = optionalOldScale.clone();
+
+		}
+
+	}
+
+	execute() {
+
+		this.object.scale.copy( this.newScale );
+		this.object.updateMatrixWorld( true );
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	undo() {
+
+		this.object.scale.copy( this.oldScale );
+		this.object.updateMatrixWorld( true );
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	update( command ) {
+
+		this.newScale.copy( command.newScale );
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		output.objectUuid = this.object.uuid;
+		output.oldScale = this.oldScale.toArray();
+		output.newScale = this.newScale.toArray();
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		this.object = this.editor.objectByUuid( json.objectUuid );
+		this.oldScale = new Vector3().fromArray( json.oldScale );
+		this.newScale = new Vector3().fromArray( json.newScale );
+
+	}
+
+}
+
+export { SetScaleCommand };

package/src/editor/js/commands/SetSceneCommand.js

@@ -0,0 +1,104 @@
+import { Command } from '../Command.js';
+import { SetUuidCommand } from './SetUuidCommand.js';
+import { SetValueCommand } from './SetValueCommand.js';
+import { AddObjectCommand } from './AddObjectCommand.js';
+
+class SetSceneCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Scene|null} [scene=null]
+	 * @constructor
+	 */
+	constructor( editor, scene = null ) {
+
+		super( editor );
+
+		this.type = 'SetSceneCommand';
+		this.name = editor.strings.getKey( 'command/SetScene' );
+
+		this.cmdArray = [];
+
+		if ( scene !== null ) {
+
+			this.cmdArray.push( new SetUuidCommand( this.editor, this.editor.scene, scene.uuid ) );
+			this.cmdArray.push( new SetValueCommand( this.editor, this.editor.scene, 'name', scene.name ) );
+			this.cmdArray.push( new SetValueCommand( this.editor, this.editor.scene, 'userData', JSON.parse( JSON.stringify( scene.userData ) ) ) );
+			this.cmdArray.push( new SetValueCommand( this.editor, this.editor.scene, 'animations', scene.animations ) );
+
+			while ( scene.children.length > 0 ) {
+
+				const child = scene.children.pop();
+				this.cmdArray.push( new AddObjectCommand( this.editor, child ) );
+
+			}
+
+		}
+
+	}
+
+	execute() {
+
+		this.editor.signals.sceneGraphChanged.active = false;
+
+		for ( let i = 0; i < this.cmdArray.length; i ++ ) {
+
+			this.cmdArray[ i ].execute();
+
+		}
+
+		this.editor.signals.sceneGraphChanged.active = true;
+		this.editor.signals.sceneGraphChanged.dispatch();
+
+	}
+
+	undo() {
+
+		this.editor.signals.sceneGraphChanged.active = false;
+
+		for ( let i = this.cmdArray.length - 1; i >= 0; i -- ) {
+
+			this.cmdArray[ i ].undo();
+
+		}
+
+		this.editor.signals.sceneGraphChanged.active = true;
+		this.editor.signals.sceneGraphChanged.dispatch();
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		const cmds = [];
+		for ( let i = 0; i < this.cmdArray.length; i ++ ) {
+
+			cmds.push( this.cmdArray[ i ].toJSON() );
+
+		}
+
+		output.cmds = cmds;
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		const cmds = json.cmds;
+		for ( let i = 0; i < cmds.length; i ++ ) {
+
+			const cmd = new window[ cmds[ i ].type ]();	// creates a new object of type "json.type"
+			cmd.fromJSON( cmds[ i ] );
+			this.cmdArray.push( cmd );
+
+		}
+
+	}
+
+}
+
+export { SetSceneCommand };

package/src/editor/js/commands/SetScriptValueCommand.js

@@ -0,0 +1,80 @@
+import { Command } from '../Command.js';
+
+class SetScriptValueCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Object3D|null} object
+	 * @param {string} script
+	 * @param {string} attributeName
+	 * @param {string} newValue
+	 * @constructor
+	 */
+	constructor( editor, object = null, script = '', attributeName = '', newValue = null ) {
+
+		super( editor );
+
+		this.type = 'SetScriptValueCommand';
+		this.name = editor.strings.getKey( 'command/SetScriptValue' ) + ': ' + attributeName;
+		this.updatable = true;
+
+		this.object = object;
+		this.script = script;
+
+		this.attributeName = attributeName;
+		this.oldValue = ( script !== '' ) ? script[ this.attributeName ] : null;
+		this.newValue = newValue;
+
+	}
+
+	execute() {
+
+		this.script[ this.attributeName ] = this.newValue;
+
+		this.editor.signals.scriptChanged.dispatch( this.script );
+
+	}
+
+	undo() {
+
+		this.script[ this.attributeName ] = this.oldValue;
+
+		this.editor.signals.scriptChanged.dispatch( this.script );
+
+	}
+
+	update( cmd ) {
+
+		this.newValue = cmd.newValue;
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		output.objectUuid = this.object.uuid;
+		output.index = this.editor.scripts[ this.object.uuid ].indexOf( this.script );
+		output.attributeName = this.attributeName;
+		output.oldValue = this.oldValue;
+		output.newValue = this.newValue;
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		this.oldValue = json.oldValue;
+		this.newValue = json.newValue;
+		this.attributeName = json.attributeName;
+		this.object = this.editor.objectByUuid( json.objectUuid );
+		this.script = this.editor.scripts[ json.objectUuid ][ json.index ];
+
+	}
+
+}
+
+export { SetScriptValueCommand };

package/src/editor/js/commands/SetShadowValueCommand.js

@@ -0,0 +1,73 @@
+import { Command } from '../Command.js';
+
+class SetShadowValueCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Object3D|null} object
+	 * @param {string} attributeName
+	 * @param {number|string|boolean|Object|null} newValue
+	 * @constructor
+	 */
+	constructor( editor, object = null, attributeName = '', newValue = null ) {
+
+		super( editor );
+
+		this.type = 'SetShadowValueCommand';
+		this.name = editor.strings.getKey( 'command/SetShadowValue' ) + ': ' + attributeName;
+		this.updatable = true;
+
+		this.object = object;
+		this.attributeName = attributeName;
+		this.oldValue = ( object !== null ) ? object.shadow[ attributeName ] : null;
+		this.newValue = newValue;
+
+	}
+
+	execute() {
+
+		this.object.shadow[ this.attributeName ] = this.newValue;
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	undo() {
+
+		this.object.shadow[ this.attributeName ] = this.oldValue;
+		this.editor.signals.objectChanged.dispatch( this.object );
+
+	}
+
+	update( cmd ) {
+
+		this.newValue = cmd.newValue;
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		output.objectUuid = this.object.uuid;
+		output.attributeName = this.attributeName;
+		output.oldValue = this.oldValue;
+		output.newValue = this.newValue;
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		this.object = this.editor.objectByUuid( json.objectUuid );
+		this.attributeName = json.attributeName;
+		this.oldValue = json.oldValue;
+		this.newValue = json.newValue;
+
+	}
+
+}
+
+export { SetShadowValueCommand };

package/src/editor/js/commands/SetTextureParametersCommand.js

@@ -0,0 +1,143 @@
+import { Command } from '../Command.js';
+
+const VECTOR_KEYS = [ 'offset', 'repeat', 'center' ];
+
+class SetTextureParametersCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Texture} texture
+	 * @param {Object} newParameters
+	 * @constructor
+	 */
+	constructor( editor, texture = null, newParameters = {} ) {
+
+		super( editor );
+
+		this.type = 'SetTextureParametersCommand';
+		this.name = editor.strings.getKey( 'command/SetTextureParameters' );
+
+		this.texture = texture;
+
+		this.oldParameters = ( texture !== null ) ? extractParameters( texture, newParameters ) : {};
+		this.newParameters = newParameters;
+
+	}
+
+	execute() {
+
+		applyParameters( this.texture, this.newParameters );
+		this.editor.signals.sceneGraphChanged.dispatch();
+
+	}
+
+	undo() {
+
+		applyParameters( this.texture, this.oldParameters );
+		this.editor.signals.sceneGraphChanged.dispatch();
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		output.textureUuid = this.texture.uuid;
+		output.oldParameters = this.oldParameters;
+		output.newParameters = this.newParameters;
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		this.texture = findTextureByUuid( this.editor, json.textureUuid );
+		this.oldParameters = json.oldParameters;
+		this.newParameters = json.newParameters;
+
+	}
+
+}
+
+function extractParameters( texture, reference ) {
+
+	const result = {};
+
+	for ( const key in reference ) {
+
+		const value = texture[ key ];
+
+		if ( VECTOR_KEYS.includes( key ) ) {
+
+			result[ key ] = { x: value.x, y: value.y };
+
+		} else {
+
+			result[ key ] = value;
+
+		}
+
+	}
+
+	return result;
+
+}
+
+function applyParameters( texture, parameters ) {
+
+	for ( const key in parameters ) {
+
+		const value = parameters[ key ];
+
+		if ( VECTOR_KEYS.includes( key ) ) {
+
+			texture[ key ].set( value.x, value.y );
+
+		} else {
+
+			texture[ key ] = value;
+
+		}
+
+	}
+
+	texture.needsUpdate = true;
+
+}
+
+function findTextureByUuid( editor, uuid ) {
+
+	let result = null;
+
+	editor.scene.traverse( ( object ) => {
+
+		if ( object.material === undefined ) return;
+
+		const materials = Array.isArray( object.material ) ? object.material : [ object.material ];
+
+		for ( const material of materials ) {
+
+			for ( const key in material ) {
+
+				const value = material[ key ];
+
+				if ( value && value.isTexture === true && value.uuid === uuid ) {
+
+					result = value;
+
+				}
+
+			}
+
+		}
+
+	} );
+
+	return result;
+
+}
+
+export { SetTextureParametersCommand };

package/src/editor/js/commands/SetUuidCommand.js

@@ -0,0 +1,70 @@
+import { Command } from '../Command.js';
+
+class SetUuidCommand extends Command {
+
+	/**
+	 * @param {Editor} editor
+	 * @param {THREE.Object3D|null} object
+	 * @param {string|null} newUuid
+	 * @constructor
+	 */
+	constructor( editor, object = null, newUuid = null ) {
+
+		super( editor );
+
+		this.type = 'SetUuidCommand';
+		this.name = editor.strings.getKey( 'command/SetUuid' );
+
+		this.object = object;
+
+		this.oldUuid = ( object !== null ) ? object.uuid : null;
+		this.newUuid = newUuid;
+
+	}
+
+	execute() {
+
+		this.object.uuid = this.newUuid;
+		this.editor.signals.objectChanged.dispatch( this.object );
+		this.editor.signals.sceneGraphChanged.dispatch();
+
+	}
+
+	undo() {
+
+		this.object.uuid = this.oldUuid;
+		this.editor.signals.objectChanged.dispatch( this.object );
+		this.editor.signals.sceneGraphChanged.dispatch();
+
+	}
+
+	toJSON() {
+
+		const output = super.toJSON( this );
+
+		output.oldUuid = this.oldUuid;
+		output.newUuid = this.newUuid;
+
+		return output;
+
+	}
+
+	fromJSON( json ) {
+
+		super.fromJSON( json );
+
+		this.oldUuid = json.oldUuid;
+		this.newUuid = json.newUuid;
+		this.object = this.editor.objectByUuid( json.oldUuid );
+
+		if ( this.object === undefined ) {
+
+			this.object = this.editor.objectByUuid( json.newUuid );
+
+		}
+
+	}
+
+}
+
+export { SetUuidCommand };