@thanhthbm/scene-editor 0.1.0

package/src/presets/machines.js

@@ -0,0 +1,239 @@
+import * as THREE from 'three';
+
+const STATUS_COLOR = { run: 0x2f9e6b, idle: 0xe0a800, err: 0xc0392b };
+
+const matPedestal = new THREE.MeshStandardMaterial( { color: 0x2b3440, roughness: 0.8, metalness: 0.2 } );
+const matBlue = new THREE.MeshStandardMaterial( { color: 0x1b4a8a, roughness: 0.5, metalness: 0.35 } );
+const matWhite = new THREE.MeshStandardMaterial( { color: 0xeef1f5, roughness: 0.55, metalness: 0.15 } );
+const matCrown = new THREE.MeshStandardMaterial( { color: 0xdfe4ea, roughness: 0.6, metalness: 0.15 } );
+const matDark = new THREE.MeshStandardMaterial( { color: 0x141a22, roughness: 0.6 } );
+const matYellow = new THREE.MeshStandardMaterial( { color: 0xf2c037, roughness: 0.6 } );
+const matSteel = new THREE.MeshStandardMaterial( { color: 0x9aa7b6, roughness: 0.4, metalness: 0.6 } );
+
+function randomStatus() {
+
+	const r = Math.random();
+	return r < 0.7 ? 'run' : r < 0.9 ? 'idle' : 'err';
+
+}
+
+function resolveStatus( params ) {
+
+	if ( params && params.status ) return params.status;
+	return randomStatus();
+
+}
+
+function makeBeacon( status, y ) {
+
+	const color = STATUS_COLOR[ status ];
+	const mat = new THREE.MeshStandardMaterial( {
+		color,
+		emissive: color,
+		emissiveIntensity: 0.85,
+		roughness: 0.4
+	} );
+	const beacon = new THREE.Mesh( new THREE.SphereGeometry( 0.8, 18, 18 ), mat );
+	beacon.position.set( 0, y, 0 );
+	beacon.castShadow = true;
+	beacon.userData = { role: 'beacon' };
+	return { mesh: beacon, mat, pole: makePole( y - 1.5 ) };
+
+}
+
+function makePole( y ) {
+
+	const pole = new THREE.Mesh( new THREE.CylinderGeometry( 0.18, 0.18, 3, 8 ), matSteel );
+	pole.position.y = y;
+	pole.castShadow = true;
+	return pole;
+
+}
+
+function smallBox( group, w, h, d, topMaterial, bottomMaterial ) {
+
+	const b = new THREE.Mesh( new THREE.BoxGeometry( w, h * 0.5, d ), bottomMaterial );
+	b.position.set( 0, h * 0.25, 0 );
+	b.castShadow = true; b.receiveShadow = true;
+	const t = new THREE.Mesh( new THREE.BoxGeometry( w * 0.95, h * 0.5, d * 0.95 ), topMaterial );
+	t.position.set( 0, h * 0.75, 0 );
+	t.castShadow = true; t.receiveShadow = true;
+	group.add( b, t );
+	return t;
+
+}
+
+function createPressMachine( x = 0, z = 0, params = {} ) {
+
+	const ton = params.ton || 600;
+	const g = new THREE.Group();
+	const s = ton >= 1000 ? 1.25 : ton >= 800 ? 1.15 : ton >= 600 ? 1.05 : 0.95;
+	const w = 7.5 * s, d = 8.5 * s;
+
+	const ped = new THREE.Mesh( new THREE.BoxGeometry( w, 1.4, d ), matPedestal );
+	ped.position.y = 0.7; ped.castShadow = true; ped.receiveShadow = true;
+	const stripe = new THREE.Mesh( new THREE.BoxGeometry( w + 0.3, 0.5, d + 0.3 ), matYellow );
+	stripe.position.y = 1.45; stripe.castShadow = true;
+	const lower = new THREE.Mesh( new THREE.BoxGeometry( w * 0.86, 6.5 * s, d * 0.7 ), matBlue );
+	lower.position.y = 1.4 + 3.25 * s; lower.castShadow = true; lower.receiveShadow = true;
+	const upper = new THREE.Mesh( new THREE.BoxGeometry( w * 0.86, 5.5 * s, d * 0.7 ), matWhite );
+	upper.position.y = 1.4 + 6.5 * s + 2.75 * s; upper.castShadow = true; upper.receiveShadow = true;
+	const slot = new THREE.Mesh( new THREE.BoxGeometry( w * 0.6, 3 * s, d * 0.75 ), matDark );
+	slot.position.set( 0, 1.4 + 2.4 * s, 0 ); slot.castShadow = true;
+	const crown = new THREE.Mesh( new THREE.BoxGeometry( w, 2.6 * s, d ), matCrown );
+	crown.position.y = 1.4 + 12 * s + 1.3 * s; crown.castShadow = true; crown.receiveShadow = true;
+
+	g.add( ped, stripe, lower, upper, slot, crown );
+
+	const btop = 1.4 + 12 * s + 2.6 * s + 1.6;
+	const { mesh: beacon, pole } = makeBeacon( resolveStatus( params ), btop );
+	g.add( pole, beacon );
+
+	g.position.set( x, 0, z );
+	g.userData = {
+		type: 'machine',
+		name: params.name || ( 'Press ' + ton + 'T' ),
+		ton,
+		status: beacon.userData.status
+	};
+	beacon.userData.status = g.userData.status;
+	return g;
+
+}
+
+function createSinglePress( x = 0, z = 0, params = {} ) {
+
+	const ton = params.ton || 100;
+	const g = new THREE.Group();
+	smallBox( g, 6, 7, 6, matWhite, matBlue );
+	const { mesh: beacon, pole } = makeBeacon( resolveStatus( params ), 8 );
+	g.add( pole, beacon );
+	g.position.set( x, 0, z );
+	g.userData = {
+		type: 'machine',
+		name: params.name || ( 'Single Press ' + ton + 'T' ),
+		ton,
+		status: beacon.userData.status
+	};
+	beacon.userData.status = g.userData.status;
+	return g;
+
+}
+
+function createAmada( x = 0, z = 0, params = {} ) {
+
+	const g = new THREE.Group();
+	smallBox( g, 8, 9, 8, matWhite, matDark );
+	const { mesh: beacon, pole } = makeBeacon( resolveStatus( params ), 10 );
+	g.add( pole, beacon );
+	g.position.set( x, 0, z );
+	g.userData = {
+		type: 'machine',
+		name: params.name || 'Amada',
+		status: beacon.userData.status
+	};
+	beacon.userData.status = g.userData.status;
+	return g;
+
+}
+
+function createCompressor( x = 0, z = 0, params = {} ) {
+
+	const g = new THREE.Group();
+	const tank = new THREE.Mesh( new THREE.CylinderGeometry( 2.6, 2.6, 10, 24 ), matSteel );
+	tank.position.y = 5; tank.castShadow = true;
+	const cap = new THREE.Mesh( new THREE.SphereGeometry( 2.6, 20, 12, 0, 6.28, 0, 1.57 ), matSteel );
+	cap.position.y = 10;
+	const unit = new THREE.Mesh( new THREE.BoxGeometry( 5, 4, 4 ), matBlue );
+	unit.position.set( 4, 2, 0 ); unit.castShadow = true;
+	g.add( tank, cap, unit );
+	const { mesh: beacon, pole } = makeBeacon( resolveStatus( params ), 12 );
+	g.add( pole, beacon );
+	g.position.set( x, 0, z );
+	g.userData = {
+		type: 'machine',
+		name: params.name || 'Air Compressor',
+		press: '8.0 bar',
+		status: beacon.userData.status
+	};
+	beacon.userData.status = g.userData.status;
+	return g;
+
+}
+
+function createCoilLine( x = 0, z = 0, params = {} ) {
+
+	const g = new THREE.Group();
+	smallBox( g, 6, 7, 7, matWhite, matBlue );
+	const coil = new THREE.Mesh( new THREE.CylinderGeometry( 2.4, 2.4, 4, 20 ), matSteel );
+	coil.rotation.z = Math.PI / 2;
+	coil.position.set( - 5.5, 3, 0 );
+	coil.castShadow = true;
+	g.add( coil );
+	const { mesh: beacon, pole } = makeBeacon( resolveStatus( params ), 10 );
+	g.add( pole, beacon );
+	g.position.set( x, 0, z );
+	g.userData = {
+		type: 'machine',
+		name: params.name || 'Coil Line 600T',
+		status: beacon.userData.status
+	};
+	beacon.userData.status = g.userData.status;
+	return g;
+
+}
+
+const BUILTIN_PRESETS = {
+	'press-machine': createPressMachine,
+	'single-press': createSinglePress,
+	'amada': createAmada,
+	'compressor': createCompressor,
+	'coil-line': createCoilLine
+};
+
+const PRESETS = Object.assign( {}, BUILTIN_PRESETS );
+
+let _registered = false;
+function registerBuiltinPresets() {
+
+	if ( _registered ) return PRESETS;
+	_registered = true;
+	Object.assign( PRESETS, BUILTIN_PRESETS );
+	return PRESETS;
+
+}
+
+function registerPreset( name, factory ) {
+
+	if ( typeof factory !== 'function' ) throw new Error( 'registerPreset: factory must be a function' );
+	PRESETS[ name ] = factory;
+	return PRESETS;
+
+}
+
+function createPreset( name, x = 0, z = 0, params ) {
+
+	const factory = PRESETS[ name ] || BUILTIN_PRESETS[ name ];
+	if ( ! factory ) {
+
+		console.warn( 'createPreset: unknown preset "' + name + '"' );
+		return null;
+
+	}
+	return factory( x, z, params || {} );
+
+}
+
+export {
+	PRESETS,
+	BUILTIN_PRESETS,
+	STATUS_COLOR,
+	registerBuiltinPresets,
+	registerPreset,
+	createPreset,
+	createPressMachine,
+	createSinglePress,
+	createAmada,
+	createCompressor,
+	createCoilLine
+};