remove dispose

lib/scripts/core/settings.ts

@@ -5,7 +5,7 @@ export const MAX_PIXEL_COUNT = 2560 * 1440;
 const FREE_BLOCKS_COUNT = 12;
 const AUTO_RESTART = true;
 const AUTO_START = false;
-const SHOW_BLOCK = true;
+const SHOW_BLOCK = false;
 const DEFAULT_POSITION = [-20, 18, 20];
 const DEFAULT_LOOKAT_POSITION = [0, 0, 0];
 export const WEBGL_OPTS = { antialias: true, alpha: false, powerPreference: 'low-power' as WebGLPowerPreference };

lib/scripts/tower.ts

@@ -9,7 +9,7 @@ import game from './logic/systemManager.ts';
 import { Background, bgContainer } from './visuals/bg/bg.ts';
 import loader from './core/loader.ts';
 import { OrthographicCamera } from 'three';
-import { canvasSignal, gameEndedSignal } from './logic/signals.ts';
+import { canvasSignal } from './logic/signals.ts';
 
 THREE.ColorManagement.enabled = false;
 
@@ -34,7 +34,7 @@ const TariTower = () => {
 		if (_canvasId && renderer) {
 			renderer.domElement.id = _canvasId;
 			canvas = renderer.domElement;
-			document.body.appendChild(renderer.domElement);
+			document.body.appendChild(canvas);
 
 			renderer.shadowMap.enabled = true;
 			renderer.shadowMap.type = THREE.PCFShadowMap;
@@ -90,6 +90,7 @@ const TariTower = () => {
 		});
 		_canvasId = canvasId;
 		await _handleRenderer();
+
 		await heroBlocks.preload();
 		await blueNoise.preInit();
 		await coins.preload();
@@ -159,13 +160,13 @@ const TariTower = () => {
 		heroBlocks.update(dt);
 		coins.update(dt);
 		background.update(dt);
-
 		renderer.render(properties.scene, camera);
 	}
 	function destroy() {
 		canvas.remove();
-		renderer.dispose();
 		game.resetPostDestroy();
+
+		renderer.state.reset();
 	}
 	return {
 		preload,

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tari-project/tari-tower",
-	"version": "0.0.13",
+	"version": "0.0.14",
 	"private": false,
 	"description": "the tower animation used in Tari Universe",
 	"homepage": "https://github.com/tari-project/tari-tower#readme",