chore: clean up sandbox

Author: nartc

apps/sandbox/src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component, Type, ViewChild, ViewContainerRef, effect, signal } from '@angular/core';
-import { NgtCanvas, NgtKey, extend } from 'angular-three';
+import { extend } from 'angular-three';
 import { NgtsLoader } from 'angular-three-soba/loaders';
 import * as THREE from 'three';
 import { AviatorCanvas } from './aviator/canvas.component';
@@ -23,7 +23,7 @@ type AvailableCanvas = (typeof availableCanvases)[number];
 
 @Component({
 	standalone: true,
-	imports: [NgtCanvas, NgtKey, NgtsLoader],
+	imports: [NgtsLoader],
 	selector: 'sandbox-root',
 	template: `
 		<ng-container #anchor />
@@ -36,7 +36,7 @@ type AvailableCanvas = (typeof availableCanvases)[number];
 	},
 })
 export class AppComponent {
-	canvas = signal<AvailableCanvas>('aviator');
+	canvas = signal<AvailableCanvas>('cannon');
 
 	@ViewChild('anchor', { static: true, read: ViewContainerRef }) vcr!: ViewContainerRef;
 

apps/sandbox/src/app/cannon/scene.component.ts

@@ -11,26 +11,26 @@ import { injectBox, injectPlane } from 'angular-three-cannon/services';
 	standalone: true,
 	template: `
 		<ngt-mesh [ref]="planeApi.ref" [receiveShadow]="true">
-			<ngt-plane-geometry *args="[1000, 1000]" />
+			<ngt-plane-geometry *args="planeArgs" />
 			<ngt-mesh-standard-material color="#171717" />
 		</ngt-mesh>
 	`,
 	imports: [NgtArgs],
 	schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
 export class Plane {
-	Math = Math;
 	@Input() position: Triplet = [0, 0, 0];
+	planeArgs = [1000, 1000];
 
-	planeApi = injectPlane(() => ({ mass: 0, position: this.position, args: [1000, 1000] }));
+	planeApi = injectPlane(() => ({ mass: 0, position: this.position, args: this.planeArgs }));
 }
 
 @Component({
 	selector: 'app-box',
 	standalone: true,
 	template: `
 		<ngt-mesh [ref]="boxApi.ref" [receiveShadow]="true" [castShadow]="true">
-			<ngt-box-geometry *args="[2, 2, 2]" />
+			<ngt-box-geometry *args="boxArgs" />
 			<ngt-mesh-standard-material [roughness]="0.5" color="#575757" />
 		</ngt-mesh>
 	`,
@@ -39,8 +39,9 @@ export class Plane {
 })
 export class Box {
 	@Input() position: Triplet = [0, 0, 0];
+	boxArgs: Triplet = [2, 2, 2];
 
-	boxApi = injectBox(() => ({ mass: 10000, position: this.position, args: [2, 2, 2] }));
+	boxApi = injectBox(() => ({ mass: 10000, position: this.position, args: this.boxArgs }));
 }
 
 @Component({