adds new 3D model

This commit is contained in:
Christian Beutel
2024-11-16 01:59:09 +01:00
parent f260b63d43
commit b13686529c
7 changed files with 820 additions and 723 deletions

View File

@@ -1,714 +0,0 @@
<!--
Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
Command: npx @threlte/gltf@2.0.1 static/models/earth.glb
-->
<script lang="ts">
import { theme } from "$lib/stores/theme_store";
import { T, forwardEventHandlers } from "@threlte/core";
import { useGltf } from "@threlte/extras";
import { backInOut } from "svelte/easing";
import { tweened } from "svelte/motion";
import { Group } from "three";
export const ref = new Group();
export let rotation: number = 0;
const gltf = useGltf("/models/earth2.glb");
const component = forwardEventHandlers();
const sunXRotation = tweened($theme == "light" ? 0 : -Math.PI, {
duration: 1000,
easing: backInOut,
});
const sunLightIntensitiy = tweened($theme == "light" ? 1.5 : 0, {
duration: 500,
});
const moonLightIntensitiy = tweened($theme == "dark" ? 3.0 : 0, {
duration: 500,
});
$: sunLightIntensitiy.set($theme == "light" ? 1.5 : 0);
$: moonLightIntensitiy.set($theme == "dark" ? 3.0 : 0);
$: sunXRotation.set($theme == "light" ? 0 : -Math.PI);
</script>
<T is={ref} dispose={false} {...$$restProps} bind:this={$component}>
{#await gltf}
<slot name="fallback" />
{:then gltf}
<!-- Clouds -->
<T.Group rotation={[-rotation / 4, rotation / 4, 0]}>
<T.Mesh
geometry={gltf.nodes.Icosphere002.geometry}
material={gltf.materials.Material}
position={[-0.94, 0.95, -0.12]}
rotation={[2.48, -0.48, 2.24]}
scale={0.65}
castShadow
/>
<T.Mesh
geometry={gltf.nodes.Icosphere003.geometry}
material={gltf.materials.Material}
position={[-0.02, 0.15, 1.33]}
rotation={[-1.67, 0.46, 3.13]}
scale={0.65}
castShadow
/>
<T.Mesh
geometry={gltf.nodes.Icosphere004.geometry}
material={gltf.materials.Material}
position={[0.58, 1.05, -0.6]}
rotation={[2.96, -0.61, -2.59]}
scale={0.65}
castShadow
/>
<T.Mesh
geometry={gltf.nodes.Icosphere005.geometry}
material={gltf.materials.Material}
position={[-1.18, -0.32, 0.56]}
rotation={[-0.57, 0.25, 2.01]}
scale={0.65}
castShadow
/>
<T.Mesh
geometry={gltf.nodes.Icosphere006.geometry}
material={gltf.materials.Material}
position={[0.03, 1.31, -0.54]}
rotation={[2.98, -1.09, -2.9]}
scale={0.9}
castShadow
/>
</T.Group>
<!-- /Clouds -->
<!-- Airplane -->
<T.Group rotation={[0, rotation, rotation]}>
<T.Group position={[0, 1.2, 0]} rotation={[0, 0, 0]} scale={0.78}>
<T.Mesh
geometry={gltf.nodes.Plane005_1.geometry}
material={gltf.materials["Material.006"]}
castShadow
/>
<T.Mesh
geometry={gltf.nodes.Plane005_2.geometry}
material={gltf.materials["Material.007"]}
castShadow
/>
<T.Mesh
geometry={gltf.nodes.Plane005_3.geometry}
material={gltf.materials["Material.008"]}
castShadow
/>
</T.Group>
</T.Group>
<!-- /Airplane -->
<!-- Sun & Moon -->
<T.Group rotation={[$sunXRotation, 0, 0]}>
<T.Mesh
geometry={gltf.nodes.Icosphere007.geometry}
material={gltf.materials["Material.009"]}
position={[0, 2, 0]}
scale={0.88}
>
<T.PointLight position={[0.7, -0.2, 0]} color="#ffffff" intensity={0.5}
></T.PointLight>
<T.DirectionalLight
position={[0, 0, 0]}
color="#ffffff"
intensity={$sunLightIntensitiy}
castShadow
></T.DirectionalLight>
</T.Mesh>
<T.Mesh
geometry={gltf.nodes.Moon01.geometry}
material={gltf.materials["Material.011"]}
position={[0, -2, 0]}
rotation={[Math.PI / 2, 0, Math.PI]}
scale={0.045}
>
<T.PointLight position={[-4, 0, 0]} color="#a2cbf5" intensity={0.1}
></T.PointLight>
<T.DirectionalLight
position={[0, -0.5, 0]}
color="#a2cbf5"
intensity={$moonLightIntensitiy}
castShadow
></T.DirectionalLight>
</T.Mesh>
</T.Group>
<!-- /Sun -->
<T.Group scale={1} rotation.y={rotation}>
<!-- Earth -->
<T.Mesh
geometry={gltf.nodes.Icosphere_1.geometry}
material={gltf.materials["Material.003"]}
receiveShadow
/>
<!-- /Earth -->
<!-- Water -->
<T.Mesh
geometry={gltf.nodes.Icosphere001.geometry}
material={gltf.materials["Material.002"]}
receiveShadow
/>
<!-- /Water -->
<!-- Trees -->
<T.Mesh
geometry={gltf.nodes.Icosphere_2.geometry}
material={gltf.materials["Material.004"]}
/>
<T.Mesh
geometry={gltf.nodes.Plane.geometry}
material={gltf.materials["Material.005"]}
position={[0.36, 0.96, 0.03]}
rotation={[0.09, -0.02, -0.4]}
scale={0.7}
/>
<T.Mesh
geometry={gltf.nodes.Plane001.geometry}
material={gltf.materials["Material.005"]}
position={[0.32, 0.98, -0.03]}
rotation={[-0.08, 0.05, -0.4]}
scale={0.68}
/>
<T.Mesh
geometry={gltf.nodes.Plane002.geometry}
material={gltf.materials["Material.005"]}
position={[0.2, 1.01, -0.05]}
rotation={[-0.08, 0.06, -0.13]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane003.geometry}
material={gltf.materials["Material.005"]}
position={[0.21, 1.01, 0.04]}
rotation={[0.1, 0.03, -0.13]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane004.geometry}
material={gltf.materials["Material.005"]}
position={[0.29, 0.98, 0.12]}
rotation={[0.18, 0.02, -0.24]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane005.geometry}
material={gltf.materials["Material.005"]}
position={[0.26, 0.99, -0.12]}
rotation={[-0.15, 0.1, -0.24]}
scale={0.51}
/>
<T.Mesh
geometry={gltf.nodes.Plane006.geometry}
material={gltf.materials["Material.005"]}
position={[0.39, 0.95, 0.12]}
rotation={[0.11, 0.01, -0.4]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane007.geometry}
material={gltf.materials["Material.005"]}
position={[0.16, 1, 0.19]}
rotation={[0.17, -0.01, -0.24]}
scale={0.51}
/>
<T.Mesh
geometry={gltf.nodes.Plane008.geometry}
material={gltf.materials["Material.005"]}
position={[0.81, 0.69, 0.31]}
rotation={[0.38, -0.13, -0.82]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane009.geometry}
material={gltf.materials["Material.005"]}
position={[0.84, 0.6, 0.39]}
rotation={[0.38, -0.13, -0.82]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane010.geometry}
material={gltf.materials["Material.005"]}
position={[0.88, 0.61, 0.28]}
rotation={[0.26, 0, -0.85]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane011.geometry}
material={gltf.materials["Material.005"]}
position={[0.79, 0.61, -0.5]}
rotation={[-0.07, 0.4, -0.91]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane012.geometry}
material={gltf.materials["Material.005"]}
position={[0.72, 0.68, -0.51]}
rotation={[-0.16, 0.49, -0.75]}
scale={0.51}
/>
<T.Mesh
geometry={gltf.nodes.Plane013.geometry}
material={gltf.materials["Material.005"]}
position={[0.72, 0.61, -0.6]}
rotation={[-0.3, 0.6, -0.74]}
scale={0.61}
/>
<T.Mesh
geometry={gltf.nodes.Plane014.geometry}
material={gltf.materials["Material.005"]}
position={[0.8, 0.65, -0.42]}
rotation={[-0.08, 0.39, -0.9]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane015.geometry}
material={gltf.materials["Material.005"]}
position={[0.81, 0.53, -0.56]}
rotation={[-0.2, 0.55, -1.08]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane016.geometry}
material={gltf.materials["Material.005"]}
position={[0.32, -0.47, 0.96]}
rotation={[1.65, -0.8, -0.42]}
scale={0.53}
/>
<T.Mesh
geometry={gltf.nodes.Plane017.geometry}
material={gltf.materials["Material.005"]}
position={[0.42, -0.49, 0.91]}
rotation={[1.61, -0.78, -0.62]}
scale={0.59}
/>
<T.Mesh
geometry={gltf.nodes.Plane018.geometry}
material={gltf.materials["Material.005"]}
position={[0.29, -0.59, 0.92]}
rotation={[1.87, -0.86, -0.21]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane019.geometry}
material={gltf.materials["Material.005"]}
position={[0.34, -0.54, 0.92]}
rotation={[1.61, -0.78, -0.62]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane020.geometry}
material={gltf.materials["Material.005"]}
position={[0.2, -0.55, 0.95]}
rotation={[1.87, -0.86, -0.21]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane021.geometry}
material={gltf.materials["Material.005"]}
position={[0.33, -0.65, 0.85]}
rotation={[1.79, -0.84, -0.61]}
scale={0.74}
/>
<T.Mesh
geometry={gltf.nodes.Plane022.geometry}
material={gltf.materials["Material.005"]}
position={[0.39, -0.58, 0.87]}
rotation={[1.63, -0.76, -0.6]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane023.geometry}
material={gltf.materials["Material.005"]}
position={[0.46, -0.58, 0.84]}
rotation={[1.63, -0.76, -0.6]}
scale={0.62}
/>
<T.Mesh
geometry={gltf.nodes.Plane024.geometry}
material={gltf.materials["Material.005"]}
position={[0.22, -0.72, 0.82]}
rotation={[2.02, -0.9, -0.38]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane025.geometry}
material={gltf.materials["Material.005"]}
position={[0.11, 0.28, -0.99]}
rotation={[-1.19, 1.03, -0.03]}
scale={0.61}
/>
<T.Mesh
geometry={gltf.nodes.Plane026.geometry}
material={gltf.materials["Material.005"]}
position={[-0.02, 0.28, -0.99]}
rotation={[-1.19, 1.03, -0.03]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane027.geometry}
material={gltf.materials["Material.005"]}
position={[-0.06, 0.14, -1.02]}
rotation={[-1.4, 1.03, 0]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane028.geometry}
material={gltf.materials["Material.005"]}
position={[0.11, 0.14, -1.01]}
rotation={[-1.23, 1.02, -0.3]}
scale={0.5}
/>
<T.Mesh
geometry={gltf.nodes.Plane029.geometry}
material={gltf.materials["Material.005"]}
position={[0.02, 0.16, -1.02]}
rotation={[-1.4, 1.03, 0]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane030.geometry}
material={gltf.materials["Material.005"]}
position={[-0.23, 0.23, -0.98]}
rotation={[-1.85, 0.96, 0.56]}
scale={0.69}
/>
<T.Mesh
geometry={gltf.nodes.Plane031.geometry}
material={gltf.materials["Material.005"]}
position={[-0.11, 0.24, -1]}
rotation={[-1.4, 1.03, 0]}
scale={0.64}
/>
<T.Mesh
geometry={gltf.nodes.Plane032.geometry}
material={gltf.materials["Material.005"]}
position={[-0.19, 0.14, -1]}
rotation={[-1.72, 1.01, 0.3]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane033.geometry}
material={gltf.materials["Material.005"]}
position={[-0.07, 0.02, -1.03]}
rotation={[-1.72, 1.01, 0.3]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane034.geometry}
material={gltf.materials["Material.005"]}
position={[0.06, 0.02, -1.03]}
rotation={[-1.24, 1.01, -0.29]}
scale={0.67}
/>
<T.Mesh
geometry={gltf.nodes.Plane035.geometry}
material={gltf.materials["Material.005"]}
position={[-0.03, -0.12, -1.02]}
rotation={[-1.75, 1.05, 0]}
scale={0.36}
/>
<T.Mesh
geometry={gltf.nodes.Plane036.geometry}
material={gltf.materials["Material.005"]}
position={[-0.2, -0.04, -1.01]}
rotation={[-1.92, 1.03, 0.31]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane037.geometry}
material={gltf.materials["Material.005"]}
position={[-0.3, 0.05, -0.99]}
rotation={[-1.93, 1.03, 0.63]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane038.geometry}
material={gltf.materials["Material.005"]}
position={[-0.37, 0.18, -0.94]}
rotation={[-1.93, 1.03, 0.63]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane039.geometry}
material={gltf.materials["Material.005"]}
position={[-0.48, 0.32, -0.86]}
rotation={[-2.14, 0.89, 1.11]}
scale={0.62}
/>
<T.Mesh
geometry={gltf.nodes.Plane040.geometry}
material={gltf.materials["Material.005"]}
position={[-0.62, 0.08, -0.82]}
rotation={[-2.2, 0.81, 1]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane041.geometry}
material={gltf.materials["Material.005"]}
position={[-0.53, 0.2, -0.86]}
rotation={[-2.2, 0.81, 1]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane042.geometry}
material={gltf.materials["Material.005"]}
position={[-0.45, 0, -0.93]}
rotation={[-2.12, 0.88, 0.79]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane043.geometry}
material={gltf.materials["Material.005"]}
position={[-0.37, -0.11, -0.96]}
rotation={[-2.14, 0.87, 0.49]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane044.geometry}
material={gltf.materials["Material.005"]}
position={[-0.26, -0.18, -0.98]}
rotation={[-2.14, 0.87, 0.49]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane045.geometry}
material={gltf.materials["Material.005"]}
position={[0.47, 0.96, 0.41]}
rotation={[0.36, -0.12, -0.52]}
scale={0.71}
/>
<T.Mesh
geometry={gltf.nodes.Plane046.geometry}
material={gltf.materials["Material.005"]}
position={[0.32, 0.93, 0.58]}
rotation={[0.43, -0.15, -0.35]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane047.geometry}
material={gltf.materials["Material.005"]}
position={[0.49, 0.89, 0.52]}
rotation={[0.43, -0.15, -0.35]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane048.geometry}
material={gltf.materials["Material.005"]}
position={[0.3, 0.85, 0.69]}
rotation={[0.59, -0.2, -0.3]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane049.geometry}
material={gltf.materials["Material.005"]}
position={[0.61, 0.87, 0.41]}
rotation={[0.37, -0.1, -0.52]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane050.geometry}
material={gltf.materials["Material.005"]}
position={[-0.33, 0.77, 0.61]}
rotation={[0.6, 0.15, 0.19]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane051.geometry}
material={gltf.materials["Material.005"]}
position={[-0.48, 0.76, 0.5]}
rotation={[0.28, 0.45, 0.54]}
scale={0.51}
/>
<T.Mesh
geometry={gltf.nodes.Plane052.geometry}
material={gltf.materials["Material.005"]}
position={[-0.37, 0.79, 0.56]}
rotation={[0.32, 0.5, 0.36]}
scale={0.61}
/>
<T.Mesh
geometry={gltf.nodes.Plane053.geometry}
material={gltf.materials["Material.005"]}
position={[-0.37, 0.75, 0.62]}
rotation={[0.79, 0.08, 0.23]}
scale={0.82}
/>
<T.Mesh
geometry={gltf.nodes.Plane054.geometry}
material={gltf.materials["Material.005"]}
position={[-0.23, 0.76, 0.66]}
rotation={[0.59, 0.18, 0.19]}
scale={0.82}
/>
<!-- /Trees -->
<!-- Houses -->
<T.Group
position={[0.45, 0.74, 0.74]}
rotation={[0.73, -0.16, -0.41]}
scale={1.08}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[-0.34, 0.68, 0.7]}
rotation={[0.85, -0.17, 0.24]}
scale={0.81}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[0.83, 0.55, -0.5]}
rotation={[-1.49, -0.47, -1.12]}
scale={0.69}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[0.4, 0.94, -0.09]}
rotation={[-1.02, -1.08, -0.99]}
scale={0.69}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[0.39, -0.42, 0.96]}
rotation={[-0.88, -0.78, -2.72]}
scale={0.69}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[0.81, 0.53, 0.55]}
rotation={[0.32, -0.49, -1.02]}
scale={0.69}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[0.88, 0.51, 0.43]}
rotation={[-0.21, -0.54, -1.21]}
scale={0.69}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[0.86, 0.43, 0.54]}
rotation={[0.32, -0.49, -1.02]}
scale={0.69}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<T.Group
position={[0.77, 0.45, 0.66]}
rotation={[0.68, -0.25, -0.89]}
scale={0.75}
>
<T.Mesh
geometry={gltf.nodes.Plane002_1.geometry}
material={gltf.materials.Material}
/>
<T.Mesh
geometry={gltf.nodes.Plane002_2.geometry}
material={gltf.materials["Material.007"]}
/>
</T.Group>
<!-- /Houses -->
<!-- Boats -->
<T.Group
position={[-0.15, 0.97, 0.21]}
rotation={[0.18, 0.81, 0.13]}
scale={0.79}
castShadow
>
<T.Mesh
geometry={gltf.nodes.Plane003_1.geometry}
material={gltf.materials["Material.009"]}
/>
<T.Mesh
geometry={gltf.nodes.Plane003_2.geometry}
material={gltf.materials.Material}
/>
</T.Group>
<T.Group
position={[0.85, -0.51, -0.16]}
rotation={[-0.62, 0.4, -1.85]}
scale={0.75}
>
<T.Mesh
geometry={gltf.nodes.Plane003_1.geometry}
material={gltf.materials["Material.009"]}
/>
<T.Mesh
geometry={gltf.nodes.Plane003_2.geometry}
material={gltf.materials.Material}
/>
</T.Group>
<!-- /Boats -->
</T.Group>
{:catch error}
<slot name="error" {error} />
{/await}
<slot {ref} />
</T>

