diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..805cd2a --- /dev/null +++ b/.gitattributes @@ -0,0 +1,3 @@ +*.gif filter=lfs diff=lfs merge=lfs -text +*.png filter=lfs diff=lfs merge=lfs -text +*.jpg filter=lfs diff=lfs merge=lfs -text diff --git a/css/style.css b/css/style.css index 4ba826e..01924b6 100644 --- a/css/style.css +++ b/css/style.css @@ -6,6 +6,17 @@ body { .card { background-color: #006494; margin-top: 5%; + min-height: 520px; + max-height: 520px; + padding-bottom: 50px; +} + +.card-footer { + display: flex; + justify-content: space-between; + position: absolute; + bottom: 0; + width: 100%; } .fixs { diff --git a/images/bg1.jpg b/images/bg1.jpg index 6a332b3..79f0a4d 100644 Binary files a/images/bg1.jpg and b/images/bg1.jpg differ diff --git a/images/bsc.png b/images/bsc.png index 347cd00..1589dff 100644 Binary files a/images/bsc.png and b/images/bsc.png differ diff --git a/images/darkrp.png b/images/darkrp.png index 3a56134..0d3a1d9 100644 Binary files a/images/darkrp.png and b/images/darkrp.png differ diff --git a/images/darkrpserver.png b/images/darkrpserver.png new file mode 100644 index 0000000..d4f3a25 --- /dev/null +++ b/images/darkrpserver.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:d14f5da5ec7821adf3a24bf69a44bf4e9cd713e1d7a25611d19cdba1fd069e21 +size 26280 diff --git a/images/leaflet.png b/images/leaflet.png index 6c59499..163dfee 100644 Binary files a/images/leaflet.png and b/images/leaflet.png differ diff --git a/images/phong-shading.gif b/images/phong-shading.gif new file mode 100644 index 0000000..4a4a99b --- /dev/null +++ b/images/phong-shading.gif @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:3dc33c9e44f82a460f49b0d3e88f25564519a5f6aef6193cf7cbe7c49dc6a592 +size 762073 diff --git a/images/webOcean.png b/images/webOcean.png new file mode 100644 index 0000000..cb91ac8 --- /dev/null +++ b/images/webOcean.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:fd27e7cdc2f34ef1ea16c904455d90e4e5b70c71a3be54e920eb312467735ecd +size 42636 diff --git a/index.html b/index.html index 0149ff0..47a835b 100644 --- a/index.html +++ b/index.html @@ -42,23 +42,26 @@ -

ebenfalls ein Hobby von mir ist Fotografie.

+

ebenfalls ein Hobby von mir + ist Fotografie.

- Card image cap + Card image cap
Web-Ocean
-

Ein Typescript-Port des C-Ocean Projekts. Herausfordernd ist die Einschränkung von OpenGL auf webgl wodurch keine compute Shader zur Verfügung stehen.

-

#Typescript, #webGL, #Simulation

+

Ein Typescript-Port des C-Ocean Projekts aktuell beschränkt auf ein + Wasser-Patch. Interessant ist die Aufteilung in zwei Render-Phasen unter Verwendung von Displacement-Maps + im Gegensatz zum ursprünglichen Projekt.

+

#Typescript, #webGL2, #CG

+
+
- - Live-Demo - +
@@ -67,19 +70,28 @@ Card image cap
C-Ocean
-

Erste Implementation des Ozeans in C während meiner Bachelorarbeit. Für die Wellenbewebung wurde Perlin Noise eingesetzt. In der Frustum Culling-Ansicht.

+

Simulation eines Ozeans in C. Für die Wellenbewebung wurde Perlin Noise + eingesetzt. In der Frustum Culling-Ansicht.

+

#C, #OpenGL, #CG

+
+
- +
- Card image cap + Card image cap
-
Verbesserung der Textur eines 3D-Modells erzeugt durch einen 3D-Scanner
-

Ein Projekt welches ich während meiner Masterarbeit bei der Firma Vitronic bearbeitet habe. C++, maschinelles Sehen, Photogrametrie

+
Verbesserung der Textur eines 3D-Modells erzeugt durch einen 3D-Scanner +
+

Ein Projekt welches ich während meiner Masterarbeit bei der Firma Vitronic + bearbeitet habe.

+

#C++, #OpenGL, #Photogrammetrie

+
+
@@ -90,8 +102,11 @@ Card image cap
DarkRP2D
-

Ein Hobby-Projekt von mir an dem ich arbeite wenn sonst keine Projekte anstehen.

+

Ein Hobby-Projekt von mir an dem ich arbeite wenn sonst keine Projekte + anstehen.

#C++, #OpenGL, #Godot

+
+
@@ -99,11 +114,13 @@
- Card image cap + Card image cap
DarkRP2D-Server

Physic over network Box2d

#C++, #OpenGL, #Network

+
+
@@ -114,30 +131,57 @@ Card image cap
Leaflet-3D Plugin
-

+

Das Leaflet 3D-Plugin ermöglicht die perspektivisch korrekte Darstellung von + 3D-Gebäuden auf einer Open Street Map Karte innerhalb von Leaflet. Zur performanten Darstellung der + 3D-Gebäude wird eine Eigenimplementierung unter Einsatz von WebGL2 verwendet.

+

3D-Gebäude werden in Blender modelliert, können jedoch auch als Fallback + anhand des OSM Gebäude-Grundrisses generiert werden. Bei der 3D-Ansicht ist es möglich die Gebäude mit + unterschiedlichen Farben und Features darzustellen.

+
+
Live-Demo - +
- Card image cap + Card image cap
C++-Ocean-FFT

- +
+
+
- Card image cap + Card image cap
-
Phong-Shading Studie
+
Blinn-Phong-Shading Seminar
+

Im Rahmen des Masterseminar meines Masterstudiums hatte ich mich mit Beleuchtungsmodellen (BRDF) beschäftigt. Hierzu gibt es eine Ausarbeitung sowie ein ausführbares Web-Version.

+

#JavaScript, #webGL, #CG

+
+
+ + Live-Demo + + +
+
+
+
+
+ Card image cap +
+
Fraktale-Welt Seminar

+
+
@@ -146,25 +190,14 @@
- Card image cap -
-
Fraktale-Welt Studie
-

- - - -
-
-
-
-
- Card image cap + Card image cap
Arcade-Shooter

Hausarbeit aus dem 1-Semester

+
+
-