@combeenation/3d-viewer 3.0.0-rc2 → 4.0.0-alpha6

package/src/assets/CB-6250/main.js

@@ -1,427 +0,0 @@
-/**
- * @TODO (2) Copy this folder and rename it. Then use the contents to build a new demo.
- */
-
-import { StandardMaterial } from '@babylonjs/core/Materials/standardMaterial';
-import {
-	createButton,
-	createCombobox,
-	createCheckbox
-} from '../ctrls-helper';
-
-import {
-	Emitter,
-	Event,
-	Parameter,
-	Viewer
-} from '../../index';
-
-/**
- * @return {StructureJson}
- */
-export function createSpec() {
-	return {
-		scene: {
-			parameters: {
-				// @TODO (2) Adjust path
-				environment: './assets/_draft/studio.env',
-				meshPicking: true
-			},
-			engine: {
-				antialiasing: true,
-				options: {
-					preserveDrawingBuffer: true,
-					stencil: true,
-				},
-			},
-			scene: {
-				globals: {},
-				lights: {},
-				cameras: {},
-			},
-		},
-		setup: {
-			instances: [
-				{
-					name: 'molto-bido',
-					variant: 'molto-bido',
-					lazy: false,
-					parameters: {
-						visible: true,
-						scaling: '( 1, 1, -1 )',
-						position: '( 0, 0, 0 )',
-						rotation: '( 0, 0, 0 )',
-					},
-				},
-				{
-					name: 'demo',
-					variant: 'demo',
-					lazy: true,
-					//parameters: {
-					//	visible: true,
-					//	scaling: '( .2, .2, .2 )',
-					//	position: '( 0, 0, 0 )',
-					//	rotation: '( 0, 0, 0 )',
-					//},
-				},
-				{
-					name: 'lamp',
-					variant: 'lamp',
-					lazy: true,
-					parameters: {
-						visible: true,
-						scaling: '( 4, 4, 4 )',
-						position: '( 0, 0, 0 )',
-						rotation: '( 0, 0, 0 )',
-					},
-				},
-				{
-					name: 'candle',
-					variant: 'candle',
-					lazy: true,
-				},
-				{
-					name: 'mtron_full',
-					variant: 'mtron_full',
-					lazy: true,
-					//parameters: {
-					//	visible: true,
-					//	scaling: '( .2, .2, .2 )',
-					//	position: '( 0, 0, 0 )',
-					//	rotation: '( 0, 0, 0 )',
-					//},
-				},
-				{
-					name: 'mtron_split_geometry',
-					variant: 'mtron_split_geometry',
-					lazy: true,
-					//parameters: {
-					//	visible: true,
-					//	scaling: '( .2, .2, .2 )',
-					//	position: '( 0, 0, 0 )',
-					//	rotation: '( 0, 0, 0 )',
-					//},
-				},
-				{
-					name: 'mtron_split_material',
-					variant: 'mtron_split_material',
-					lazy: true,
-					//parameters: {
-					//	visible: true,
-					//	scaling: '( .2, .2, .2 )',
-					//	position: '( 0, 0, 0 )',
-					//	rotation: '( 0, 0, 0 )',
-					//},
-				},
-			],
-		},
-		variants: {
-			"molto-bido": {
-				glTF: './assets/CB-6250/models/molto-bido.glb',
-				parameterDeclaration: {
-					ShowBaldachin1: { type: 'boolean' },
-					ShowBaldachin2: { type: 'boolean' },
-				},
-				parameters: {
-					ShowBaldachin1: true,
-					[`Baldachin1.${Parameter.VISIBLE}`]: '${ShowBaldachin1}',
-					[`Baldachin1Wires.${Parameter.VISIBLE}`]: '${ShowBaldachin1}',
-					ShowBaldachin2: false,
-					[`Baldachin2.${Parameter.VISIBLE}`]: '${ShowBaldachin2}',
-					[`Baldachin2Wires.${Parameter.VISIBLE}`]: '${ShowBaldachin2}',
-				},
-				elements: {
-					Baldachin1: [`__root__.Bido_Round.Baldachin.Baldachin_1`],
-					Baldachin1Wires: [`__root__.Bido_Round.Lights.wire`],
-
-					Baldachin2: [`__root__.Bido_Round.Baldachin.Baldachin_2_Suspension`],
-					Baldachin2Wires: [`__root__.Bido_Round.Lights.wireSmall`],
-				},
-			},
-			"demo": {
-				glTF: './assets/_draft/models/_demo.glb',
-				elements: {
-					All: ['__root__'],
-				},
-				parameters: {
-					color:               '#ff0000',
-//					material:            'lambert2',
-//					'material.color':    '(255,0,0)',
-					'highlight.enabled': true,
-				},
-			},
-			"lamp": {
-				glTF: {
-					rootUrl:  './assets/CB-6250/models/',
-					fileName: 'lamp.glb'
-				},
-				elements: {
-					Base_matCOB: {
-						paths: { include: ['__root__.Einbau.COB_LED'] },
-					},
-					Base_matHousing: {
-						paths: {
-							include: [
-								'__root__.Einbau.Housing',
-								'__root__.Einbau.Housing1',
-								'__root__.Einbau.Housing2',
-								'__root__.Einbau.Housing3',
-							],
-						},
-					},
-					Base_matReflector: {
-						paths: {
-							include: [
-								'__root__.Einbau.COB_Halter',
-								'__root__.Einbau.LEDHalter'
-							]
-						},
-					},
-					/*
-					Base_matMetal: {
-						paths: {
-							include: ['__root__.Einbau.Klammer11',
-								'__root__.Einbau.Klammer22'
-							]
-						},
-					},
-					RingLens_Long: { paths: { include: ['__root__.EinbauLong.RingLens_Long'], }, },
-					RingRefl_Long: { paths: { include: ['__root__.EinbauLong.RingRefl_Long'], }, },
-					LongSpotlight_matHousing: { paths: { include: ['__root__.EinbauLong.HousingLong'] }, },
-					ReflektorAsym: {
-						paths: {
-							include: ['__root__.Einbau.ReflektorAsym',
-								'__root__.Einbau.ReflektorAsym_1'
-							]
-						},
-					},
-					ReflektorHE_B: { paths: { include: ['__root__.Einbau.ReflektorHE_B'] }, },
-					CobLinse: { paths: { include: ['__root__.Einbau.COB_Lens'] }, },
-					RingLensAcc: { paths: { include: ['__root__.Einbau.RingLensAcc'] }, },
-					RingLensAccLong: { paths: { include: ['__root__.EinbauLong.RingLensAcc_Long'] }, },
-					RingLensOAcc: { paths: { include: ['__root__.Einbau.RingLensOAcc'] }, },
-					RingReflAcc: { paths: { include: ['__root__.Einbau.RingReflAcc'] }, },
-					RingReflAccLong: {
-						paths: { include: ['__root__.EinbauLong.RingReflAcc_Long'] },
-					},
-					RingReflOAcc: {
-						paths: { include: ['__root__.Einbau.RingReflOAcc'] },
-					},
-					SafetyGlass: {
-						paths: { include: ['__root__.Einbau.SafetyGlass'] },
-					},
-					SpreadLensCOBH: {
-						paths: { include: ['__root__.Einbau.SpreadLensLensH'] },
-					},
-					SpreadLensCOBV: {
-						paths: { include: ['__root__.Einbau.SpreadLensLensV'] },
-					},
-					SpreadLensReflH: {
-						paths: { include: ['__root__.Einbau.SpreadLensReflH'] },
-					},
-					SpreadLensReflV: {
-						paths: { include: ['__root__.Einbau.SpreadLensReflV'] },
-					},
-					WabenrasterCOBL: {
-						paths: { include: ['__root__.Einbau.WabenrasterCOB'] },
-					},
-					WabenrasterRefl: {
-						paths: { include: ['__root__.Einbau.WabenrasterRefl'] },
-					},
-					//*/
-				}
-			},
-			"candle": {
-				glTF: {
-					rootUrl: "assets/CB-6250/models/",
-					fileName: "candle.glb"
-				},
-				elements: {
-					All: ['__root__'],
-					/*paths: {
-						include: [
-							"__root__.RootNode.KGL_docht",
-							"__root__.RootNode.KGL_docht1",
-							"__root__.RootNode.KGL_wax_sides",
-							"__root__.RootNode.KGL_wax_top"
-						]
-					}*/
-				}
-			},
-			"mtron_full": {
-				glTF: './assets/CB-6250/models/mtron.glb',
-				parameters: {
-					color:               '#ff0000',
-//					material:            'lambert2',
-//					'material.color':    '(255,0,0)',
-					'highlight.enabled': true,
-				},
-				/*
-				elements: {
-					All: ['__root__'],
-				},//*/
-				/*
-				elements: {
-					//Foo: ['__root__.Raum.Boden'],
-					//Bar: ['__root__.Raum.Wand'],
-					aussenEdelstahl0: ['__root__.GP1.Aussen.AussenEdelstahl.aussenEdelstahl0'],
-				},//*/
-				//*
-				elements: {
-					aussenEdelstahl0: ['__root__.GP1.Aussen.AussenEdelstahl.aussenEdelstahl0'],
-					Floor: ['__root__.Raum.Boden'],
-					Wall: ['__root__.Raum.Wand'],
-					StaircaseOriginal: ['__root__.Raum.Stiegen.stiegeA0', '__root__.Raum.Stiegen.stiegeB0'],
-					StaircaseInstanced: {
-						paths: {
-							include: ['__root__.Raum.Stiegen'],
-							exclude: ['__root__.Raum.Stiegen.stiegeA0', '__root__.Raum.Stiegen.stiegeB0'],
-						},
-					},
-					AussenEdelstahl: ['__root__.GP1.Aussen.AussenEdelstahl'],
-					Exterior: [
-						'__root__.GP1.Aussen.AussenGlas.AussenGlasA',
-						'__root__.GP1.Aussen.AussenGlas.AussenGlasB',
-						'__root__.GP1.Aussen.AussenGlas.AussenGlasC',
-						'__root__.GP1.Aussen.AussenGlas.AussenGlasD',
-						'__root__.GP1.Aussen.AussenGlas.AussenGlasE',
-						'__root__.GP1.Aussen.AussenGlas.AussenGlasEck',
-					],
-					AussenGlasFolie: [
-						'__root__.GP1.Aussen.AussenGlasfolie.AussenGlasfolieA',
-						'__root__.GP1.Aussen.AussenGlasfolie.AussenGlasfolieB',
-						'__root__.GP1.Aussen.AussenGlasfolie.AussenGlasfolieC',
-						'__root__.GP1.Aussen.AussenGlasfolie.AussenGlasfolieD',
-						'__root__.GP1.Aussen.AussenGlasfolie.aussenGlasfolieE0',
-						'__root__.GP1.Aussen.AussenGlasfolie.aussenGlasfolieEck0',
-						'__root__.GP1.Aussen.AussenGlasfolie.aussenGlasfolieOhneEck0',
-					],
-					AussenGummi: ['__root__.GP1.Aussen.AussenGummi'],
-					AussenPunkthalter: ['__root__.GP1.Aussen.AussenPunkthalter'],
-					FrontSheetMetal: ['__root__.GP1.FrontBlech.FrontBleche'],
-					FrontSheetMetalPainted: ['__root__.GP1.FrontBlech.FrontBlechStahlLackiert'],
-					FrontGlassStatic: [
-						'__root__.GP1.FrontGlas.FrontGlasEdelstahlK',
-						'__root__.GP1.FrontGlas.FrontGlasEdelstahlV',
-						'__root__.GP1.FrontGlas.FrontGlasGlasfolie',
-						'__root__.GP1.FrontGlas.FrontGlasGummi',
-						'__root__.GP1.FrontGlas.FrontGlasStahlLackiert',
-						'__root__.GP1.FrontGlas.FrontGlasStahlVerzinkt',
-					],
-					FrontGlassGlass: ['__root__.GP1.FrontGlas.FrontGlasScheiben'],
-					FrontFrameStatic: [
-						'__root__.GP1.FrontZarge.FrontZargenEdelstahlK',
-						'__root__.GP1.FrontZarge.FrontZargenEdelstahlV',
-						'__root__.GP1.FrontZarge.FrontZargenGlasfolie',
-						'__root__.GP1.FrontZarge.FrontZargenGummi',
-						'__root__.GP1.FrontZarge.FrontZargenStahlLackiert',
-					],
-					FrontFrameGlass: ['__root__.GP1.FrontZarge.FrontZargenGlasScheiben'],
-					FrontFrameDynamic: ['__root__.GP1.FrontZarge.FrontZargen'],
-					UniversalDoorMeshes: [
-						'__root__.GP1.Tueren.TuerenAlu',
-						'__root__.GP1.Tueren.TuerenEdelstahlH',
-						'__root__.GP1.Tueren.TuerenEdelstahlV',
-						'__root__.GP1.Tueren.TuerenStahlVerzinkt',
-					],
-					Glassdoor: ['__root__.GP1.Tueren.TuerenGlas'],
-					Metaldoor: ['__root__.GP1.Tueren.TuerenNormal'],
-					StepoverPlate: ['__root__.GP1.Uebertrittsbleche'],
-					Handrail: ['__root__.GP1.Handlauf'],
-					StakoStahlLackiert: ['__root__.GP1.Stako.StakoStahlLackiert'],
-					StakoStahlVerzinkt: ['__root__.GP1.Stako.StakoStahlVerzinkt'],
-				},//*/
-			},
-			"mtron_split_geometry": {
-				glTF: './assets/CB-6250/models/mtron_split_geometry.glb',
-				elements: {
-					All: ['__root__'],
-				},
-			},
-			"mtron_split_material": {
-				glTF: './assets/CB-6250/models/mtron_split_material.glb',
-				elements: {
-					All: ['__root__'],
-				},
-			},
-		},
-	};
-}
-
-/**
- * Called right after the viewer has been bootstrapped.
- * Place for project specific code.
- *
- * @param {Viewer} viewer
- */
-export async function createUIelements( viewer ) {
-	// Option keys are variant instance names
-	const options = {
-		"molto-bido": 'Moltomova Bido',
-		"demo": 'Demo',
-		"lamp": 'Molotomova RC65',
-		"candle": 'Kerze',
-		"mtron_full": 'MTron full model',
-		"mtron_split_geometry": 'MTron geometry only',
-		"mtron_split_material": 'MTron material only',
-	}
-
-	console.time(`loading-instance-init`)
-	await viewer.variantInstances.show( "molto-bido", true );
-	console.timeEnd(`loading-instance-init`)
-
-	// (i) Creates the combo box and loads the instances
-	createCombobox(
-		'select-instance',
-		'🔧',
-		options,
-		instance => switchInstance(viewer, instance)
-	);
-	createCheckbox('baldachin1', 'ShowBaldachin1', true, setBaldachinParam.bind(null, viewer, 'ShowBaldachin1'));
-	createCheckbox('baldachin2', 'ShowBaldachin2', false, setBaldachinParam.bind(null, viewer, 'ShowBaldachin2'));
-}
-
-
-/**
- * @param {Viewer} viewer
- * @param {String} instance
- */
-async function switchInstance( viewer, instance ) {
-	const time = true
-	time && console.time(`loading-instance-selected`)
-	const loadingElement = document.getElementById( 'loading' )
-	loadingElement.style.display = 'block'
-	const res = await viewer.variantInstances.show( instance, true );
-	loadingElement.style.display = 'none';
-	( time && res ) && console.timeEnd(`loading-instance-selected`)
-}
-
-/**
- * @param {Viewer} viewer
- * @param {string} paramName
- * @param {boolean} value
- */
-function setBaldachinParam(viewer, paramName, value) {
-	viewer.variantInstances.commitParameters({ [paramName]: value });
-}
-
-/**
- * Register callback to events that switch variants.
- * (i) This is how you register callbacks to emitted events.
- * @param {Variant} variant
- * @param {string|bool|undefined} valOld
- * @param {string|bool|undefined} valNew
- */
-Emitter.on(Event.VARIANT_PARAMETER_BAG_COMMITTED, async (variant, prev, curr) => {
-	if (
-		'_' !== variant.id
-		&& curr.visible
-	) {
-		// console.info(` --- $event: VARIANT_PARAMETER_BAG_COMMITTED for "${variant.id}"` );
-		//console.info( ' <FROM | TO>', valOld, valNew )
-	}
-});
-
-Emitter.on(Event.BOOTSTRAP_END, async (viewer) => {
-	//await viewer.enableDebugLayer();
-});

