feat: move camere on focus mode

src/blueprints/experiences/scene-component.blueprint.ts

@@ -9,10 +9,8 @@ import {
 	Line,
 	BufferGeometry,
 	LineBasicMaterial,
-	Color,
 } from "three";
 import type { GLTF } from "three/examples/jsm/loaders/GLTFLoader";
-import type { gsap } from "gsap";
 
 // BLUEPRINTS
 import { ExperienceBasedBlueprint } from "./experience-based.blueprint";
@@ -32,10 +30,10 @@ import type {
 	ModelChildrenMaterials,
 } from "~/common/experiences/experience-world.model";
 import type { NavigationView } from "~/common/experiences/navigation.model";
+import type { SelectableObject } from "~/common/experiences/interaction.model";
 
 // CONFIG
 import { Config } from "~/config";
-import type { SelectableObject } from "~/common/experiences/interaction.model";
 
 // TODO: Link with the names of assets in the `app.loader` assets names
 export interface SceneBlueprintProps {

src/common/experiences/interaction.model.ts

@@ -7,6 +7,8 @@ export interface SelectableObject {
 	focusPoint?: Vector3;
 	focusTarget?: Vector3;
 	focusFov?: number;
+	focusRadius?: number;
+	focusOffset?: Vector3;
 	onFocusedIn?: () => unknown;
 	onFocusedOut?: () => unknown;
 }

src/content/index.md → src/content/content.md

@@ -1,6 +1,6 @@
 # Nuxt Content
 
-This page corresponds to the `/` route of your website. You can delete it or create another file in the `content/` directory.
+This page corresponds to the `/content` route of your website. You can delete it or create another file in the `content/` directory.
 
 Try to navigate to [/about](/about). These 2 pages are rendered by the `pages/[...slug].vue` component.
 

src/experiences/home/index.ts

@@ -128,6 +128,7 @@ export class HomeExperience extends ExperienceBlueprint {
 			this.cameraAnimation?.update();
 			this.navigation?.update();
 			this.composer?.update();
+			this.interactions?.update();
 			this.renderer?.update();
 			this.debug?.update();
 		} catch (_) {