diff --git a/src/app/puzzle-view/puzzle-view.component.html b/src/app/puzzle-view/puzzle-view.component.html index a1681d1..ec8f956 100644 --- a/src/app/puzzle-view/puzzle-view.component.html +++ b/src/app/puzzle-view/puzzle-view.component.html @@ -7,7 +7,6 @@

diff --git a/src/app/puzzle-view/puzzle-view.component.ts b/src/app/puzzle-view/puzzle-view.component.ts index dfe21f5..ed724de 100644 --- a/src/app/puzzle-view/puzzle-view.component.ts +++ b/src/app/puzzle-view/puzzle-view.component.ts @@ -28,7 +28,6 @@ import * as SOLVER from '../solver/puzzle'; styleUrls: ['./puzzle-view.component.scss'], }) export class PuzzleViewComponent implements OnInit, AfterViewInit { - public puzzleId: string; public puzzleInfo?: PuzzleInfo; public puzzleConfiguration: PuzzleConfiguration = new PuzzleConfiguration( @@ -48,14 +47,14 @@ export class PuzzleViewComponent implements OnInit, AfterViewInit { private router: Router ) { this.route.params.subscribe((params) => { - this.puzzleId = params['puzzleId']; + let puzzleId: string = params['puzzleId']; - if (this.dataSource.puzzles.has(this.puzzleId)) { - this.puzzleInfo = this.dataSource.puzzles.get(this.puzzleId)!; + if (this.dataSource.puzzles.has(puzzleId)) { + this.puzzleInfo = this.dataSource.puzzles.get(puzzleId)!; if (this.puzzleInfo!.type == PuzzleType.BROKEN) { this.puzzleConfiguration = new PuzzleConfiguration( - this.puzzleInfo.type, + PuzzleType.BROKEN, [] ); } else { @@ -71,7 +70,6 @@ export class PuzzleViewComponent implements OnInit, AfterViewInit { ); if (this.afterInit) { - //this.someElement.puzzleInfo = this.puzzleInfo!; this.solvePuzzle(); } } @@ -85,19 +83,13 @@ export class PuzzleViewComponent implements OnInit, AfterViewInit { }); } - ngOnInit(): void { - var self = this; - - console.log('Init'); - } + ngOnInit(): void {} ngAfterViewInit(): void { this.afterInit = true; - if (this.puzzleInfo != null) { - this.someElement.puzzleInfo = this.puzzleInfo!; + if (this.puzzleInfo) { this.solvePuzzle(); } - this.someElement.startView(); } configurationChange(index: number) { diff --git a/src/app/three-dview/three-dview.component.ts b/src/app/three-dview/three-dview.component.ts index 832e79b..7073b62 100644 --- a/src/app/three-dview/three-dview.component.ts +++ b/src/app/three-dview/three-dview.component.ts @@ -34,7 +34,9 @@ export class ThreeDViewComponent implements OnInit, AfterViewInit, OnChanges { ngOnInit(): void {} - ngAfterViewInit(): void {} + ngAfterViewInit(): void { + this.loadTextures(); + } public startView() { this.loadTextures(); @@ -42,26 +44,23 @@ export class ThreeDViewComponent implements OnInit, AfterViewInit, OnChanges { ngOnChanges(changes: SimpleChanges) { if (changes && changes['puzzleInfo']) { - if (this.puzzleInfo && this.camera && this.scene) { - this.loadBackground(); - this.buildDirectionArray(); - this.removeInteraction(); - this.reCreateScene(); - this.createCamera(); - this.createInteractionManager(); - this.addInteraction(); - this.renderer.render(this.scene, this.camera); - } else { + if (this.puzzleInfo) { this.loadBackground(); + if (this.camera && this.scene) { + this.buildDirectionArray(); + this.removeInteraction(); + this.reCreateScene(); + this.createCamera(); + this.createInteractionManager(); + this.addInteraction(); + this.renderer.render(this.scene, this.camera); + } } } } private cubeDirections: Array = []; - @Input('puzzleId') - public puzzleId: string; - @Input() public puzzleInfo: PuzzleInfo | undefined;