Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung | |||
ws2122:nbody:n-body-simulation [2022/06/23 23:50] BrunoRothschild bevor Bruno durchgedreht ist |
ws2122:nbody:n-body-simulation [2022/06/23 23:52] (aktuell) BrunoRothschild danach |
||
---|---|---|---|
Zeile 3: | Zeile 3: | ||
<html> | <html> | ||
+ | <video id="background-video" autoplay loop muted poster="https://www.planet-wissen.de/natur/reptilien_und_amphibien/froesche_und_kroeten/grasfroeschekommenauchnoerdlichdespolarkreisesvor100~_v-Podcast.jpg"> | ||
+ | <source src="/mathesisWiki/lib/exe/fetch.php?media=ws2122:nbody:movie_004.mp4" type="video/mp4"> | ||
+ | </video> | ||
<style> | <style> | ||
#dokuwiki__header { | #dokuwiki__header { | ||
display: none; | display: none; | ||
} | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, p, ul { | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | h1, h2, h3 { | ||
+ | color: black; | ||
+ | font-weight: bold; | ||
+ | background: rgba(255, 255, 255, 0.8); | ||
+ | padding: 1rem; | ||
+ | } | ||
+ | | ||
+ | p{ | ||
+ | background: rgba(0, 0, 0, 0.25); | ||
+ | padding: 0.7rem; | ||
+ | } | ||
+ | ul { | ||
+ | background: rgba(255, 255, 255, 0.75); | ||
+ | padding: 0.4rem; | ||
+ | } | ||
+ | #background-video{ | ||
+ | width: 100vw; | ||
+ | height: 100vh; | ||
+ | object-fit: cover; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | z-index: -1; | ||
+ | mix-blend-mode: normal; | ||
+ | } | ||
+ | |||
+ | * { | ||
+ | color: white; | ||
+ | } | ||
body { | body { | ||
- | background-image: url('https://www.mintgruen.tu-berlin.de/mathesisWiki/lib/exe/fetch.php?media=ws2122:nbody:movie_004.gif'); | + | /*background-image: url('https://www.mintgruen.tu-berlin.de/mathesisWiki/lib/exe/fetch.php?media=ws2122:nbody:movie_004.gif'); |
background-size: 100%; | background-size: 100%; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-attachment: fixed; | background-attachment: fixed; | ||
background-position: center center; | background-position: center center; | ||
+ | */ | ||
} | } | ||
Zeile 30: | Zeile 69: | ||
</style> | </style> | ||
<script> | <script> | ||
- | alert("Ihre Website ist nicht besonders sicher. Man kann JavaScript ausführen"); | + | /*alert("Ihre Website ist nicht besonders sicher. Man kann JavaScript ausführen");*/ |
</script> | </script> | ||
</html> | </html> | ||
Zeile 135: | Zeile 174: | ||
Die Auflösung hat einen großen Einfluss auf die Performance, da ein Shader verwendet wird, der den Abstand von jedem Planeten zum jeweiligen Pixel berechnet. Dh. es wurde hauptsächlich eine deutliche optische Verbesserung erzielt. | Die Auflösung hat einen großen Einfluss auf die Performance, da ein Shader verwendet wird, der den Abstand von jedem Planeten zum jeweiligen Pixel berechnet. Dh. es wurde hauptsächlich eine deutliche optische Verbesserung erzielt. | ||
Einige Bilder und Videos aus der Simulation: | Einige Bilder und Videos aus der Simulation: | ||
- | * {{ :ws2122:nbody:red_sphere.png?nolink |}} | + | {{ :ws2122:nbody:red_sphere.png?nolink |}} |
- | * {{ :ws2122:nbody:blue_sphere.png?nolink |}} | + | {{ :ws2122:nbody:blue_sphere.png?nolink |}} |
- | * {{ :ws2122:nbody:n_body_image_01.png?nolink |}} | + | {{ :ws2122:nbody:n_body_image_01.png?nolink |}} |
- | * {{ :ws2122:nbody:n_body_image_02.png.png?nolink |}} | + | {{ :ws2122:nbody:n_body_image_02.png.png?nolink |}} |
- | * {{ :ws2122:nbody:n_body_image_03.png.png?nolink |}} | + | {{ :ws2122:nbody:n_body_image_03.png.png?nolink |}} |
- | * {{ :ws2122:nbody:n_body_image_04.png.png?nolink |}} | + | {{ :ws2122:nbody:n_body_image_04.png.png?nolink |}} |
- | * {{ :ws2122:nbody:n_body_image_05.png.png?nolink |}} | + | {{ :ws2122:nbody:n_body_image_05.png.png?nolink |}} |