package/src/assets/CB-6250/models/.gitkeep

@@ -1 +0,0 @@
-# Just here so we can commit the empty dir in Git

package/src/assets/KTM1290SA/ktm1290SA.ts

@@ -1,77 +0,0 @@
-export const spec: StructureJson = {
-	//scene: 'assets/KTM1290SA/scene.json',
-	scene: '/assets/scene.json',
-	setup: {
-		instances: [
-			{
-				name: 'MyAvatar',
-				variant: 'KTM1290SA.Avatar',
-				lazy: true,
-				parameters: {
-					visible: true,
-					//scaling: '( -3.5, -3.5, -3.5 )',
-					//position: '( 50, 0, 0 )',
-					//rotation: '(0, 0, 0)',
-				},
-			},
-		],
-	},
-	variants: {
-		KTM1290SA: {
-			variants: {
-				Avatar: {
-					glTF: {
-						"rootUrl": "assets/KTM1290SA/",
-						"fileName": "AvatarAdv.glb"
-					},
-					parameters: {
-						'Boots.visible': false,
-						'Gloves.visible': true,
-						'AdvJacket.visible': false,
-						'AdvPantsWithBoots.visible': false,
-						'AdvPantsNoBoots.visible': false,
-						'AdvHelmet.visible': false,
-						'Sneaker.visible': true,
-						'Shirt.visible': true,
-						'Jeans.visible': true,
-						'HandsOnly.visible': false,
-					},
-					elements: {
-						Base: {
-							paths: {
-								include: ['__root__.avatar_adv'],
-								exclude: [
-									'__root__.avatar_adv.adv_boot_left',
-									'__root__.avatar_adv.adv_boot_right',
-									'__root__.avatar_adv.avatar_adv_outfit_feet_only',
-									'__root__.avatar_adv.adv_glove_l',
-									'__root__.avatar_adv.adv_glove_r',
-									'__root__.avatar_adv.adv_jacket',
-									'__root__.avatar_adv.adv_pants_with_boots',
-									'__root__.avatar_adv.adv_pants_no_boots',
-									'__root__.avatar_adv.sneaker_l',
-									'__root__.avatar_adv.sneaker_r',
-									'__root__.avatar_adv.t_shirt',
-									'__root__.avatar_adv.jeans',
-									'__root__.avatar_adv.adv_helmet',
-									'__root__.avatar_adv.avatar_adv_outfit_hands_only',
-									'__root__.avatar_adv.avatar_adv_outfit_no_feet',
-								],
-							},
-						},
-						HandsOnly: ['__root__.avatar_adv.avatar_adv_outfit_hands_only'],
-						Sneaker: ['__root__.avatar_adv.sneaker_l', '__root__.avatar_adv.sneaker_r'],
-						Shirt: ['__root__.avatar_adv.t_shirt'],
-						Jeans: ['__root__.avatar_adv.jeans'],
-						Boots: ['__root__.avatar_adv.adv_boot_left', '__root__.avatar_adv.adv_boot_right'],
-						Gloves: ['__root__.avatar_adv.adv_glove_l', '__root__.avatar_adv.adv_glove_r'],
-						AdvJacket: ['__root__.avatar_adv.adv_jacket'],
-						AdvPantsWithBoots: ['__root__.avatar_adv.adv_pants_with_boots'],
-						AdvPantsNoBoots: ['__root__.avatar_adv.adv_pants_no_boots'],
-						AdvHelmet: ['__root__.avatar_adv.adv_helmet'],
-					},
-				},
-			},
-		},
-	},
-};

