diff options
Diffstat (limited to 'src/client/app/common/scripts')
| -rw-r--r-- | src/client/app/common/scripts/room/room.ts | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/src/client/app/common/scripts/room/room.ts b/src/client/app/common/scripts/room/room.ts index 38bd692671..5506e5e653 100644 --- a/src/client/app/common/scripts/room/room.ts +++ b/src/client/app/common/scripts/room/room.ts @@ -37,6 +37,7 @@ export class Room { private selectedObject: THREE.Object3D = null; private onChangeSelect: Function; private isTransformMode = false; + private renderFrameRequestId: number; public canvas: HTMLCanvasElement; private get furnitures(): Furniture[] { @@ -299,7 +300,8 @@ export class Room { @autobind private renderWithoutPostFXs() { - requestAnimationFrame(this.renderWithoutPostFXs); + this.renderFrameRequestId = + window.requestAnimationFrame(this.renderWithoutPostFXs); // Update animations const clock = this.clock.getDelta(); @@ -313,7 +315,8 @@ export class Room { @autobind private renderWithPostFXs() { - requestAnimationFrame(this.renderWithPostFXs); + this.renderFrameRequestId = + window.requestAnimationFrame(this.renderWithPostFXs); // Update animations const clock = this.clock.getDelta(); @@ -688,4 +691,10 @@ export class Room { public findFurnitureById(id: string) { return this.furnitures.find(furniture => furniture.id === id); } + + @autobind + public destroy() { + // Stop render loop + window.cancelAnimationFrame(this.renderFrameRequestId); + } } |