feat: some stuff
All checks were successful
Deploy to SFTP Server / build (push) Successful in 21m14s
All checks were successful
Deploy to SFTP Server / build (push) Successful in 21m14s
This commit is contained in:
@ -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 />
|
||||
|
||||
|
@ -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 />
|
||||
|
||||
|
@ -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"
|
||||
|
Reference in New Issue
Block a user