package/src/assets/KTM1290SA/scene.json

@@ -1,16 +0,0 @@
-{
-	"version": "1.0-dev",
-	"parameters": {
-		"environment": "/assets/environment.env",
-		"environment.rotation": 149
-	},
-	"engine": {
-		"antialiasing": true
-	},
-	"scene": {
-		"globals": {
-			"aa": "fxaa"
-		},
-		"cameras": {}
-	}
-}

package/src/assets/_draft/main.js

@@ -1,117 +0,0 @@
-/**
- * @TODO (2) Copy this folder and rename it. Then use the contents to build a new demo.
- */
-
-import {
-	createButton,
-	createCombobox,
-} from '../ctrls-helper';
-import {
-	Emitter,
-	Event,
-	Viewer
-} from '../../index';
-
-/**
- * @return {StructureJson}
- */
-export function createSpec() {
-	return {
-		scene: {
-			parameters: {
-				// @TODO (2) Adjust path
-				environment: './assets/_draft/studio.env',
-			},
-			engine: {
-				antialiasing: true,
-				options: {
-					preserveDrawingBuffer: true,
-					stencil: true,
-				},
-			},
-			scene: {
-				globals: {},
-				lights: {},
-				cameras: {},
-			},
-		},
-		setup: {
-			instances: [
-				{
-					// @TODO (2.2) Add instances and set correct variant names.
-					name: '_TODO_InstanceName',
-					variant: '_TODO_VariantName',
-					lazy: false,
-					parameters: {
-						visible: true,
-						scaling: '( 1, 1, 1 )',
-						position: '( 0, 0, 0 )',
-						rotation: '( 0, 0, 0 )',
-					},
-				},
-			],
-		},
-		variants: {
-			// @TODO (2.1) Add variants.
-			"_TODO_VariantName": {
-				glTF: './assets/_draft/models/_demo.glb',
-				elements: {
-					All: ['__root__.186'],
-				},
-			},
-		},
-	};
-}
-
-/**
- * Called right after the viewer has been bootstrapped.
- * Place for project specific code.
- *
- * @param {Viewer} viewer
- */
-export async function createUIelements( viewer ) {
-	// @TODO (2.3) Adjust variant names to switch between variants during testing.
-	const options = {
-		"_TODO_InstanceName": 'VariantName\nSwitch to Instance 1',
-		//"_TODO_InstanceName-2": 'VariantName-2\nSwitch to Instance 2',
-	};
-
-	for ( const instance of Object.keys( options ) ) {
-		await viewer.variantInstances.show( instance, false );
-	}
-	// (i) Creates the combo box and loads the instances
-	createCombobox(
-		'SelectInstanceCb',
-		'🔧',
-		options,
-		value => _loadInstance(viewer, value)
-	);
-	createButton('demo', '💡 Demo', () => console.info(' --- Button clicked. ---'))
-}
-
-
-/**
- * @param {Viewer} viewer
- * @param {String} instance
- */
-async function _loadInstance( viewer, instance ) {
-	console.info( ` --- Loading Instance ${instance}… +++` );
-	await viewer.variantInstances.show( instance, true );
-}
-
-/**
- * Register callback to events that switch variants.
- * (i) This is how you register callbacks to emitted events.
- * @param {Variant} variant
- * @param {string|bool|undefined} valOld
- * @param {string|bool|undefined} valNew
- */
-Emitter.on(Event.VARIANT_PARAMETER_BAG_COMMITTED, async (variant, valOld, valNew) => {
-	if (
-		'_' !== variant.id
-		&& valNew.visible
-	) {
-		console.info(` --- $event: VARIANT_PARAMETER_BAG_COMMITTED for "${variant.id}"` );
-		variant.viewer.autofocusActiveCamera();
-	}
-});

package/src/assets/_draft/models/.gitkeep

@@ -1 +0,0 @@
-# Just here so we can commit the empty dir in Git

package/src/assets/bike/complete.json

@@ -1,19 +0,0 @@
-{
-	"glTF": {
-		"rootUrl": "assets/bike/",
-		"fileName": "CompleteBike_Optim_986K_01.glb"
-	},
-	"elements": {
-		"Root": {
-			"paths": {
-				"include": [
-					"__root__.Node"
-				]
-			}
-		}
-	},
-	"parameters": {
-		"highlight.enabled": true,
-		"highlight.color": "(0,255,255)"
-	}
-}

package/src/assets/bike/index.json

@@ -1,9 +0,0 @@
-{
-	"scene": "/assets/scene.json",
-	"variants": {
-		"complete":{
-			"file": "/assets/bike/complete.json"
-		}
-	},
-	"setup": "/assets/bike/setup.json"
-}