Benutzer-Werkzeuge

Webseiten-Werkzeuge


ws2122:nbody:n-body-simulation

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

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 |}}
  
  
ws2122/nbody/n-body-simulation.1656021037.txt.gz · Zuletzt geändert: 2022/06/23 23:50 von BrunoRothschild