View File

@@ -0,0 +1,810 @@
<!--
Auto-generated by: https://github.com/threlte/threlte/tree/main/packages/gltf
Command: npx @threlte/gltf@2.0.1 static/models/mountain.glb
-->
<script lang="ts">
import { Group } from "three";
import { T, forwardEventHandlers } from "@threlte/core";
import { useGltf } from "@threlte/extras";
import { tweened } from "svelte/motion";
import { theme } from "$lib/stores/theme_store";
import { backInOut } from "svelte/easing";
export const ref = new Group();
export let rotation: number = 0;
const gltf = useGltf("/models/mountain.glb");
const component = forwardEventHandlers();
const sunZPosition = tweened($theme == "light" ? 11.7 : -20, {
duration: 1000,
easing: backInOut,
});
$: sunZPosition.set($theme == "light" ? 11.7 : -20);
const moonZPosition = tweened($theme == "dark" ? 14 : -20, {
duration: 1000,
easing: backInOut,
});
$: moonZPosition.set($theme == "dark" ? 14 : -20);
const campfireLightIntensitiy = tweened($theme == "dark" ? 2 : 0, {
duration: 500,
});
$: campfireLightIntensitiy.set($theme == "dark" ? 2 : 0);
const cabinLightIntensitiy = tweened($theme == "dark" ? 4 : 0, {
duration: 400,
});
$: cabinLightIntensitiy.set($theme == "dark" ? 4 : 0);
const sunLightIntensitiy = tweened($theme == "light" ? 2 : 0, {
duration: 500,
});
$: sunLightIntensitiy.set($theme == "light" ? 2 : 0);
const moonLightIntensitiy = tweened($theme == "dark" ? 0.8 : 0, {
duration: 500,
});
$: moonLightIntensitiy.set($theme == "dark" ? 0.8 : 0);
</script>
<T is={ref} dispose={false} {...$$restProps} bind:this={$component}>
{#await gltf}
<slot name="fallback" />
{:then gltf}
<T.Group
position={[3.98, 4.61, 3.15]}
rotation={[0, -0.83, 0]}
scale={0.59}
>
<T.Group position={[0.35, 0, -0.1]} rotation={[0, 0.19, 0]} scale={77.1}>
<T.Mesh
geometry={gltf.nodes.Sign6_1.geometry}
material={gltf.materials["Dark Wood"]}
/>
<T.Mesh
geometry={gltf.nodes.Sign6_2.geometry}
material={gltf.materials["Light Wood"]}
/>
<T.Mesh
geometry={gltf.nodes.Sign6_3.geometry}
material={gltf.materials.Herbs}
/>
</T.Group>
<T.Group
position={[0.2, 1.3, 13.73]}
rotation={[Math.PI, -1.43, Math.PI]}
scale={78.24}
>
<T.Mesh
geometry={gltf.nodes.Sign6001_1.geometry}
material={gltf.materials["Dark Wood"]}
/>
<T.Mesh
geometry={gltf.nodes.Sign6001_2.geometry}
material={gltf.materials["Light Wood"]}
/>
<T.Mesh
geometry={gltf.nodes.Sign6001_3.geometry}
material={gltf.materials.Herbs}
/>
</T.Group>
</T.Group>
<T.Group
position={[15.43, 3.37, 5.09]}
rotation={[Math.PI, -0.44, Math.PI]}
>
<T.Mesh
geometry={gltf.nodes["Node-Mesh"].geometry}
material={gltf.materials.mat9}
/>
<T.Mesh
geometry={gltf.nodes["Node-Mesh_1"].geometry}
material={gltf.materials.mat20}
/>
</T.Group>
<T.PointLight
position={[14.37, 3.8, 4.11]}
color="#C98A76"
intensity={$campfireLightIntensitiy}
></T.PointLight>
<T.Mesh
geometry={gltf.nodes.campfire.geometry}
material={gltf.materials.None}
position={[14.37, 3.26, 4.11]}
scale={0.28}
/>
<T.Mesh
geometry={gltf.nodes.PUSHILIN_Kayak_Circle003.geometry}
material={gltf.materials.kayak}
position={[13.84, 2.64, 8.83]}
scale={0.42}
/>
<T.DirectionalLight
position={[-10, 20, -10]}
color="#a2cbf5"
intensity={$moonLightIntensitiy}
castShadow
></T.DirectionalLight>
<T.Mesh
geometry={gltf.nodes.Moon.geometry}
material={gltf.materials.DD9944}
position={[-23.68, $moonZPosition, -6.37]}
rotation={[0, -0.81, 0]}
scale={0.53}
><T.PointLight position={[0.5, 5, 0.5]} color="#a2cbf5" intensity={4}
></T.PointLight></T.Mesh
>
<T.DirectionalLight
position={[-10, 20, -10]}
color="#ffffff"
intensity={$sunLightIntensitiy}
castShadow
></T.DirectionalLight>
<T.Group
position={[-5.61, $sunZPosition, -26.34]}
rotation={[0, 0.75, 0]}
scale={0.11}
>
<T.Mesh
geometry={gltf.nodes.GeoSphere003_1.geometry}
material={gltf.materials._Sol02___Default}
/>
<T.Mesh
geometry={gltf.nodes.GeoSphere003_1_1.geometry}
material={gltf.materials._Sol01___Default}
>
<T.PointLight position={[0, 45, 60]} color="#ffffff" intensity={20}
></T.PointLight></T.Mesh
>
</T.Group>
<T.Mesh
geometry={gltf.nodes.ground.geometry}
material={gltf.materials["Color texture"]}
/>
<T.Mesh
geometry={gltf.nodes.bridge.geometry}
material={gltf.materials["Color texture"]}
position={[0.06, 5.76, 6.04]}
/>
<T.Mesh
geometry={gltf.nodes.water.geometry}
material={gltf.materials["Color texture_water"]}
position={[0, -0.08, 0]}
/>
<T.Mesh
geometry={gltf.nodes.path.geometry}
material={gltf.materials["Color texture"]}
position={[1.41, 5.48, 4.97]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10030.geometry}
material={gltf.materials["Color texture"]}
position={[17.4, 2.87, 15.96]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10011.geometry}
material={gltf.materials["Color texture"]}
position={[4.68, 4.33, 2.46]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10012.geometry}
material={gltf.materials["Color texture"]}
position={[3.55, 5.46, -2.92]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10013.geometry}
material={gltf.materials["Color texture"]}
position={[9.51, 3.22, 4.3]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10034.geometry}
material={gltf.materials["Color texture"]}
position={[16.77, 2.96, 7.14]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10045.geometry}
material={gltf.materials["Color texture"]}
position={[16.86, 3.15, -5.23]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10036.geometry}
material={gltf.materials["Color texture"]}
position={[4.45, 4.95, -1.88]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10017.geometry}
material={gltf.materials["Color texture"]}
position={[17.45, 3.12, -10.44]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10018.geometry}
material={gltf.materials["Color texture"]}
position={[15.47, 2.83, 12]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10039.geometry}
material={gltf.materials["Color texture"]}
position={[-12.71, 3.79, 16.97]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100410.geometry}
material={gltf.materials["Color texture"]}
position={[16.16, 3.15, -10.68]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100311.geometry}
material={gltf.materials["Color texture"]}
position={[4.74, 4.38, 0.15]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100112.geometry}
material={gltf.materials["Color texture"]}
position={[15.07, 3.39, -4.98]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100113.geometry}
material={gltf.materials["Color texture"]}
position={[14.37, 3.55, -7.1]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100114.geometry}
material={gltf.materials["Color texture"]}
position={[1.66, 3.08, 16.7]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100215.geometry}
material={gltf.materials["Color texture"]}
position={[-5.65, 3.46, 16.8]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100116.geometry}
material={gltf.materials["Color texture"]}
position={[12.95, 3.41, -0.97]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100217.geometry}
material={gltf.materials["Color texture"]}
position={[3, 3.35, 14.8]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100318.geometry}
material={gltf.materials["Color texture"]}
position={[1.91, 3.36, 14.63]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100219.geometry}
material={gltf.materials["Color texture"]}
position={[-6.1, 4.61, 13.18]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100420.geometry}
material={gltf.materials["Color texture"]}
position={[10.78, 3.82, -0.66]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100421.geometry}
material={gltf.materials["Color texture"]}
position={[9.66, 3.03, 15.08]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100322.geometry}
material={gltf.materials["Color texture"]}
position={[16.75, 3.17, -6.47]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100223.geometry}
material={gltf.materials["Color texture"]}
position={[13.83, 3.5, -8.86]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100224.geometry}
material={gltf.materials["Color texture"]}
position={[16.53, 2.88, 14.09]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100125.geometry}
material={gltf.materials["Color texture"]}
position={[3.82, 3.17, 15.72]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100426.geometry}
material={gltf.materials["Color texture"]}
position={[17.45, 2.9, 12.72]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100327.geometry}
material={gltf.materials["Color texture"]}
position={[13.64, 3.22, -13.76]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100328.geometry}
material={gltf.materials["Color texture"]}
position={[12.88, 3.86, -2.52]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100429.geometry}
material={gltf.materials["Color texture"]}
position={[14.17, 3.17, -17.21]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100330.geometry}
material={gltf.materials["Color texture"]}
position={[17.37, 2.97, 5.36]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100131.geometry}
material={gltf.materials["Color texture"]}
position={[17.05, 3.05, -1.78]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100232.geometry}
material={gltf.materials["Color texture"]}
position={[-14.28, 4.17, 15.24]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100333.geometry}
material={gltf.materials["Color texture"]}
position={[-4.24, 3.47, 16.61]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100134.geometry}
material={gltf.materials["Color texture"]}
position={[12.92, 2.93, 14.56]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100235.geometry}
material={gltf.materials["Color texture"]}
position={[0.35, 3.14, 16.35]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100436.geometry}
material={gltf.materials["Color texture"]}
position={[11.9, 3.1, 2.41]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100437.geometry}
material={gltf.materials["Color texture"]}
position={[14.9, 2.9, 15.83]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100438.geometry}
material={gltf.materials["Color texture"]}
position={[-1.44, 3.56, 15.21]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100339.geometry}
material={gltf.materials["Color texture"]}
position={[-10.26, 3.83, 16.79]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100140.geometry}
material={gltf.materials["Color texture"]}
position={[17.38, 3.12, -12.7]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100241.geometry}
material={gltf.materials["Color texture"]}
position={[16.25, 3.12, -14.39]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100142.geometry}
material={gltf.materials["Color texture"]}
position={[15.46, 3.14, -17.36]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100343.geometry}
material={gltf.materials["Color texture"]}
position={[15.41, 3.02, 2.76]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100244.geometry}
material={gltf.materials["Color texture"]}
position={[13.78, 3.08, 0.9]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100245.geometry}
material={gltf.materials["Color texture"]}
position={[10.86, 3.08, 8.7]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100246.geometry}
material={gltf.materials["Color texture"]}
position={[5.86, 5.14, -2.97]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100347.geometry}
material={gltf.materials["Color texture"]}
position={[5.22, 5.37, -4.18]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100248.geometry}
material={gltf.materials["Color texture"]}
position={[7.39, 3.62, 1.64]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100249.geometry}
material={gltf.materials["Color texture"]}
position={[5.86, 5.67, -5.15]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100250.geometry}
material={gltf.materials["Color texture"]}
position={[13.55, 2.99, 6.92]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100151.geometry}
material={gltf.materials["Color texture"]}
position={[13.96, 2.81, 13.48]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100152.geometry}
material={gltf.materials["Color texture"]}
position={[10.58, 2.96, 15.6]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100453.geometry}
material={gltf.materials["Color texture"]}
position={[17.33, 2.86, 17.45]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100254.geometry}
material={gltf.materials["Color texture"]}
position={[-6.15, 8.16, -3.25]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100155.geometry}
material={gltf.materials["Color texture"]}
position={[2.56, 3.14, 15.84]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100356.geometry}
material={gltf.materials["Color texture"]}
position={[8.6, 3.36, 9.53]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100157.geometry}
material={gltf.materials["Color texture"]}
position={[5.4, 3.1, 16.55]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100258.geometry}
material={gltf.materials["Color texture"]}
position={[10.51, 3.19, 2.55]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100159.geometry}
material={gltf.materials["Color texture"]}
position={[3.37, 5.64, -4.24]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100360.geometry}
material={gltf.materials["Color texture"]}
position={[11.3, 3.37, -17.5]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100161.geometry}
material={gltf.materials["Color texture"]}
position={[8.89, 3.31, 3.16]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100362.geometry}
material={gltf.materials["Color texture"]}
position={[6.8, 3.01, 17.55]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100263.geometry}
material={gltf.materials["Color texture"]}
position={[2.8, 4.06, 10.67]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100164.geometry}
material={gltf.materials["Color texture"]}
position={[-2.56, 4.71, 11.74]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100365.geometry}
material={gltf.materials["Color texture"]}
position={[-1.83, 8.28, -4.63]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100366.geometry}
material={gltf.materials["Color texture"]}
position={[-16.74, 3.3, 17.04]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100467.geometry}
material={gltf.materials["Color texture"]}
position={[0.45, 5.65, 3.61]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100268.geometry}
material={gltf.materials["Color texture"]}
position={[-0.49, 4.01, 13.29]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100369.geometry}
material={gltf.materials["Color texture"]}
position={[17.24, 3.04, -0.52]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100370.geometry}
material={gltf.materials["Color texture"]}
position={[16.62, 2.99, 3.64]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100371.geometry}
material={gltf.materials["Color texture"]}
position={[-1.28, 7.92, -2.47]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100472.geometry}
material={gltf.materials["Color texture"]}
position={[-5.23, 5.09, 10.83]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100473.geometry}
material={gltf.materials["Color texture"]}
position={[-0.74, 6.99, 0.69]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100274.geometry}
material={gltf.materials["Color texture"]}
position={[12.28, 2.9, 8.59]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100475.geometry}
material={gltf.materials["Color texture"]}
position={[13.14, 3.07, 2.87]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100276.geometry}
material={gltf.materials["Color texture"]}
position={[13.71, 3.12, -0.16]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100377.geometry}
material={gltf.materials["Color texture"]}
position={[12.64, 3.13, 0.76]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100378.geometry}
material={gltf.materials["Color texture"]}
position={[14.1, 3.04, 3.15]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100279.geometry}
material={gltf.materials["Color texture"]}
position={[14.99, 3.06, 0.59]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100180.geometry}
material={gltf.materials["Color texture"]}
position={[14.35, 3, 5.89]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100481.geometry}
material={gltf.materials["Color texture"]}
position={[1.48, 4.34, 10.28]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100182.geometry}
material={gltf.materials["Color texture"]}
position={[17.4, 2.93, 9.52]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100283.geometry}
material={gltf.materials["Color texture"]}
position={[-2.56, 7.97, -3.12]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100184.geometry}
material={gltf.materials["Color texture"]}
position={[13.72, 3.32, -10.94]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100485.geometry}
material={gltf.materials["Color texture"]}
position={[17.26, 3.12, -15.43]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100186.geometry}
material={gltf.materials["Color texture"]}
position={[15.79, 3.03, 1.32]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10020.geometry}
material={gltf.materials["Color texture"]}
position={[1.44, 5.77, 1.71]}
/>
<T.Mesh
geometry={gltf.nodes.Fir1001004.geometry}
material={gltf.materials["Color texture"]}
position={[1.43, 6.77, -4.55]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10022.geometry}
material={gltf.materials["Color texture"]}
position={[-4.05, 5.75, 8.02]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10023.geometry}
material={gltf.materials["Color texture"]}
position={[-8.23, 7.58, 0.81]}
/>
<T.Mesh
geometry={gltf.nodes.Fir1003001.geometry}
material={gltf.materials["Color texture"]}
position={[-4.45, 6.58, 3.08]}
/>
<T.Mesh
geometry={gltf.nodes.Fir1004001.geometry}
material={gltf.materials["Color texture"]}
position={[3.81, 4.9, 6.19]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10016.geometry}
material={gltf.materials["Color texture"]}
position={[7.02, 3.78, 6.78]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10037.geometry}
material={gltf.materials["Color texture"]}
position={[4.37, 3.77, 12.16]}
/>
<T.Mesh
geometry={gltf.nodes.Fir1001005.geometry}
material={gltf.materials["Color texture"]}
position={[-10.67, 8.67, 10.89]}
/>
<T.Mesh
geometry={gltf.nodes.Fir10019.geometry}
material={gltf.materials["Color texture"]}
position={[-12.43, 9.19, 8.42]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100310.geometry}
material={gltf.materials["Color texture"]}
position={[-1.81, 8.56, -6.94]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100111.geometry}
material={gltf.materials["Color texture"]}
position={[-2.23, 8.4, -11.75]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100212.geometry}
material={gltf.materials["Color texture"]}
position={[1.43, 8.8, -10.28]}
/>
<T.Mesh
geometry={gltf.nodes.Fir1001010.geometry}
material={gltf.materials["Color texture"]}
position={[3.08, 8.52, -9.16]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100214.geometry}
material={gltf.materials["Color texture"]}
position={[8.33, 6.92, -7.79]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100415.geometry}
material={gltf.materials["Color texture"]}
position={[8.19, 6.47, -5.82]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100316.geometry}
material={gltf.materials["Color texture"]}
position={[11.42, 4.99, -6.31]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100117.geometry}
material={gltf.materials["Color texture"]}
position={[8.33, 4.77, -1.69]}
/>
<T.Mesh
geometry={gltf.nodes.Fir100418.geometry}
material={gltf.materials["Color texture"]}
position={[13.01, 4.2, -4.84]}
/>
<T.PointLight
position={[-8.6, 9.3, -1]}
color="#FCF9D9 "
intensity={$cabinLightIntensitiy}
></T.PointLight>
<T.Mesh
geometry={gltf.nodes.Cabin.geometry}
material={gltf.materials.lambert3SG}
position={[-9.4, 8.1, -2.43]}
rotation={[0, 0.54, 0]}
scale={0.003}
/>
<T.Mesh
geometry={gltf.nodes.Door_1.geometry}
material={gltf.materials.lambert3SG}
position={[-9.4, 8.1, -2.43]}
rotation={[0, 0.54, 0]}
scale={0.003}
/>
<T.Mesh
geometry={gltf.nodes.Door_2.geometry}
material={gltf.materials.lambert3SG}
position={[-9.4, 8.1, -2.43]}
rotation={[0, 0.54, 0]}
scale={0.003}
/>
<T.Group position={[7.32, 13.07, -12.47]} rotation={[0, rotation, 0]}>
<T.Mesh
geometry={gltf.nodes["Node-Mesh001"].geometry}
material={gltf.materials.mat8}
/>
<T.Mesh
geometry={gltf.nodes["Node-Mesh001_1"].geometry}
material={gltf.materials.mat23}
>
<T.PointLight
position={[-1, 0.8, 0]}
color="#ffffff"
intensity={$campfireLightIntensitiy}
></T.PointLight>
<T.PointLight
position={[1, 0.8, 0]}
color="#ffffff"
intensity={$campfireLightIntensitiy}
></T.PointLight></T.Mesh
>
</T.Group>
<T.Group
position={[-13.32, 18.54, -9.77]}
rotation={[0, rotation + 0.5, 0]}
>
<T.Mesh
geometry={gltf.nodes["Node-Mesh002"].geometry}
material={gltf.materials.mat8}
/>
<T.Mesh
geometry={gltf.nodes["Node-Mesh002_1"].geometry}
material={gltf.materials.mat23}
>
<T.PointLight
position={[-1, 0.8, 0]}
color="#ffffff"
intensity={$campfireLightIntensitiy}
></T.PointLight>
<T.PointLight
position={[1, 0.8, 0]}
color="#ffffff"
intensity={$campfireLightIntensitiy}
></T.PointLight></T.Mesh
>
</T.Group>
<T.Group position={[-9.02, 14.74, 6.22]} rotation={[0, rotation - 0.5, 0]}>
<T.Mesh
geometry={gltf.nodes["Node-Mesh003"].geometry}
material={gltf.materials.mat8}
/>
<T.Mesh
geometry={gltf.nodes["Node-Mesh003_1"].geometry}
material={gltf.materials.mat23}
>
<T.PointLight
position={[-1, 0.8, 0]}
color="#ffffff"
intensity={$campfireLightIntensitiy}
></T.PointLight>
<T.PointLight
position={[1, 0.8, 0]}
color="#ffffff"
intensity={$campfireLightIntensitiy}
></T.PointLight></T.Mesh
>
</T.Group>
{:catch error}
<slot name="error" {error} />
{/await}
<slot {ref} />
</T>

View File

@@ -4,11 +4,11 @@
import { onMount } from "svelte"; import { onMount } from "svelte";
import { tweened } from "svelte/motion"; import { tweened } from "svelte/motion";
import * as THREE from "three"; import * as THREE from "three";
import Earth from "./earth.svelte"; import Mountain from "./mountain.svelte";
let rotation = 0; let rotation = 0;
useTask((delta) => { useTask((delta) => {
rotation += delta / 4; rotation += delta / 2;
}); });
const { toneMapping } = useThrelte(); const { toneMapping } = useThrelte();
@@ -42,7 +42,7 @@
<T.PerspectiveCamera <T.PerspectiveCamera
makeDefault makeDefault
position={[5, 2, 0]} position={[35.5, 32, 35.5]}
on:create={({ ref }) => { on:create={({ ref }) => {
ref.lookAt(0, 0, 0); ref.lookAt(0, 0, 0);
}} }}
@@ -52,7 +52,8 @@
<T.Points geometry={starsGeometry} material={starsMaterial}></T.Points> <T.Points geometry={starsGeometry} material={starsMaterial}></T.Points>
{/if} {/if}
<Earth {rotation}></Earth> <!-- <Earth {rotation}></Earth> -->
<Mountain {rotation}></Mountain>
<T.HemisphereLight <T.HemisphereLight
skyColor={ambientColor} skyColor={ambientColor}

View File

@@ -18,12 +18,12 @@
"already-account": "Du hast bereits ein Konto?", "already-account": "Du hast bereits ein Konto?",
"altitude": "Höhe", "altitude": "Höhe",
"api-documentation": "API Dokumentation", "api-documentation": "API Dokumentation",
"author": "", "author": "Autor",
"avatar": "Avatar", "avatar": "Avatar",
"average-speed": "Durchschn. Geschwindigkeit", "average-speed": "Durchschn. Geschwindigkeit",
"basic-info": "Basisinformation", "basic-info": "Basisinformation",
"before": "Vor", "before": "Vor",
"by": "", "by": "von",
"can": "kann", "can": "kann",
"cancel": "Abbrechen", "cancel": "Abbrechen",
"card": "{n, plural, =1 {Karte} other {Karten}}", "card": "{n, plural, =1 {Karte} other {Karten}}",
@@ -93,9 +93,9 @@
"export-all-trails": "Alle Routen exportieren", "export-all-trails": "Alle Routen exportieren",
"features": "Features", "features": "Features",
"file-format": "Dateiformat", "file-format": "Dateiformat",
"file-too-big": "", "file-too-big": "Datei {file} ist zu groß (max. {size})",
"filter-categories": "Kategorien filtern", "filter-categories": "Kategorien filtern",
"filter-difficulty": "", "filter-difficulty": "Schwierigkeit filtern",
"focus-map-on": "Karte fokussieren auf", "focus-map-on": "Karte fokussieren auf",
"french": "Französisch", "french": "Französisch",
"german": "Deutsch", "german": "Deutsch",
@@ -185,7 +185,7 @@
"share": "Teilen", "share": "Teilen",
"share-this-list": "Diese Liste teilen", "share-this-list": "Diese Liste teilen",
"share-this-trail": "Diese Route teilen", "share-this-trail": "Diese Route teilen",
"shared": "", "shared": "Geteilt",
"shared-by": "Geteilt von", "shared-by": "Geteilt von",
"shared-with": "Geteilt mit", "shared-with": "Geteilt mit",
"show-in-overview": "In der Übersicht anzeigen", "show-in-overview": "In der Übersicht anzeigen",

Binary file not shown.

Binary file not shown.

Binary file not shown.