max/max-richter.dev
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: some shit

Browse Source
This commit is contained in:
max_richter
2024-04-03 14:27:48 +02:00
parent d4128840b9
commit 93baa3b6b0
67 changed files with 2513 additions and 703 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/content/projects/plantarium/index.mdx
View File

@@ -1,7 +1,7 @@
---
title: "Plantarium"
date: 2022-08-31T20:46:26+02:00
headerImg: "/projects/plantarium/plantarium.png"
headerImg: "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"]
@@ -14,14 +14,31 @@ Plantarium ist wohl das Hobby Projekt, mit dem ich am meisten Zeit verbracht hab
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:
<svelte component="image-slider" title="Prototype Design">
<img src="./images/page01-0.jpg" alt="Stem Page"/>
<img src="./images/page01-1.jpg" alt="Branches page"/>
<img src="./images/page01-2.jpg" alt="Leaves page"/>
<img src="./images/page01-3.jpg" alt="Import/Export page"/>
<img src="./images/page01-5.jpg" alt="Design of UI Components"/>
<img src="./images/page01-6.jpg" alt="Data flow inside app"/>
</svelte>
import ImageSlider from "@components/ImageSlider.svelte"
import Leaves from "./_components/Leaves.svelte"
import Image from "@components/Image.astro"
import page01_0 from "./images/page01-0.jpg"
import page01_1 from "./images/page01-1.jpg"
import page01_2 from "./images/page01-2.jpg"
import page01_3 from "./images/page01-3.jpg"
import page01_5 from "./images/page01-5.jpg"
import page01_6 from "./images/page01-6.jpg"
import screenshot_geometry_nodes from "./images/screenshot-geometry-nodes.jpg"
import screenshot_houdini from "./images/screenshot-houdini.jpg"
import screenshot_unreal from "./images/screenshot-unreal.jpg"
import screenshot_davinci from "./images/screenshot-davinci.jpg"
<Leaves client:load/>
<ImageSlider title="Erster Prototyp" client:load>
<Image src={page01_0} alt="Stem Page"/>
<Image src={page01_1} alt="Branches page"/>
<Image src={page01_2} alt="Leaves page"/>
<Image src={page01_3} alt="Import/Export page"/>
<Image src={page01_5} alt="Design of UI Components"/>
<Image src={page01_6} alt="Data flow inside app"/>
</ImageSlider>
Schon gar nicht schlecht, aber wie das mit Prototypen so ist gab es noch einiges zu verbessern. Also eine Kurze Historie der größten Änderungen bis heute:
@@ -56,13 +73,13 @@ In der Beispielgrafik haben wir zwei `input-color` nodes die jeweils eine Farbe
Das coole ist das man dieses System sehr generisch gestalten kann und zum beispiel eine `generate-stem`, `generate-branches` oder eine `add-leaves` node programmieren kann. Aufgrund der
<img src="/projects/plantarium/screenshot-plantarium.png" alt="Plantariums uses nodes to create plants"/>
<svelte component="image-slider" title="Beispiele von Node Systemen">
<img src="images/screenshot-geometry-nodes.jpg" alt="Blenders uses nodes to create geometry"/>
<img src="images/screenshot-houdini.jpg" alt="Houdini uses nodes for vfx/simulations"/>
<img src="images/screenshot-unreal.jpg" alt="Unreal uses nodes for game logic"/>
<img src="images/screenshot-davinci.jpg" alt="Davinvi uses nodes for vfx"/>
</svelte>
<ImageSlider title="Beispiele von Node Systemen" client:load>
<Image src={screenshot_geometry_nodes} alt="Blenders uses nodes to create geometry"/>
<Image src={screenshot_houdini} alt="Houdini uses nodes for vfx/simulations"/>
<Image src={screenshot_unreal} alt="Unreal uses nodes for game logic"/>
<Image src={screenshot_davinci} alt="Davinvi uses nodes for vfx"/>
</ImageSlider>
### Svelte-Kit Rewrite