max/nodarium
1
0
Fork 0
Code Issues 12 Pull Requests 2 Actions Packages Projects Releases 3 Wiki Activity

chore: run formatting
Some checks failed
🏗️ Build and Deploy / setup (push) Successful in 1m5s
Details
🏗️ Build and Deploy / lint (push) Successful in 34s
Details
🏗️ Build and Deploy / format (push) Successful in 40s
Details
🏗️ Build and Deploy / typecheck (push) Failing after 12s
Details
🏗️ Build and Deploy / build_and_deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
Max Richter
2026-02-02 17:07:43 +01:00
parent 025921aeab
commit 812099c55d
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
app/src/lib/graph-interface/background/Background.svelte
View File

@@ -1,9 +1,9 @@
<script lang="ts"> <script lang="ts">
import { appSettings } from "$lib/settings/app-settings.svelte"; import { appSettings } from '$lib/settings/app-settings.svelte';
import { T } from "@threlte/core"; import { T } from '@threlte/core';
import { colors } from "../graph/colors.svelte"; import { colors } from '../graph/colors.svelte';
import BackgroundFrag from "./Background.frag"; import BackgroundFrag from './Background.frag';
import BackgroundVert from "./Background.vert"; import BackgroundVert from './Background.vert';
type Props = { type Props = {
minZoom: number; minZoom: number;
@@ -18,7 +18,7 @@
maxZoom = 150, maxZoom = 150,
cameraPosition = [0, 1, 0], cameraPosition = [0, 1, 0],
width = globalThis?.innerWidth || 100, width = globalThis?.innerWidth || 100,
height = globalThis?.innerHeight || 100, height = globalThis?.innerHeight || 100
}: Props = $props(); }: Props = $props();
let bw = $derived(width / cameraPosition[2]); let bw = $derived(width / cameraPosition[2]);
@@ -38,25 +38,25 @@
fragmentShader={BackgroundFrag} fragmentShader={BackgroundFrag}
uniforms={{ uniforms={{
camPos: { camPos: {
value: [0, 1, 0], value: [0, 1, 0]
}, },
backgroundColor: { backgroundColor: {
value: colors["layer-0"], value: colors['layer-0']
}, },
lineColor: { lineColor: {
value: colors["outline"], value: colors['outline']
}, },
zoomLimits: { zoomLimits: {
value: [2, 50], value: [2, 50]
}, },
dimensions: { dimensions: {
value: [100, 100], value: [100, 100]
}, }
}} }}
uniforms.camPos.value={cameraPosition} uniforms.camPos.value={cameraPosition}
uniforms.backgroundColor.value={appSettings.value.theme && uniforms.backgroundColor.value={appSettings.value.theme
colors["layer-0"]} && colors['layer-0']}
uniforms.lineColor.value={appSettings.value.theme && colors["outline"]} uniforms.lineColor.value={appSettings.value.theme && colors['outline']}
uniforms.zoomLimits.value={[minZoom, maxZoom]} uniforms.zoomLimits.value={[minZoom, maxZoom]}
uniforms.dimensions.value={[width, height]} uniforms.dimensions.value={[width, height]}
/> />