feat: some stuff
All checks were successful
Deploy to SFTP Server / build (push) Successful in 21m14s

This commit is contained in:
2024-04-08 01:06:23 +02:00
parent 187fd302fb
commit 146c8d5279
13 changed files with 85 additions and 46 deletions

View File

@ -45,18 +45,17 @@
render && fishCanvasBack.update(t, timeOffset);
}
loaded = true;
// @ts-ignore
window["updateBackgroundColor"] = updateBackgroundColor;
});
</script>
<svelte:body on:transitionend={updateBackgroundColor} />
<svelte:window
on:resize={handleResize}
on:scroll={() => {
speed = Math.min(speed + 0.001, 0.15);
timeOffset += speed;
}}
/>
}} />
<canvas id="bottom" bind:this={canvasBottom} class:loaded />

View File

@ -23,6 +23,8 @@
onMount(() => {
updateBackgroundColor();
createLeaves({ canvas, num: 20, minZ: 0, maxZ: 1, color });
// @ts-ignore
window["updateBackgroundColor"] = updateBackgroundColor;
setTimeout(() => {
loaded = true;
}, 100);
@ -30,7 +32,6 @@
</script>
<svelte:window on:scroll={handleScroll} />
<svelte:body on:transitionend={updateBackgroundColor} />
<canvas bind:this={canvas} class:loaded />

View File

@ -5,13 +5,20 @@ cover: ./images/plantarium.png
featured: true
links: [["website", "https://plant.max-richter.dev"], ["git", "https://github.com/jim-fx/plantarium"]]
tags: ["Web", "3D", "Svelte", "Node-Systeme"]
icon: /projects/plantarium/favicon.svg
draft: false
toc: true
---
# Einführung
Plantarium ist eine WebApp mit der Nutzer 3D Model von Pflanzen generieren können. Der erste Prototyp war innerhalb von zwei Wochen intensiver Arbeit fertig und sah ungefähr so aus:
Plantarium ist die Schnittmenge zwischen zwei Dingen die ich sehr faszinierend finde, Pflanzen und 3D Modellierung.
Es ist eine WebApp die es Nutzern ermöglicht Pflanzen zu erstellen und zu exportieren.
Die User legen dabei über ein Node-System fest wie die Pflanze aussieht und Plantarium generiert daraus ein 3D Modell.
# Die Anfänge und Herausforderungen
Der erste Prototyp war innerhalb von zwei Wochen intensiver Arbeit fertig und sah ungefähr so aus:
import ImageSlider from "@components/ImageSlider.svelte"
import Leaves from "./_components/Leaves.svelte"